:root { --ink:#070811; --ink-2:#0c0d1a; --panel:rgba(22,24,41,.72); --line:rgba(255,255,255,.14); --text:#f7f6ff; --muted:#a9a9bb; --lav:#b89dff; --blue:#66dcff; --pink:#ff5ebc; --lime:#c8ff69; --display:"Unbounded", sans-serif; --body:"Manrope", sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ink)} body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.5} a{color:inherit;text-decoration:none} button,input,select{font:inherit}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.skip-link{position:absolute;transform:translateY(-110%);background:var(--lime);color:var(--ink);padding:12px 18px;z-index:100}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:25px clamp(20px,4.6vw,74px);border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:-.8px}.brand>span:last-child>span{color:var(--pink)}.brand-mark{width:26px;height:20px;position:relative;display:flex;align-items:center;gap:2px;transform:skewX(-18deg)}.brand-mark i{display:block;width:6px;background:var(--text);border-radius:1px}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){height:20px;background:var(--blue)}.brand-mark i:last-child{height:13px;background:var(--pink)}.desktop-nav{display:flex;gap:31px;color:#dddce9;font-size:13px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--blue)}.header-cta{display:flex;align-items:center;gap:17px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.header-cta b{font-size:19px;color:var(--blue)}
.hero{min-height:100svh;position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:140px clamp(20px,8.4vw,134px) 46px;overflow:hidden}.hero-visual{position:absolute;inset:0;z-index:-3}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:68% 45%;filter:saturate(.86) contrast(1.05)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,8,17,.97) 0%,rgba(7,8,17,.7) 28%,rgba(7,8,17,.12) 62%,rgba(7,8,17,.43) 100%),linear-gradient(0deg,rgba(7,8,17,.93) 0%,rgba(7,8,17,0) 42%)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.27;background:linear-gradient(90deg,transparent 0 14.4%,rgba(255,255,255,.2) 14.45% 14.55%,transparent 14.6% 85%,rgba(255,255,255,.12) 85.05% 85.15%,transparent 85.2%)}.hero-content{max-width:750px;padding-bottom:12px}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:8px;color:#ddd4ff;margin-bottom:25px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime);animation:pulse 1.7s infinite}.hero h1,.section h2,.rules-banner h2{font-family:var(--display);font-weight:800;line-height:.93;letter-spacing:-4.4px;text-transform:uppercase;margin:0}.hero h1{font-size:clamp(48px,7.1vw,116px)}h1 em,h2 span,.card-meta em{font-style:normal;color:var(--lav);text-shadow:0 0 24px rgba(184,157,255,.48)}.hero-lead{max-width:450px;margin:30px 0 30px;color:#dad9e4;font-size:clamp(15px,1.35vw,19px);line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 24px;border:1px solid transparent;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.35px;transition:transform .25s,box-shadow .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button b{font-size:19px}.button-primary{background:linear-gradient(100deg,#c0a5ff,#9edaff);color:#10101e;box-shadow:0 12px 42px rgba(120,166,255,.28)}.button-primary:hover{box-shadow:0 17px 55px rgba(146,187,255,.48)}.button-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(9,9,19,.22);backdrop-filter:blur(6px)}.button-ghost span{font-size:17px;color:var(--blue)}.hero-bottom{position:absolute;bottom:42px;right:clamp(20px,8.4vw,134px);left:clamp(20px,8.4vw,134px);display:flex;justify-content:space-between;align-items:flex-end}.event-status{font-size:11px;display:flex;flex-direction:column;gap:5px;color:#b9b8c7}.event-status span{color:var(--lime);font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:9px}.event-status strong{font-weight:600}.scroll-cue{display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.scroll-cue span{width:26px;height:40px;border:1px solid rgba(255,255,255,.65);border-radius:20px;position:relative}.scroll-cue span:after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;background:var(--blue);transform:translateX(-50%);border-radius:5px;animation:scroll 1.7s infinite}.hero-index{position:absolute;bottom:115px;right:clamp(20px,4.6vw,74px);font-family:var(--display);display:flex;align-items:center;gap:8px;font-size:9px}.hero-index i{width:29px;height:1px;background:rgba(255,255,255,.5)}
.section{position:relative;padding:clamp(86px,11vw,170px) clamp(20px,8.4vw,134px)}.section-heading{display:grid;grid-template-columns:1.2fr 1.4fr .9fr;gap:35px;align-items:end;margin-bottom:60px}.kicker{margin:0;color:var(--blue)}.section h2,.rules-banner h2{font-size:clamp(34px,4.1vw,66px);letter-spacing:-3px}.section-heading>p:last-child{margin:0;max-width:350px;color:var(--muted);font-size:14px}.prizes{background:radial-gradient(circle at 90% 8%,rgba(125,88,255,.18),transparent 26%),linear-gradient(125deg,#0c0d1a,#111222)}.prize-layout{display:grid;grid-template-columns:1.42fr 1fr;gap:18px}.prize-card{min-height:545px;position:relative;overflow:hidden;border:1px solid var(--line);padding:26px;background:rgba(21,22,38,.66);isolation:isolate;transition:transform .4s,border-color .4s}.prize-card:hover{transform:translateY(-7px);border-color:rgba(186,164,255,.75)}.prize-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%)}.card-topline{display:flex;justify-content:space-between;color:#d6d2e4;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:800}.console-art{position:absolute;width:460px;height:440px;left:54%;top:38px;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 28px 30px rgba(0,0,0,.55));animation:float 6s ease-in-out infinite}.console-face{position:absolute;display:block;width:160px;height:368px;border-radius:22px 8px 12px 15px;background:linear-gradient(132deg,#ebd7ff 0%,#b593ff 32%,#5ae5ff 100%);box-shadow:inset 10px 3px 24px rgba(255,255,255,.25)}.console-face.a{left:60px;transform:skewY(-5deg);clip-path:polygon(0 0,100% 6%,95% 100%,4% 94%)}.console-face.b{left:238px;top:8px;transform:skewY(5deg);background:linear-gradient(135deg,#d5b7ff,#ff71bd 82%);clip-path:polygon(0 7%,100% 0,92% 93%,3% 100%)}.console-spine{position:absolute;z-index:2;left:202px;top:24px;width:72px;height:350px;border-radius:9px;background:linear-gradient(90deg,#05050c,#232441 55%,#05050a);transform:skewY(2deg);box-shadow:inset 3px 0 5px #68e8ff,8px 5px 14px #05050a}.console-orbit{position:absolute;width:380px;height:80px;border:2px solid rgba(130,239,255,.7);border-radius:50%;left:36px;bottom:8px;transform:rotate(-8deg);box-shadow:0 0 25px rgba(101,218,255,.48)}.card-meta{position:absolute;left:26px;bottom:25px}.card-meta p{font-family:var(--display);font-size:16px;color:var(--blue);margin:0 0 4px}.card-meta h3{font-family:var(--display);font-size:clamp(26px,3vw,44px);line-height:1;letter-spacing:-2px;text-transform:uppercase;margin:0}.card-meta>span{display:block;margin-top:12px;color:#b5b2bf;font-size:11px}.corner-label{position:absolute;right:-23px;bottom:72px;transform:rotate(-90deg);font-size:8px;text-transform:uppercase;letter-spacing:1.6px;color:#9896a8}.prize-game{background:radial-gradient(circle at 74% 16%,rgba(255,93,187,.3),transparent 30%),linear-gradient(150deg,#26112d,#131427 62%,#11111d)}.game-art{position:absolute;inset:70px 0 85px;display:flex;align-items:center;justify-content:center}.game-art>span{font-family:var(--display);font-size:clamp(155px,20vw,310px);font-weight:800;font-style:italic;letter-spacing:-26px;color:transparent;background:linear-gradient(130deg,#ff70c4,#f59e88 45%,#b599ff);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 14px 8px rgba(0,0,0,.38));transform:rotate(-7deg)}.game-art i{position:absolute;width:70%;height:72%;border:1px solid rgba(255,255,255,.26);border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 45px rgba(255,96,193,.34)}.game-art b{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:38px -51px 0 #ffc3e7,-57px 80px 0 #a0ebff,100px 130px 0 #e7b8ff,-130px -120px 0 #ffb4df}
.journey{background:linear-gradient(150deg,#080914 10%,#151126 45%,#090912);overflow:hidden}.journey-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.journey-orb{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.orb-one{width:430px;height:430px;background:rgba(105,101,255,.18);top:-230px;right:-40px}.orb-two{width:280px;height:280px;background:rgba(255,80,186,.12);bottom:-100px;left:-100px}.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid var(--line)}.steps:before{content:"";height:1px;position:absolute;top:-1px;left:0;width:18%;background:var(--blue);box-shadow:0 0 16px var(--blue)}.step{min-height:315px;padding:26px 25px 25px;border-right:1px solid var(--line);position:relative;background:rgba(255,255,255,.015);transition:background .3s}.step:first-child{border-left:1px solid var(--line)}.step:hover{background:rgba(151,120,255,.1)}.step-number{font-family:var(--display);font-size:12px;color:#8d8b99}.step-icon{width:48px;height:48px;position:relative;margin:76px 0 26px}.step-icon:before,.step-icon:after{content:"";position:absolute}.bag:before{width:28px;height:26px;border:1px solid var(--blue);border-radius:4px;left:8px;top:13px}.bag:after{width:14px;height:10px;border:1px solid var(--blue);border-bottom:0;border-radius:10px 10px 0 0;left:15px;top:5px}.ticket{border:1px solid var(--lav);clip-path:polygon(0 0,100% 0,100% 35%,88% 50%,100% 65%,100% 100%,0 100%,0 65%,12% 50%,0 35%);transform:rotate(-8deg)}.ticket:after{height:32px;top:7px;left:23px;border-left:1px dashed var(--lav)}.scan{border:1px solid var(--pink);border-radius:3px}.scan:before{inset:7px;border:1px solid var(--pink);border-radius:1px}.scan:after{width:4px;height:4px;border-radius:50%;background:var(--pink);left:12px;top:12px;box-shadow:15px 12px 0 var(--pink),9px 20px 0 var(--pink)}.spark:before{width:38px;height:38px;left:5px;top:5px;background:linear-gradient(135deg,var(--lime),#6adfff);clip-path:polygon(50% 0,60% 37%,100% 50%,60% 63%,50% 100%,39% 63%,0 50%,39% 37%);filter:drop-shadow(0 0 12px rgba(188,255,120,.6))}.step h3{font-family:var(--display);font-size:14px;line-height:1.25;text-transform:uppercase;letter-spacing:-.6px;margin:0}.step p{margin:12px 0 0;color:var(--muted);font-size:12px;max-width:180px}
.register{display:grid;grid-template-columns:.95fr 1.05fr;gap:9vw;align-items:center;background:#0b0c17;overflow:hidden}.register-glow{position:absolute;z-index:0;width:700px;height:700px;left:-310px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(126,93,255,.42),rgba(126,93,255,0) 67%);filter:blur(7px)}.register-copy,.contest-form{position:relative;z-index:1}.register-copy h2{margin:20px 0 25px}.register-copy>p:not(.kicker){max-width:390px;color:var(--muted);font-size:15px}.security-note{display:flex;gap:10px;align-items:flex-start;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);max-width:390px}.security-note>span{width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;border-radius:50%;background:rgba(198,255,105,.2);color:var(--lime);font-size:12px}.security-note p{margin:0;color:#c2c0cb;font-size:12px}.contest-form{padding:31px;border:1px solid rgba(198,184,255,.32);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 25px 70px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.form-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:23px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}.required{font-size:9px;font-weight:600;color:#9794a4;text-transform:none;letter-spacing:0}.form-field{display:block;margin-bottom:18px}.form-field>span{display:block;margin-bottom:7px;color:#d7d5df;font-size:11px}.form-field input{width:100%;height:50px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:rgba(5,6,14,.48);color:#fff;padding:0 14px;outline:none;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder{color:#666474}.form-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(97,220,255,.1)}.form-field input.invalid{border-color:#ff7b9e}.form-field small{margin-top:5px;display:block;color:#868392;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.consent{display:flex;gap:9px;align-items:flex-start;margin:6px 0 14px;cursor:pointer;font-size:10px;color:#aaa8b7;line-height:1.5}.consent input{position:absolute;opacity:0}.checkmark{display:block;flex:0 0 15px;width:15px;height:15px;margin-top:1px;border:1px solid #817d91;transition:all .2s}.consent input:checked+.checkmark{background:var(--lime);border-color:var(--lime);box-shadow:inset 0 0 0 3px #131522}.consent a{color:#e0d7ff;text-decoration:underline;text-underline-offset:2px}.form-message{min-height:19px;margin:0 0 10px;font-size:11px}.form-message.error{color:#ff9db6}.form-message.success{color:var(--lime)}.form-submit{width:100%;min-height:56px;border:0}.form-submit:disabled{opacity:.55;cursor:wait;transform:none}.form-footnote{margin:12px 0 0;color:#777584;font-size:9px;line-height:1.5;text-align:center}
.participants{background:linear-gradient(180deg,#0b0c17,#090a14)}.participants-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:47px}.participants-head h2{margin-top:18px}.live-label{color:#afadbb;font-size:10px;text-transform:uppercase;letter-spacing:.55px;display:flex;gap:7px;align-items:center}.live-label i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.recent-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);min-height:145px}.empty-state{grid-column:1/-1;display:flex;align-items:center;gap:19px;padding:25px;background:#10111e;color:#aaa8b6;font-size:13px}.empty-state p{margin:0}.empty-orbit{width:55px;height:55px;border:1px solid #727083;border-radius:50%;position:relative;flex:0 0 auto}.empty-orbit:before,.empty-orbit:after{content:"";position:absolute;top:50%;left:50%;width:55px;height:1px;background:#727083;transform:translate(-50%,-50%) rotate(45deg)}.empty-orbit:after{transform:translate(-50%,-50%) rotate(-45deg)}.empty-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--blue);top:8px;right:5px;box-shadow:0 0 9px var(--blue)}.person-card{min-height:145px;padding:21px;background:#10111e;position:relative;overflow:hidden;animation:enter .45s both}.person-card:after{content:"";position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(105,218,255,.12),transparent 70%);right:-40px;top:-40px}.person-card .person-number{font-family:var(--display);color:#7c788a;font-size:9px}.person-card h3{font-family:var(--display);font-size:13px;letter-spacing:-.5px;text-transform:uppercase;margin:30px 0 4px}.person-card p{margin:0;color:#aaa8b8;font-size:10px}.participant-directory{margin-top:70px;border-top:1px solid var(--line);padding-top:27px}.directory-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.directory-title h3{margin:9px 0 0;font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:-1px}.directory-title>span{font-size:10px;color:#a7a5b4}.directory-controls{display:grid;grid-template-columns:1fr 180px;gap:12px;margin-bottom:10px}.search,.filter{height:48px;display:flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:0 13px}.search span{font-size:22px;line-height:0;color:#9693a7}.search input,.filter select{height:100%;width:100%;border:0;outline:0;background:transparent;color:#e4e2ea;font-size:12px;padding-left:9px}.search input::placeholder{color:#777484}.filter{justify-content:space-between;gap:5px;color:#9b98a7;font-size:10px}.filter select{padding:0;color:#e4e2ea}.filter option{color:#161723}.directory-list{border-top:1px solid var(--line)}.directory-empty{padding:35px 0;color:#858291;font-size:12px}.directory-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;animation:enter .4s both}.directory-row span{color:#a9a6b4}.directory-row span:first-child{font-weight:700;color:#edeaf7}
.rules-banner{display:grid;grid-template-columns:1.4fr .85fr;gap:50px;align-items:end;padding:clamp(65px,8vw,120px) clamp(20px,8.4vw,134px);background:linear-gradient(105deg,#1c1030,#0a1623 55%,#111124);border-top:1px solid var(--line)}.rules-banner>div:last-child p{margin:0 0 25px;color:#c4c1d0;font-size:14px;max-width:345px}.text-link{display:inline-flex;gap:15px;align-items:center;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.5px}.text-link b{font-size:18px;color:var(--lime)}.site-footer{padding:33px clamp(20px,4.6vw,74px);display:flex;justify-content:space-between;align-items:center;gap:25px;background:#070811;border-top:1px solid var(--line)}.footer-links{display:flex;gap:20px;font-size:10px;color:#a5a2b2}.footer-links a:hover{color:var(--blue)}.site-footer>p{max-width:200px;margin:0;color:#777483;font-size:9px;text-align:right}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.15s}@keyframes float{50%{transform:translateX(-50%) translateY(-12px) rotate(-5deg)}}@keyframes pulse{50%{transform:scale(.65);opacity:.55}}@keyframes scroll{70%{transform:translate(-50%,15px);opacity:0}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:820px){.desktop-nav{display:none}.site-header{padding:19px 20px}.header-cta{font-size:9px;gap:8px}.hero{min-height:740px;padding:125px 20px 50px}.hero-visual img{object-position:62% 50%}.hero-shade{background:linear-gradient(90deg,rgba(7,8,17,.94),rgba(7,8,17,.38) 85%),linear-gradient(0deg,rgba(7,8,17,.96),transparent 52%)}.hero h1{letter-spacing:-2.8px}.hero-bottom{left:20px;right:20px;bottom:27px}.hero-index,.scroll-cue{display:none}.section{padding:85px 20px}.section-heading{display:block;margin-bottom:38px}.section-heading h2{margin:17px 0}.prize-layout{grid-template-columns:1fr}.prize-card{min-height:440px}.console-art{transform:scale(.8) translateX(-61%) rotate(-8deg);transform-origin:center top}.prize-card:hover .console-art{transform:scale(.8) translateX(-61%) rotate(-5deg)}.journey-head{display:block;margin-bottom:40px}.journey-head h2{margin-top:17px}.steps{grid-template-columns:1fr 1fr}.step{min-height:255px}.step-icon{margin:41px 0 24px}.register{grid-template-columns:1fr;gap:43px}.contest-form{padding:22px}.participants-head{display:block}.live-label{margin-top:20px}.recent-list{grid-template-columns:1fr}.participant-directory{margin-top:50px}.rules-banner{grid-template-columns:1fr;gap:26px}.site-footer{display:grid;grid-template-columns:1fr;align-items:start}.footer-links{flex-wrap:wrap;gap:12px}.site-footer>p{text-align:left}.directory-row{grid-template-columns:1.5fr 1fr 1fr}}
@media (max-width:480px){.brand{font-size:9px}.header-cta span{display:none}.hero{min-height:690px}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%;min-height:55px}.hero-lead{max-width:320px;margin:23px 0}.event-status{max-width:260px}.prize-card{min-height:390px}.console-art{top:28px;left:62%;transform:scale(.65) translateX(-62%) rotate(-8deg)}.card-meta h3{font-size:27px}.form-row{grid-template-columns:1fr}.directory-controls{grid-template-columns:1fr}.filter{height:42px}.directory-row{grid-template-columns:1fr 1fr}.directory-row span:last-child{grid-column:1/-1}.step h3{font-size:12px}.step{padding:19px 15px}.step-icon{width:39px;height:39px}.empty-state{padding:17px}.empty-state p{font-size:12px}}
.prize-console .card-topline,.prize-console .card-meta,.prize-console .corner-label,.prize-game .card-topline,.prize-game .card-meta,.prize-game .corner-label{position:relative;z-index:2}.prize-product-image,.game-product-image{position:absolute;inset:31px 0 86px;z-index:1;overflow:hidden;background:#101227}.prize-product-image:after,.game-product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,33,.05) 36%,rgba(15,14,29,.94) 100%),linear-gradient(90deg,rgba(16,17,34,.1),transparent 46%)}.prize-product-image img,.game-product-image img{display:block;width:100%;height:100%;transition:transform .7s ease,filter .7s ease}.prize-product-image img{object-fit:contain;object-position:center center;transform:scale(.98);filter:saturate(.92) contrast(1.04);background:radial-gradient(circle at center,rgba(105,95,255,.28),transparent 68%)}.game-product-image img{object-fit:cover;object-position:center center;transform:scale(1.04);filter:saturate(.9) contrast(1.05)}.prize-console:hover .prize-product-image img{transform:scale(1.01);filter:saturate(1.08) contrast(1.06)}.prize-game:hover .game-product-image img{transform:scale(1.1);filter:saturate(1.06) contrast(1.07)}@media (max-width:820px){.prize-product-image,.game-product-image{inset:31px 0 76px}}@media (max-width:480px){.prize-product-image,.game-product-image{inset:30px 0 72px}.prize-product-image img{transform:scale(.97)}.game-product-image img{object-position:50% 50%}}
.hero-bottom{justify-content:flex-end}.site-header .brand{gap:15px;font-size:clamp(18px,1.65vw,25px);letter-spacing:-1.9px;line-height:1}.site-header .brand>span:last-child{display:block;background:linear-gradient(105deg,#fff 5%,#c6b2ff 45%,#65ddff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(121,189,255,.35))}.site-header .brand-mark{width:34px;height:26px;gap:3px;filter:drop-shadow(0 0 10px rgba(102,220,255,.35))}.site-header .brand-mark i{width:8px}.site-header .brand-mark i:first-child{height:10px}.site-header .brand-mark i:nth-child(2){height:26px}.site-header .brand-mark i:last-child{height:17px}@media (max-width:480px){.site-header .brand{gap:10px;font-size:18px;letter-spacing:-1.5px}.site-header .brand-mark{width:28px;height:22px;gap:2px}.site-header .brand-mark i{width:7px}.site-header .brand-mark i:first-child{height:8px}.site-header .brand-mark i:nth-child(2){height:22px}.site-header .brand-mark i:last-child{height:14px}}
.contest-countdown{display:inline-flex;flex-direction:column;gap:9px;padding:10px 13px 11px;margin-bottom:24px;border:1px solid rgba(172,152,255,.46);background:linear-gradient(100deg,rgba(117,87,205,.22),rgba(72,179,255,.12));box-shadow:0 0 35px rgba(123,97,255,.16),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(12px)}.countdown-caption{display:flex;align-items:center;gap:7px;color:#e6dcff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1.15px}.countdown-caption i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 1.7s infinite}.countdown-units{display:flex;gap:0}.countdown-units>span{display:flex;flex-direction:column;min-width:46px;padding:0 9px;border-right:1px solid rgba(255,255,255,.2)}.countdown-units>span:first-child{padding-left:0;min-width:60px}.countdown-units>span:last-child{border:0;padding-right:0}.countdown-units b{font-family:var(--display);font-size:16px;line-height:1;letter-spacing:-1px;background:linear-gradient(105deg,#fff,#bfaaff 50%,#7be7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.countdown-units small{margin-top:5px;color:#aaa7bb;font-size:7px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.contest-countdown.ended{border-color:rgba(255,94,188,.55);background:rgba(101,20,65,.3)}.contest-countdown.ended .countdown-caption i{background:var(--pink);box-shadow:0 0 12px var(--pink);animation:none}@media (max-width:480px){.contest-countdown{margin-bottom:20px;padding:9px 11px}.countdown-units>span{min-width:41px;padding:0 7px}.countdown-units>span:first-child{min-width:54px}.countdown-units b{font-size:14px}.countdown-caption{font-size:7px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Фото участников */
.participant-image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 15px;
}

.participant-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Фото в архиве */
.directory-row img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 10px;
}
/* Prize orbit carousel */
.prize-summary{display:flex;align-items:center;gap:22px;margin:-25px 0 45px;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:#bdb8d0}
.prize-summary strong{font-family:var(--display);font-size:28px;color:var(--blue)}
.prize-orbit-stage{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.prize-orbit-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(102,220,255,.18),transparent 65%);animation:pulseOrbit 4s infinite}
.prize-layout{position:relative;width:850px;height:560px;display:block}
.prize-card{position:absolute;width:500px;height:545px;top:0}
.prize-console{left:0;z-index:2;animation:orbitFront 8s infinite ease-in-out}
.prize-game{right:0;z-index:1;animation:orbitBack 8s infinite ease-in-out}
@keyframes orbitFront{0%,45%{transform:translateX(80px) scale(1);z-index:2}50%,100%{transform:translateX(260px) scale(.86);z-index:1;filter:brightness(.7)}}
@keyframes orbitBack{0%,45%{transform:translateX(-180px) scale(.86);z-index:1;filter:brightness(.7)}50%,100%{transform:translateX(-20px) scale(1);z-index:2;filter:brightness(1)}}
@keyframes pulseOrbit{50%{transform:scale(1.08);opacity:.7}}
@media(max-width:820px){.prize-orbit-stage{min-height:900px}.prize-layout{width:100%;height:760px}.prize-card{width:100%;height:420px;left:0;right:0}.prize-console{top:0}.prize-game{top:380px}.prize-summary{flex-wrap:wrap}}

/* FINAL PRIZES DESIGN */
.prize-summary{display:flex;align-items:center;gap:22px;margin:0 0 42px;text-transform:uppercase}.prize-summary strong{font-family:var(--display);font-size:72px;line-height:.85;color:var(--blue);letter-spacing:-4px}.prize-summary div{display:flex;flex-direction:column;gap:5px}.prize-summary b{font-family:var(--display);font-size:18px;color:#fff}.prize-summary span{color:#b7b4c5;font-size:12px}.prize-layout{display:grid;grid-template-columns:1.42fr 1fr;gap:22px;width:100%;height:auto}.prize-card{position:relative;width:auto!important;height:620px;min-height:620px!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;animation:none!important;filter:none!important}.prize-product-image,.game-product-image{inset:75px 0 120px!important}.prize-product-image img{transform:scale(1.22)!important;object-fit:contain!important}.game-product-image img{transform:scale(1.18)!important;object-fit:cover!important}.card-topline{position:absolute!important;top:26px;left:26px;right:26px}.card-meta{bottom:30px}


/* CLEAN TROPHY CARDS REBUILD */
.prize-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%;height:auto;}
.prize-card{position:relative!important;width:auto!important;height:600px!important;min-height:600px!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;animation:none!important;overflow:hidden;border-radius:32px;}
.prize-product-image,.game-product-image{position:absolute;inset:70px 0 115px!important;background:transparent!important;overflow:hidden;}
.prize-product-image img,.game-product-image img{width:100%;height:100%;display:block;object-fit:contain;transform:none!important;filter:drop-shadow(0 25px 40px rgba(0,0,0,.5));}
.game-product-image img{object-fit:cover;}
.prize-card:hover img{transform:scale(1.05)!important;}
@media(max-width:820px){.prize-layout{grid-template-columns:1fr}.prize-card{height:520px!important;min-height:520px!important;}}


/* Clean trophy cards */
.new-trophies-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:40px}
.new-trophy-card{border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);min-height:520px;display:flex;flex-direction:column}
.new-trophy-image{flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;padding:35px}
.new-trophy-image img{max-width:90%;max-height:330px;object-fit:contain;filter:drop-shadow(0 25px 45px rgba(0,0,0,.45))}
.new-trophy-info{text-align:center;padding:24px 20px 30px;background:rgba(0,0,0,.18)}
.new-trophy-info h3{margin:0 0 12px;font-size:34px;color:#fff}
.new-trophy-info span{color:#ffd34d;font-size:20px;font-weight:700}
@media(max-width:800px){.new-trophies-grid{grid-template-columns:1fr}.new-trophy-card{min-height:430px}.new-trophy-info h3{font-size:28px}}

/* PlayBit neon trophy redesign */
.new-trophies-grid{gap:34px;}
.new-trophy-card{
 background:linear-gradient(145deg,rgba(17,30,70,.9),rgba(7,12,28,.96));
 border:1px solid rgba(90,210,255,.28);
 box-shadow:0 0 35px rgba(50,170,255,.18), inset 0 0 35px rgba(50,120,255,.08);
 border-radius:30px;
 position:relative;
 transition:.35s ease;
}
.new-trophy-card:before{
 content:"";
 position:absolute;
 inset:-1px;
 border-radius:30px;
 background:linear-gradient(135deg,rgba(100,220,255,.55),transparent 35%,rgba(80,120,255,.25));
 z-index:0;
 pointer-events:none;
}
.new-trophy-card:hover{
 transform:translateY(-8px);
 box-shadow:0 0 55px rgba(50,180,255,.38),inset 0 0 45px rgba(50,120,255,.12);
}
.new-trophy-image,.new-trophy-info{position:relative;z-index:1;}
.new-trophy-image{
 background:radial-gradient(circle,rgba(70,190,255,.18),transparent 65%);
}
.new-trophy-image img{
 filter:drop-shadow(0 0 35px rgba(80,200,255,.35)) drop-shadow(0 25px 45px rgba(0,0,0,.5));
}
.new-trophy-info{
 background:linear-gradient(180deg,rgba(5,10,25,.1),rgba(5,10,25,.75));
 border-top:1px solid rgba(90,210,255,.18);
}
.new-trophy-info h3{
 font-family:var(--display);
 letter-spacing:-1px;
 text-transform:uppercase;
}
.new-trophy-info span{
 color:#68d9ff;
 text-shadow:0 0 15px rgba(104,217,255,.55);
}


/* PlayBit trophy cards - final neon variant */
.new-trophies-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
  margin-top:48px;
}

.new-trophy-card{
  position:relative;
  overflow:hidden;
  min-height:560px;
  border-radius:32px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),
    rgba(10,12,32,.8);
  border:1px solid rgba(102,220,255,.25);
  box-shadow:
    0 0 35px rgba(102,220,255,.16),
    inset 0 0 40px rgba(255,255,255,.03);
  transition:transform .35s ease, box-shadow .35s ease;
}

.new-trophy-card:first-child{
  border-color:rgba(102,220,255,.45);
  box-shadow:
    0 0 45px rgba(102,220,255,.25),
    inset 0 0 55px rgba(102,220,255,.08);
}

.new-trophy-card:last-child{
  border-color:rgba(184,157,255,.5);
  box-shadow:
    0 0 45px rgba(184,157,255,.28),
    inset 0 0 55px rgba(184,157,255,.09);
}

.new-trophy-card:hover{
  transform:translateY(-10px);
}

.new-trophy-image{
  height:350px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.new-trophy-image:before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border-radius:50%;
  filter:blur(45px);
  background:rgba(102,220,255,.25);
}

.new-trophy-card:last-child .new-trophy-image:before{
  background:rgba(184,157,255,.3);
}

.new-trophy-image img{
  position:relative;
  z-index:1;
  max-width:90%;
  max-height:330px;
  object-fit:contain;
  filter:drop-shadow(0 25px 45px rgba(0,0,0,.55));
}

.new-trophy-info{
  position:relative;
  z-index:2;
  text-align:center;
  padding:24px 10px 8px;
}

.new-trophy-info h3{
  margin:0 0 12px;
  font-family:"Unbounded",sans-serif;
  font-size:clamp(22px,2vw,30px);
  letter-spacing:-.04em;
}

.new-trophy-info span{
  display:inline-block;
  font-family:"Manrope",sans-serif;
  font-weight:800;
  font-size:22px;
  color:#fff;
  padding:8px 20px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 0 20px rgba(255,255,255,.05);
}

.new-trophy-card:last-child .new-trophy-info span{
  background:rgba(184,157,255,.12);
  border-color:rgba(184,157,255,.3);
}

@media(max-width:800px){
 .new-trophies-grid{grid-template-columns:1fr}
 .new-trophy-card{min-height:500px}
}

/* FIX: four steps in one row */
.journey .steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
}

.journey .step {
    width: auto !important;
}

@media (max-width: 1100px) {
    .journey .steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    .journey .steps {
        grid-template-columns: 1fr !important;
    }
}


/* FIX: bottom borders for participation steps */
.journey .step {
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.journey .step:last-child {
    border-right: 1px solid rgba(255,255,255,.14);
}


.participation-check .form-field input{
 height:56px;
 border-radius:16px;
}

.check-result{
 margin-top:20px;
 padding:18px;
 border-radius:18px;
 display:none;
 font-size:14px;
 line-height:1.8;
 background:rgba(255,255,255,.05);
}

.check-result.success,
.check-result.error{
 display:block;
}

.check-result.success{
 border:1px solid rgba(102,220,255,.35);
 box-shadow:0 0 25px rgba(102,220,255,.18);
 color:#dffaff;
}

.check-result.error{
 border:1px solid rgba(255,94,188,.35);
 color:#ffd5e7;
}


/* Participation result premium card */
.check-result {
    margin-top:22px;
    border-radius:24px;
    padding:22px;
    backdrop-filter:blur(15px);
    animation:resultShow .45s ease;
}

.check-result.success {
    background:linear-gradient(135deg,rgba(102,220,255,.12),rgba(184,157,255,.12));
    border:1px solid rgba(102,220,255,.35);
    box-shadow:0 0 35px rgba(102,220,255,.18);
}

.check-result.error {
    background:rgba(255,94,188,.08);
    border:1px solid rgba(255,94,188,.35);
}

.check-result b {
    color:#fff;
    font-family:var(--display);
}

@keyframes resultShow {
    from {opacity:0; transform:translateY(15px);}
    to {opacity:1; transform:none;}
}

.participation-check .button-primary:disabled {
    opacity:.6;
    cursor:wait;
}


/* Participants archive cards */
.directory-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.participant-card{
    position:relative;
    overflow:hidden;
    min-height:150px;
    border-radius:24px;
    padding:1px;
    background:linear-gradient(135deg,rgba(80,210,255,.35),rgba(130,80,255,.25));
    transition:.3s ease;
}

.participant-card:hover{
    transform:translateY(-5px);
    box-shadow:0 0 35px rgba(70,190,255,.25);
}

.participant-card-content{
    position:relative;
    height:100%;
    min-height:148px;
    padding:24px;
    border-radius:23px;
    background:rgba(8,18,45,.85);
    backdrop-filter:blur(12px);
}

.participant-card-label{
    font-size:11px;
    letter-spacing:2px;
    color:rgba(160,220,255,.75);
}

.participant-card h4{
    margin:18px 0 12px;
    font-size:28px;
}

.participant-card p{
    margin:0;
    color:rgba(255,255,255,.7);
}

@media(max-width:900px){
 .directory-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:600px){
 .directory-list{grid-template-columns:1fr;}
}


/* Participants v2 */
.participant-card-label{
    display:block;
    margin-bottom:12px;
}

.participant-card h4{
    font-size:24px;
}

.pagination{
    grid-column:1/-1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-top:25px;
}

.pagination button{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(120,210,255,.35);
    background:rgba(255,255,255,.05);
    color:white;
    cursor:pointer;
}


/* Participants counter - PlayBit countdown style */
.participants-counter {
    display:flex;
    align-items:center;
    gap:18px;
    width:max-content;
    padding:18px 28px;
    border:1px solid rgba(150,120,255,.45);
    background:rgba(12,16,45,.65);
    backdrop-filter:blur(14px);
    box-shadow:0 0 30px rgba(120,100,255,.18);
}

.participants-counter .counter-number {
    font-size:54px;
    line-height:1;
    font-weight:800;
    letter-spacing:2px;
    color:#d8d2ff;
}

.participants-counter .counter-label {
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
    color:#fff;
}

.participants-counter .counter-subtitle {
    font-size:11px;
    color:rgba(255,255,255,.6);
    text-transform:uppercase;
    letter-spacing:2px;
}

@media(max-width:600px){
    .participants-counter .counter-number{
        font-size:38px;
    }
}


/* Participants total counter - larger PlayBit style */
#directory-count {
    display:block;
    font-size:48px;
    line-height:1;
    font-weight:800;
    letter-spacing:2px;
    color:#e1dcff;
    text-shadow:0 0 25px rgba(130,100,255,.45);
    margin-bottom:8px;
}

.participants-title,
.directory-title {
    font-size:22px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1.5px;
}



/* Participant cards - PlayBit gradient redesign */
.participant-card{
    background:
        linear-gradient(
            135deg,
            rgba(255,94,188,.55),
            rgba(184,157,255,.55) 45%,
            rgba(102,220,255,.45)
        );
    border-radius:28px;
    padding:1px;
    box-shadow:
        0 0 35px rgba(255,94,188,.18),
        0 0 45px rgba(102,220,255,.12);
    transition:.35s ease;
}

.participant-card:hover{
    transform:translateY(-7px);
    box-shadow:
        0 0 55px rgba(255,94,188,.32),
        0 0 60px rgba(102,220,255,.25);
}

.participant-card-content{
    background:
        linear-gradient(
            145deg,
            rgba(18,16,42,.92),
            rgba(12,16,38,.86)
        );
    border-radius:27px;
    backdrop-filter:blur(18px);
    position:relative;
    overflow:hidden;
}

.participant-card-content:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 90% 0%,
        rgba(255,94,188,.18),
        transparent 35%);
    pointer-events:none;
}

.participant-card-label,
.participant-card h4,
.participant-card p{
    position:relative;
    z-index:1;
}


/* Recent participants - gaming showcase style */
.recent-list{
    display:flex;
    gap:14px;
    overflow:hidden;
    padding:14px;
    background:rgba(10,12,28,.55);
    border:1px solid rgba(120,120,180,.2);
}

.recent-person-card{
    position:relative;
    flex:1;
    min-width:210px;
    height:145px;
    padding:22px;
    overflow:hidden;
    border-radius:18px;
    background:
      linear-gradient(145deg,
      rgba(255,90,190,.16),
      rgba(90,120,255,.16));
    border:1px solid rgba(130,150,255,.25);
    backdrop-filter:blur(12px);
    transition:.3s;
}

.recent-person-card:hover{
    transform:translateY(-5px);
    box-shadow:0 0 30px rgba(120,110,255,.35);
}

.recent-top{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,#ff5ebc,#8d8cff,#5de0ff);
}

.recent-number{
    font-size:11px;
    color:#9fa8ff;
    letter-spacing:2px;
}

.recent-person-card h3{
    margin:22px 0 12px;
    font-size:22px;
}

.recent-person-card p{
    margin:0;
    color:rgba(255,255,255,.65);
}

@media(max-width:900px){
 .recent-list{overflow-x:auto}
 .recent-person-card{min-width:220px}
}


/* Image based participant cards */
.participant-card,
.recent-person-card{
    position:relative;
    overflow:hidden;
    background-image:
      linear-gradient(
        135deg,
        var(--card-color-1, rgba(255,80,180,.55)),
        var(--card-color-2, rgba(120,90,255,.45)),
        var(--card-color-3, rgba(40,200,255,.45)),
        var(--card-color-4, rgba(255,120,90,.35))
      ),
      url('/assets/hero-console.webp');
    background-size:cover;
    background-position:center;
    border:1px solid rgba(255,255,255,.18);
}

.participant-card-content{
    background:rgba(8,10,25,.55);
    backdrop-filter:blur(5px);
}

.participant-card::after,
.recent-person-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
      transparent,
      rgba(255,255,255,.08),
      transparent);
    pointer-events:none;
}

.participant-card h4,
.participant-card p,
.participant-card-label,
.recent-person-card h3,
.recent-person-card p,
.recent-number{
    position:relative;
    z-index:2;
    text-shadow:0 3px 12px rgba(0,0,0,.8);
}


/* GTA6 cards - clearer image + premium contrast */
.participant-card,
.person-card,
.recent-person-card {
    background:
        linear-gradient(
            180deg,
            rgba(8,10,25,.15),
            rgba(8,10,25,.88)
        ),
        url("/assets/gta6-prize.webp") center/cover no-repeat;
    background-blend-mode: normal;
}

/* reduce color wash and keep GTA details */
.participant-card::before,
.person-card::before,
.recent-person-card::before {
    background:
        linear-gradient(
            135deg,
            rgba(255,55,170,.18),
            rgba(120,80,255,.16),
            rgba(0,200,255,.12)
        );
    opacity:.55;
}

.participant-card::after,
.person-card::after,
.recent-person-card::after {
    background:linear-gradient(
        transparent,
        rgba(5,8,25,.92)
    );
}

/* different visual positions */
.participant-card:nth-child(3n){
    background-position: 70% center;
}

.participant-card:nth-child(2n){
    background-position: 30% center;
}

.person-card:nth-child(3n){
    background-position: 80% center;
}

.person-card:nth-child(2n){
    background-position: 20% center;
}


/* Participant archive - alternating GTA6 / PS5 showcase */

.participant-card {
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(140,120,255,.35);
    box-shadow: 0 0 35px rgba(100,90,255,.18);
}

/* GTA 6 cards */
.participant-card:nth-child(odd) {
    background-image:
      linear-gradient(
        180deg,
        rgba(10,12,30,.18),
        rgba(8,10,28,.62)
      ),
      url("/assets/gta6-prize.webp");
}

/* PS5 cards */
.participant-card:nth-child(even) {
    background-image:
      linear-gradient(
        180deg,
        rgba(10,12,30,.15),
        rgba(8,10,28,.58)
      ),
      url("/assets/hero-console.webp");
}

/* make images brighter */
.participant-card::before {
    opacity: .35;
}

.participant-card::after {
    background:
      linear-gradient(
        transparent,
        rgba(5,8,25,.72)
      );
}

/* slightly brighter archive cards */
.participant-card h3,
.participant-card h4,
.participant-card p,
.participant-card span {
    text-shadow: 0 3px 12px rgba(0,0,0,.9);
}

.participant-card:hover {
    transform: translateY(-7px);
    box-shadow:
      0 0 45px rgba(130,100,255,.35);
}



/* Random GTA6 / PS5 for recent feed */
.recent-person-card {
 background-image:
 linear-gradient(180deg,rgba(8,10,25,.15),rgba(8,10,25,.7)),
 var(--participant-image);
 background-size:cover;
 background-position:var(--participant-pos,center);
}

.recent-person-card > * {
 position:relative;
 z-index:2;
 color:#fff;
 text-shadow:0 3px 12px rgba(0,0,0,.9);
}


/* Remove bottom highlight strip from participant cards */
.person-card,
.participant-card,
.recent-person-card {
    border-bottom-color: rgba(130,120,255,.25) !important;
}

.person-card::after,
.participant-card::after,
.recent-person-card::after {
    box-shadow: none !important;
    border-bottom: none !important;
}

/* keep normal image darkening without glowing line */
.person-card::before,
.participant-card::before,
.recent-person-card::before {
    filter: none;
}


/* FINAL FIX - remove bottom neon line only */
.person-card,
.participant-card,
.recent-person-card {
    border-bottom: 1px solid rgba(130,120,255,.12) !important;
    box-shadow: none !important;
}

/* restore normal card glow without bottom stripe */
.person-card:hover,
.participant-card:hover,
.recent-person-card:hover {
    box-shadow: 0 0 35px rgba(130,100,255,.25) !important;
}

/* remove pseudo element glow artifacts */
.person-card::before,
.participant-card::before,
.recent-person-card::before {
    box-shadow: none !important;
}

/* remove any bottom inset light */
.person-card::after,
.participant-card::after,
.recent-person-card::after {
    border-bottom: 0 !important;
    box-shadow: none !important;
}


/* TRUE REMOVE LOWER LIGHT ACCENT */
.person-card,
.participant-card,
.recent-person-card {
    border-bottom: 1px solid rgba(130,120,255,.08) !important;
    background-clip: padding-box !important;
}

.person-card::after,
.participant-card::after,
.recent-person-card::after {
    content: none !important;
    display: none !important;
}

.person-card::before,
.participant-card::before,
.recent-person-card::before {
    box-shadow: none !important;
}

.person-card:hover,
.participant-card:hover,
.recent-person-card:hover {
    box-shadow: 0 0 35px rgba(130,100,255,.25) !important;
}
/* ==============================
   Убираем лишние полосы у списка участников
   ============================== */

/* Карточки общего списка */
.participant-card {
    border-bottom: none !important;
    box-shadow: 0 0 25px rgba(100,90,255,0.15) !important;
}

/* Убираем нижние декоративные линии */
.participant-card::after {
    display: none !important;
}

/* Убираем возможные псевдо-акценты */
.participant-card::before {
    box-shadow: none !important;
}

/* Убираем градиентные края снизу */
.participant-card {
    background-image:
        linear-gradient(
            180deg,
            rgba(10,12,30,0.25),
            rgba(5,8,25,0.75)
        ),
        var(--card-image) !important;
}

/* Чуть мягче рамка */
.participant-card {
    border: 1px solid rgba(130,120,255,0.25) !important;
}

/* При наведении оставляем только мягкое свечение */
.participant-card:hover {
    box-shadow:
        0 0 35px rgba(120,100,255,0.35) !important;
}
/* Общий список участников - вернуть изображения */

.participant-card {
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important;
}


/* GTA 6 */
.participant-card:nth-child(odd) {
    background-image:
        linear-gradient(
            180deg,
            rgba(10,12,30,0.25),
            rgba(5,8,25,0.65)
        ),
        url("/assets/gta6-prize.webp") !important;
}


/* PS5 */
.participant-card:nth-child(even) {
    background-image:
        linear-gradient(
            180deg,
            rgba(10,12,30,0.25),
            rgba(5,8,25,0.65)
        ),
        url("/assets/hero-console.webp") !important;
}


/* Убираем лишний нижний эффект */
.participant-card::after {
    display:none !important;
}


/* Текст делаем ярким */
.participant-card h1,
.participant-card h2,
.participant-card h3,
.participant-card p,
.participant-card span {
    color:#ffffff !important;
    text-shadow:0 3px 12px rgba(0,0,0,.9);
}
/* Исправление стеклянного слоя у списка участников */

.participant-card {
    background-size: cover !important;
    background-position: center !important;
}

/* убираем отдельный стеклянный слой, который режет изображение */
.participant-card::before {
    inset: 0 !important;
    border-radius: inherit !important;
}

/* стекло должно покрывать всю карточку */
.participant-card {
    backdrop-filter: none !important;
}

/* если используется внутренний контейнер */
.participant-card > div {
    backdrop-filter: blur(8px);
    border-radius: inherit;
}
/* Убираем отдельный стеклянный слой внутри карточек списка */

.participant-card .card-content,
.participant-card .participant-content,
.participant-card .participant-info {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* Картинка должна быть фоном всей карточки */

.participant-card {
    overflow: hidden !important;
}

.participant-card > * {
    position: relative;
    z-index: 2;
}

/* Архив участников: постоянный градиент вместо фоновых изображений. */
.participant-card {
    background-image: linear-gradient(
        135deg,
        var(--card-color-1, #ff3cac) 0%,
        var(--card-color-2, #784ba0) 38%,
        var(--card-color-3, #2b86c5) 72%,
        var(--card-color-4, #00d2ff) 100%
    ) !important;
    background-size: 180% 180% !important;
    background-position: 0% 50% !important;
}

.participant-card::before {
    background:
        radial-gradient(circle at 85% 15%, rgba(255,255,255,.28), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.12), transparent 45%) !important;
    opacity: .7 !important;
    pointer-events: none;
}

.participant-card::after {
    background: linear-gradient(180deg, rgba(4,7,25,.05), rgba(4,7,25,.62)) !important;
    pointer-events: none;
}

.participant-card-content {
    background: linear-gradient(180deg, rgba(8,18,45,.12), rgba(8,18,45,.55)) !important;
}


/* ===== Premium sections: live feed + participants directory only ===== */
.participants{
    position:relative;
    background:
      radial-gradient(circle at 10% 0%, rgba(102,220,255,.10), transparent 28%),
      radial-gradient(circle at 90% 20%, rgba(184,157,255,.10), transparent 30%),
      linear-gradient(180deg,#090b14,#070912) !important;
    overflow:hidden;
}

.participants:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-160px;
    top:-120px;
    border-radius:50%;
    background:rgba(255,94,188,.08);
    filter:blur(80px);
    pointer-events:none;
}

.participants-head{
    position:relative;
    padding-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.participants-head h2{
    letter-spacing:-3px;
    text-shadow:0 0 35px rgba(184,157,255,.18);
}

.live-label{
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
}

.live-label i{
    box-shadow:0 0 18px var(--lime);
}

/* Live feed frame */
.recent-list{
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.28);
}

.person-card{
    background:
      linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),
      #10131f !important;
    transition:transform .3s ease, background .3s ease;
}

.person-card:hover{
    background:#151927 !important;
    transform:translateY(-4px);
}

.person-card .person-number{
    color:#66dcff !important;
    letter-spacing:1.5px;
}

.person-card h3{
    font-size:15px !important;
}

.person-card p{
    color:#b7b5c5 !important;
}

/* Directory */
.participant-directory{
    margin-top:85px !important;
    padding:34px !important;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.08);
    background:
      linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),
      rgba(10,12,21,.65);
    box-shadow:0 30px 80px rgba(0,0,0,.28);
    backdrop-filter:blur(16px);
}

.directory-title{
    padding-bottom:22px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.directory-title h3{
    font-size:26px !important;
    letter-spacing:-1.5px !important;
}

.directory-title>span{
    padding:8px 14px;
    border-radius:999px;
    background:rgba(102,220,255,.08);
    border:1px solid rgba(102,220,255,.16);
    color:#9cecff !important;
}

.directory-controls{
    margin-top:24px;
    margin-bottom:24px !important;
}

.search,.filter{
    border-radius:18px !important;
    height:54px !important;
    background:rgba(255,255,255,.035) !important;
}

.directory-list{
    border:1px solid rgba(255,255,255,.06);
    border-radius:22px;
    overflow:hidden;
    background:rgba(0,0,0,.12);
}

.directory-row{
    padding:20px 24px !important;
    transition:background .25s ease;
}

.directory-row:hover{
    background:rgba(102,220,255,.05);
}

.directory-row span:first-child{
    font-weight:800 !important;
}

@media(max-width:820px){
 .participant-directory{
   padding:22px !important;
 }
}


.product-miniatures{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:6px;
 margin:10px 0 4px;
 min-height:36px;
}
.product-miniatures img{
 width:36px;
 height:36px;
 object-fit:cover;
 border-radius:9px;
 background:rgba(255,255,255,.06);
 padding:2px;
 border:1px solid rgba(255,255,255,.16);
 box-shadow:0 5px 15px rgba(0,0,0,.25);
}
.product-miniatures-more{
 display:grid;
 place-items:center;
 min-width:36px;
 height:36px;
 padding:0 7px;
 border-radius:9px;
 background:rgba(255,255,255,.09);
 border:1px solid rgba(255,255,255,.14);
 color:#fff;
 font-size:12px;
 font-weight:800;
}


/* Legal / IP disclaimer */
.ip-disclaimer{margin:28px auto 0;max-width:980px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);color:#9e9baa;font-size:12px;line-height:1.65}
.ip-disclaimer p{margin:0 0 8px;color:inherit;max-width:none}
.ip-disclaimer p:last-child{margin-bottom:0}
.ip-disclaimer strong{color:#d8d6e3}
@media(max-width:700px){.ip-disclaimer{margin-top:22px;padding:14px 15px;font-size:11px}}

/* v6.10: отдельная ссылка на профиль Avito в самом низу сайта */
.site-footer{flex-wrap:wrap}
.site-footer .ip-disclaimer{flex:0 0 100%;width:100%}
.footer-avito-wrap{flex:0 0 100%;width:100%;display:flex;justify-content:center;padding-top:2px}
.avito-profile-link{display:inline-flex;align-items:center;gap:11px;padding:11px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.045);color:#e9e8ef;text-decoration:none;font-size:12px;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.avito-profile-link:hover{transform:translateY(-2px);border-color:rgba(119,108,255,.62);background:rgba(119,108,255,.09)}
.avito-profile-link b{font-size:15px;color:var(--blue)}
.avito-mark{position:relative;display:block;width:28px;height:22px;flex:0 0 28px}
.avito-mark i{position:absolute;display:block;border-radius:50%}
.avito-mark i:nth-child(1){width:8px;height:8px;left:0;top:2px;background:#04e061}
.avito-mark i:nth-child(2){width:10px;height:10px;left:11px;top:0;background:#965eeb}
.avito-mark i:nth-child(3){width:10px;height:10px;left:2px;bottom:0;background:#00aaff}
.avito-mark i:nth-child(4){width:7px;height:7px;right:0;bottom:2px;background:#ff4053}
@media(max-width:700px){.footer-avito-wrap{justify-content:flex-start}.avito-profile-link{font-size:11px}}

/* v6.11: компактные карточки участников — текст слева, товары справа */
.participant-card-content{
  min-height:176px !important;
  padding:24px 26px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(116px,42%) !important;
  align-items:center !important;
  gap:20px !important;
}

.participant-card-info{
  position:relative;
  z-index:2;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.participant-card-info .participant-card-label{
  margin:0 0 18px !important;
}

.participant-card-info h4{
  margin:0 0 10px !important;
  line-height:1.05;
  overflow-wrap:anywhere;
}

.participant-card-info p{
  margin:0 !important;
}

.participant-card .product-miniatures{
  position:relative;
  z-index:2;
  margin:0 !important;
  min-height:0 !important;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  align-content:center;
  flex-wrap:wrap;
  gap:8px;
}

.participant-card .product-miniatures img{
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:contain;
  border-radius:14px;
  padding:5px;
  background:rgba(10,12,28,.62);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 8px 22px rgba(0,0,0,.34);
  backdrop-filter:blur(8px);
}

.participant-card .product-miniatures-more{
  width:58px;
  min-width:58px;
  height:58px;
  padding:0;
  border-radius:14px;
  background:rgba(10,12,28,.68);
  font-size:13px;
}

@media (max-width:1100px){
  .participant-card-content{
    grid-template-columns:minmax(0,1fr) minmax(110px,40%) !important;
    gap:14px !important;
    padding:22px !important;
  }
  .participant-card .product-miniatures img,
  .participant-card .product-miniatures-more{
    width:52px;
    min-width:52px;
    height:52px;
    flex-basis:52px;
  }
}

@media (max-width:600px){
  .participant-card-content{
    min-height:0 !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    gap:18px !important;
  }
  .participant-card .product-miniatures{
    justify-content:flex-start;
  }
  .participant-card .product-miniatures img,
  .participant-card .product-miniatures-more{
    width:54px;
    min-width:54px;
    height:54px;
    flex-basis:54px;
  }
}


/* =============================================================
   v6.15 — MOBILE ONLY. Desktop layout remains unchanged.
   ============================================================= */
@media (max-width: 820px) {
  /* 1. Draw UI arrows with CSS on mobile so ↗ never becomes an emoji. */
  .header-cta b,
  .button-primary b,
  .text-link b,
  .avito-profile-link b {
    position: relative !important;
    display: inline-block !important;
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: var(--blue) !important;
    overflow: visible !important;
  }
  .header-cta b::before,
  .button-primary b::before,
  .text-link b::before,
  .avito-profile-link b::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 7px !important;
    width: 11px !important;
    height: 1.5px !important;
    border-radius: 2px !important;
    background: currentColor !important;
    transform: rotate(-45deg) !important;
    transform-origin: center !important;
  }
  .header-cta b::after,
  .button-primary b::after,
  .text-link b::after,
  .avito-profile-link b::after {
    content: "" !important;
    position: absolute !important;
    right: 1px !important;
    top: 1px !important;
    width: 7px !important;
    height: 7px !important;
    border-top: 1.5px solid currentColor !important;
    border-right: 1.5px solid currentColor !important;
  }

  /* 2. Prize cards: two compact cards side by side on phones/tablets. */
  .new-trophies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }
  .new-trophy-card {
    min-height: 245px !important;
    padding: 10px !important;
    border-radius: 17px !important;
  }
  .new-trophy-card::before {
    border-radius: 17px !important;
  }
  .new-trophy-image {
    height: 145px !important;
    min-height: 145px !important;
    padding: 4px !important;
  }
  .new-trophy-image::before {
    width: 92px !important;
    height: 92px !important;
    filter: blur(28px) !important;
  }
  .new-trophy-image picture {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .new-trophy-image img {
    max-width: 96% !important;
    max-height: 132px !important;
    width: auto !important;
    height: auto !important;
  }
  .new-trophy-info {
    padding: 9px 2px 2px !important;
  }
  .new-trophy-info h3 {
    margin: 0 0 7px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
    letter-spacing: -.4px !important;
  }
  .new-trophy-info span {
    font-size: 9px !important;
    line-height: 1.1 !important;
    padding: 5px 7px !important;
    white-space: nowrap !important;
  }

  /* 3. Live feed: six compact cards are visible as a 3×2 grid. */
  .recent-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 6px !important;
    overflow: hidden !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }
  .recent-person-card {
    min-width: 0 !important;
    width: auto !important;
    height: 94px !important;
    min-height: 94px !important;
    padding: 9px 8px !important;
    border-radius: 11px !important;
    background-image:
      linear-gradient(180deg, rgba(8,10,25,.15), rgba(8,10,25,.88)),
      url("/assets/gta6-prize-mobile.webp") !important;
  }
  .recent-top { height: 2px !important; }
  .recent-number {
    font-size: 7px !important;
    letter-spacing: .8px !important;
  }
  .recent-person-card h3 {
    margin: 13px 0 5px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .recent-person-card p {
    font-size: 7px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 4. Participant total counter must stay inside the mobile viewport. */
  #directory-count {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }
  .directory-title {
    gap: 10px !important;
    align-items: center !important;
  }
  .directory-title h3 {
    font-size: 16px !important;
    line-height: 1.1 !important;
    letter-spacing: -.7px !important;
  }

  /* 5. Archive: four participant cards per row on mobile. */
  .participant-directory {
    padding: 12px !important;
    margin-top: 46px !important;
    border-radius: 20px !important;
  }
  .directory-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }
  .participant-card {
    min-width: 0 !important;
    min-height: 104px !important;
    border-radius: 13px !important;
    padding: 1px !important;
  }
  .participant-card-content {
    min-width: 0 !important;
    min-height: 102px !important;
    height: 100% !important;
    padding: 8px 6px !important;
    border-radius: 12px !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 5px !important;
  }
  .participant-card-info {
    min-width: 0 !important;
    width: 100% !important;
  }
  .participant-card-info .participant-card-label {
    margin: 0 0 6px !important;
    font-size: 6px !important;
    line-height: 1.05 !important;
    letter-spacing: .45px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .participant-card-info h4 {
    width: 100% !important;
    margin: 0 0 5px !important;
    font-size: 9px !important;
    line-height: 1.12 !important;
    letter-spacing: -.2px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  .participant-card-info p {
    width: 100% !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .participant-card .product-miniatures {
    width: 100% !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    gap: 2px !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  .participant-card .product-miniatures img {
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
    padding: 1px !important;
    border-radius: 5px !important;
    box-shadow: none !important;
  }
  .participant-card .product-miniatures img:nth-child(n+3),
  .participant-card .product-miniatures-more {
    display: none !important;
  }
  .pagination {
    grid-column: 1 / -1 !important;
    margin-top: 8px !important;
    gap: 10px !important;
  }
  .pagination button {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (max-width: 480px) {
  /* Legal page hero titles only: smaller on phones, desktop untouched. */
  body .legal {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  body .legal h1 {
    max-width: 100% !important;
    font-size: clamp(18px, 6vw, 27px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1.2px !important;
    overflow-wrap: anywhere !important;
  }

  .participants-head h2 {
    font-size: 30px !important;
    letter-spacing: -1.8px !important;
  }
  .live-label {
    max-width: 100% !important;
    padding: 8px 10px !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
  }
  .directory-title h3 { font-size: 13px !important; }
  #directory-count { font-size: 9px !important; padding: 5px 7px !important; }
}

/* =============================================================
   v6.16 — MOBILE ONLY REFINEMENTS. Desktop remains unchanged.
   ============================================================= */
@media (max-width: 820px) {
  /* 1. Hero: more breathing room on the right, content shifted slightly left.
     Reduce the heavy left blackout so the hero image is visible edge-to-edge. */
  .hero {
    padding-left: 12px !important;
    padding-right: 28px !important;
  }
  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero h1 {
    position: relative !important;
    left: -2px !important;
  }
  .hero-actions {
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero-visual,
  .hero-visual picture,
  .hero-visual img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  .hero-visual {
    left: -1px !important;
    right: -1px !important;
    width: calc(100% + 2px) !important;
  }
  .hero-shade {
    background:
      linear-gradient(90deg, rgba(7,8,17,.76) 0%, rgba(7,8,17,.48) 42%, rgba(7,8,17,.22) 82%, rgba(7,8,17,.30) 100%),
      linear-gradient(0deg, rgba(7,8,17,.94) 0%, rgba(7,8,17,0) 52%) !important;
  }

  /* v6.17 — Mobile primary CTA arrow matches desktop: simple black ↗, no circle.
     It remains CSS-drawn so mobile browsers do not render it as an emoji. */
  .button-primary b {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #10101e !important;
    box-shadow: none !important;
  }
  .button-primary b::before {
    left: 2px !important;
    top: 8px !important;
    width: 13px !important;
    height: 1.8px !important;
    background: currentColor !important;
  }
  .button-primary b::after {
    right: 1px !important;
    top: 1px !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 1.8px solid currentColor !important;
    border-right: 1.8px solid currentColor !important;
  }

  /* 3. Prize cards remain two per row, but are a little larger and easier to read. */
  .new-trophies-grid {
    gap: 12px !important;
  }
  .new-trophy-card {
    min-height: 292px !important;
    padding: 12px !important;
    border-radius: 19px !important;
  }
  .new-trophy-card::before {
    border-radius: 19px !important;
  }
  .new-trophy-image {
    height: 174px !important;
    min-height: 174px !important;
    padding: 5px !important;
  }
  .new-trophy-image img {
    max-width: 98% !important;
    max-height: 160px !important;
  }
  .new-trophy-info {
    padding: 11px 2px 3px !important;
  }
  .new-trophy-info h3 {
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    letter-spacing: -.45px !important;
  }
  .new-trophy-info span {
    font-size: 10px !important;
    padding: 6px 8px !important;
  }

  /* 4. Participant archive: three cards per row instead of four. */
  .directory-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  .participant-card {
    min-height: 120px !important;
  }
  .participant-card-content {
    min-height: 118px !important;
    padding: 9px 7px !important;
  }
  .participant-card-info .participant-card-label {
    font-size: 7px !important;
    margin-bottom: 7px !important;
  }
  .participant-card-info h4 {
    font-size: 10px !important;
    margin-bottom: 6px !important;
  }
  .participant-card-info p {
    font-size: 7.5px !important;
  }
  .participant-card .product-miniatures img {
    width: 23px !important;
    min-width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
  }
}

@media (max-width: 480px) {
  /* On narrow phones the CTA buttons keep an extra right inset. */
  .hero-actions .button {
    width: 100% !important;
  }
}


/* =============================================================
   v6.18 — MOBILE ONLY: neon PNG arrows + full product miniatures.
   Desktop rules above are intentionally untouched.
   ============================================================= */
@media (max-width: 820px) {
  /* Generated transparent PNG arrow: used only on mobile. */
  .header-cta b,
  .button-primary b,
  .text-link b,
  .avito-profile-link b {
    display: inline-block !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: url("/assets/mobile-cta-arrow.png") center / contain no-repeat !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
  }
  .header-cta b::before,
  .header-cta b::after,
  .button-primary b::before,
  .button-primary b::after,
  .text-link b::before,
  .text-link b::after,
  .avito-profile-link b::before,
  .avito-profile-link b::after {
    content: none !important;
    display: none !important;
  }

  /* Header CTA on phones: keep the desktop wording, not arrow-only. */
  .header-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 52vw !important;
    font-size: 8px !important;
    line-height: 1.12 !important;
    letter-spacing: .15px !important;
    text-align: right !important;
  }
  .header-cta span {
    display: inline !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
  .header-cta b {
    width: 23px !important;
    min-width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
  }

  /* Participant archive: show every purchased product image and wrap neatly. */
  .participant-card .product-miniatures {
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 3px !important;
    align-content: flex-start !important;
  }
  .participant-card .product-miniatures img,
  .participant-card .product-miniatures img:nth-child(n+3) {
    display: block !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    padding: 1px !important;
    border-radius: 5px !important;
    object-fit: contain !important;
  }
  .participant-card-content {
    height: auto !important;
  }
  .participant-card {
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    gap: 10px !important;
  }
  .header-cta {
    max-width: 55vw !important;
    font-size: 7.5px !important;
  }
}

/* v6.20 — Mobile only: prevent the hidden accessibility skip-link from
   flashing above the page during rubber-band / overscroll on mobile browsers. */
@media (max-width: 820px) {
  .skip-link {
    display: none !important;
  }
}