/* Limited Project — arena edition. Shared components also serve rules and forms. */
:root{--bg:#101211;--surface:#181b18;--surface-2:#20241f;--line:#32372f;--text:#f3f4e9;--muted:#a0a698;--lime:#d5fa3b;--cyan:#b9d4c7;--violet:#d5fa3b;--gold:#e5c28f;--radius:10px;--max:1320px;--mono:Consolas,monospace}
body{background:var(--bg);font-family:"Segoe UI",Arial,sans-serif}body:before{display:none}body,main{overflow-x:clip}a,button,input,textarea,summary{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}html{scroll-padding-top:100px}::selection{background:var(--lime);color:var(--bg)}
.site-header{height:88px;padding:0 max(28px,calc((100vw - 1264px)/2));gap:26px;border-bottom:1px solid var(--line);background:#101211f5;box-shadow:none;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.site-header.scrolled{background:#101211f5}.brand{gap:11px;flex-shrink:0}.brand-mark{width:43px;height:43px;object-fit:contain;clip-path:none;background:none;filter:none}.brand b{font-size:14px;letter-spacing:.04em}.brand small{font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}.site-header nav{gap:5px;margin-left:auto}.site-header nav a{font-size:12px;font-weight:600;padding:12px 10px;color:#a6ac9e;border-radius:5px}.site-header nav a.active,.site-header nav a:hover{color:var(--text);background:#ffffff08}.site-header nav a.active:after{display:none}.nav-depth,.nav-depth:hover{transform:none!important;animation:none;box-shadow:none}.nav-depth:before,.nav-depth:after{display:none}.language-switch{display:flex;gap:1px;border:1px solid var(--line);padding:3px;border-radius:6px}.language-switch a{font:10px var(--mono);padding:6px;color:var(--muted)}.language-switch a.active{background:var(--lime);color:#15180a;border-radius:3px}.menu-toggle{display:none}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:var(--lime);color:#101211;padding:15px}.skip-link:focus{top:10px}
.arena-hero{position:relative;isolation:isolate;min-height:620px;border-bottom:1px solid var(--line);background:#151c16}.arena-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111610f5 0%,#111610c9 36%,#11161012 75%),linear-gradient(0deg,#101211 0%,transparent 35%),url('/hero.png') center 58%/cover no-repeat;filter:saturate(.58)}.arena-inner{max-width:var(--max);margin:auto;padding:43px 28px 0}.arena-kicker{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.1em;color:#c5cabb}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d5fa3b66}.edition{border:1px solid #78816a66;padding:4px 7px;border-radius:3px;color:var(--lime);margin-left:6px}.arena-headline{display:flex;align-items:center;justify-content:space-between}.arena-headline h1{font-size:clamp(48px,6.4vw,88px);line-height:.99;letter-spacing:-.065em;font-weight:900;margin:43px 0 25px;max-width:980px}.arena-headline h1 em{color:var(--lime);font-style:normal}.hero-crosshair{font:130px var(--mono);color:#d5fa3b75;margin:0 8% 0 0}.arena-intro{color:#b9c1b1;font-size:15px;line-height:1.8;max-width:490px;margin:0 0 28px}.button{min-height:48px;padding:13px 23px;font-size:13px;letter-spacing:0;text-transform:none;font-weight:700;border-radius:6px;transition:background .18s, border-color .18s,transform .18s;box-shadow:none}.button.primary{background:var(--lime);border:1px solid var(--lime);color:#182005}.button.primary:hover{background:#e2ff70;box-shadow:0 6px 25px #d5fa3b20;transform:translateY(-2px)}.button.ghost{background:#10161070;border:1px solid #67705a80;color:var(--text)}.button.ghost:hover{background:#343d2b}.arena-actions{display:flex;gap:12px}.arena-actions .primary{min-width:193px;gap:25px}.arena-actions .ghost{gap:32px}.quick-connect{display:flex;align-items:center;gap:16px;margin:20px 0 39px;font:11px var(--mono);flex-wrap:wrap}.quick-connect code{color:#c8ccbf}.quick-connect button{padding:4px 0;color:var(--muted);background:none;border:0;font:11px var(--mono)}.quick-connect button:hover,.quick-connect a:hover{color:var(--lime)}.quick-connect a{color:#b5bdab;font:11px "Segoe UI",sans-serif;text-decoration:underline;text-underline-offset:4px}.hero-bottom{border-top:1px solid #72786640;padding:20px 0;display:flex;justify-content:space-between;align-items:center;color:#9ca58f;font:10px var(--mono);letter-spacing:.08em}.hero-bottom i{font-style:normal;color:var(--lime);margin:0 14px}.hero-bottom>a{color:var(--lime);font-size:23px;line-height:1}
.status-dock{max-width:var(--max);margin:25px auto 0;padding:0 28px}.server-status-card{max-width:none;margin:0;background:#191d17;border:1px solid var(--line);border-radius:8px;box-shadow:none!important;display:grid;grid-template-columns:.9fr 1.15fr 1.8fr;position:relative;overflow:hidden}.server-status-card>header{padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border:0}.server-status-card>header small{font:9px var(--mono);color:var(--muted)}.status-signal{font:9px var(--mono);letter-spacing:.05em}.status-signal i{width:6px;height:6px;animation:none}.status-summary{padding:20px;border:0;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.status-summary h2{font-size:14px;letter-spacing:0;line-height:1.4;margin:0}.status-summary p{display:none}.status-summary time{font:8px var(--mono);color:var(--muted);white-space:normal}.server-status-card .server-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:0;border-radius:0;background:none;max-width:none;align-items:center}.server-status-card .server-strip span{padding:13px 14px;border-left:1px solid var(--line);border-right:0;border-bottom:0}.server-strip small{font:8px var(--mono);color:var(--muted);letter-spacing:.08em}.server-status-card .server-strip b{font:13px var(--mono);margin-top:8px;max-width:100%}.server-capacity{position:absolute;bottom:0;left:0;right:0;height:2px}.server-capacity span{background:var(--lime);box-shadow:none}
.section{max-width:var(--max);padding:78px 28px;margin:auto}.section-heading{gap:32px;margin-bottom:28px;align-items:flex-end}.eyebrow{color:var(--lime);font:10px var(--mono);letter-spacing:.12em}.eyebrow i{display:none}.section-heading h2,.play-section h2,.connect-section h2,.community-section h2,.faq-section h2{font-size:clamp(30px,3.1vw,43px);line-height:1.14;letter-spacing:-.045em;text-transform:none;margin:13px 0 0;max-width:650px}.section-heading>p{font-size:13px;line-height:1.8;max-width:330px;margin:0;color:var(--muted)}
.arena-map-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.arena-map{min-height:275px;position:relative;isolation:isolate;border:1px solid #4a513d;border-radius:8px;overflow:hidden;background:#242b1c;transition:border-color .2s}.arena-map:hover{border-color:var(--lime)}.map-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#151a10 0%,#151a1040 70%),url('/hero.png') 65% 40%/auto 110%;filter:sepia(.45) saturate(.6);transition:transform .5s}.arena-map:hover .map-art{transform:scale(1.04)}.map-office .map-art{background-image:linear-gradient(0deg,#141919, #14191920),url('/rules-arena.png');background-position:center;filter:saturate(.25)}.map-snow .map-art{background-image:linear-gradient(0deg,#172024,#7597a140),url('/hero.png');background-position:20% 60%;filter:grayscale(.8) brightness(1.25)}.map-top{display:flex;justify-content:space-between;padding:20px;font:9px var(--mono);color:#d1d9c2}.map-top span:last-child{border:1px solid #becaa33d;padding:4px 7px;border-radius:3px}.map-caption{position:absolute;left:23px;right:20px;bottom:23px}.map-caption small{font-size:11px;color:#b7c1ab}.map-caption h3{font-size:39px;letter-spacing:-.04em;line-height:1;margin:9px 0 12px}.map-caption code{font:8px var(--mono);color:#b0baa5;overflow-wrap:anywhere}.map-coordinate{position:absolute;right:19px;bottom:45px;color:var(--lime);font:35px var(--mono)}
.play-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-top:15px;padding-bottom:78px}.warmup-copy{padding:20px 0}.warmup-copy p,.connect-section p,.community-section p{color:var(--muted);font-size:14px;line-height:1.8;max-width:440px}.personal-best{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:12px;color:var(--muted)}.personal-best b{font:22px var(--mono);color:var(--text)}.reaction-field{position:relative;min-height:285px;border:1px solid #454e35;border-radius:8px;background:radial-gradient(circle,#2c371c60,transparent 65%),repeating-linear-gradient(0deg,transparent 0 39px,#9bb57308 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#9bb57308 39px 40px),#161b14;color:var(--text);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;gap:14px}.reaction-label{position:absolute;top:19px;left:22px;font:9px var(--mono);letter-spacing:.12em;color:#89947a}.reaction-symbol{font:66px/1 var(--mono);color:var(--lime)}.reaction-field strong{font-size:17px;font-weight:600}.reaction-hint{font:9px var(--mono);letter-spacing:.14em;color:#929e80}.reaction-field[data-state=ready]{background:var(--lime);color:#172006}.reaction-field[data-state=ready] span{color:#304012}.reaction-field[data-state=waiting] .reaction-symbol{color:#e0b970}.reaction-field[data-state=early]{border-color:#cf8b70}.reaction-field[data-state=result]{border-color:var(--lime)}
#donate{border-top:1px solid var(--line)}.period-control{margin:25px 0;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;padding:0;box-shadow:none;border-radius:0}.period-control>span{font-size:12px;color:var(--muted)}.period-control>div{display:flex;gap:4px;border:1px solid var(--line);padding:4px;border-radius:7px;background:#161914}.period-control button{padding:11px 16px;border:0;border-radius:4px;background:transparent;color:#adb3a4;font-size:11px}.period-control button.active{color:#192008;background:var(--lime);box-shadow:none}.tier-grid{gap:14px}.tier-card{border:1px solid var(--line);border-radius:8px;padding:25px 22px;background:#191c17;min-height:0;transform:none!important;box-shadow:none!important}.tier-card:before,.tier-card:after{display:none}.tier-card.featured{border-color:#9cba33;background:linear-gradient(145deg,#2b321b,#191c17 45%)}.tier-number{font:11px var(--mono);color:#777f6a}.tier-card>small{margin-top:25px;font-size:11px}.tier-card h3{font-size:30px;margin:5px 0 10px}.tier-description{font-size:12px;line-height:1.7;color:var(--muted);min-height:60px}.popular{top:22px;right:18px;font:8px var(--mono);letter-spacing:.03em;background:#d5fa3b15;border:1px solid #d5fa3b30;border-radius:3px;padding:4px}.price>b{font-size:43px;letter-spacing:-.04em}.price>span{font-size:11px;color:#ced6c0}.price-total{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:13px;padding-bottom:18px;border-bottom:1px solid var(--line)}.price-total em{font-style:normal;color:var(--lime)}.tier-card>ul{font-size:12px;margin:18px 0}.tier-card li{padding:7px 0;border:0}.tier-card li:before{content:'✓';color:var(--lime);font-size:10px}.menu-details{background:#10150f70;border:1px solid var(--line);border-radius:5px;margin-top:8px}.menu-details summary{color:#bfc8b2;font-size:10px;letter-spacing:0;padding:11px}.menu-details ul{padding:10px 12px;margin:0}.menu-details li{font-size:11px}.tier-button{margin-top:22px;border:1px solid #59624c;background:#272e20;color:#e0e8d4;width:100%}.featured .tier-button{background:var(--lime);color:#172006;border-color:var(--lime)}.tier-card:hover .tier-button{color:var(--text);border-color:#b0c27d}.tier-card.featured:hover .tier-button{color:#172006}.tier-card .menu-details:last-of-type{margin-bottom:auto}
.connect-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.console-connect{align-self:center;display:flex;flex-direction:column;gap:22px;background:#090d08;border:1px solid var(--line);border-radius:8px;padding:26px}.console-connect>span{font:9px var(--mono);color:#8b957f}.console-connect code{font:clamp(12px,1.5vw,20px) var(--mono);color:var(--lime);user-select:all;overflow-wrap:anywhere}.console-connect .button{align-self:flex-start}.community-section{margin:10px auto 0;max-width:1264px;padding:48px 42px;border:1px solid #484f31;border-radius:10px;background:radial-gradient(ellipse at right,#45541e60,transparent 65%),#20251a;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.community-section h2{max-width:620px}.community-section .button{margin-top:15px}.community-art{font-size:145px;line-height:.77;font-weight:900;letter-spacing:-.08em;transform:rotate(-9deg);color:#414d2a;margin-right:55px}.community-art em{color:var(--lime);font-style:normal}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;column-gap:70px}.faq-section>.eyebrow{grid-column:1;align-self:end}.faq-section>h2{grid-column:1;align-self:start;margin-top:14px}.faq-list{grid-column:2;grid-row:1/3}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-size:14px;cursor:pointer}.faq-list p{font-size:13px;line-height:1.8;color:var(--muted)}.site-footer{padding:35px 28px;gap:22px}.footer-brand{flex-direction:row!important;gap:12px;align-items:center}.footer-brand img{width:40px;height:40px;object-fit:contain}.footer-brand span{display:flex;flex-direction:column;gap:3px}.footer-brand b{color:#ced4c4;font-size:12px}.footer-brand small{font-size:9px}.footer-links{align-items:center;font-size:11px;color:var(--muted)}.site-footer p{font-size:10px;color:#929b87}
.page-hero{padding:65px 28px 45px;background:none}.page-hero h1{font-size:clamp(42px,6vw,74px);letter-spacing:-.05em;color:var(--text)}.page-hero p{color:var(--muted)}.depth-card,.tilt-card{transform:none!important;box-shadow:none!important}.rules-visual{overflow:hidden;border-radius:8px}.rules-visual img{width:100%;display:block;max-height:350px;object-fit:cover}.rules-list article{border-color:var(--line)}.panel-form,.login-card,.dialog-card{background:#191d17;border-color:#414a35;border-radius:10px;box-shadow:none}.dialog-card h2{font-size:30px}.dialog-card input,.dialog-card textarea,input,textarea,select{background:#10150e;border-color:#3a4530;color:var(--text)}.form-note{color:#a0aa93;line-height:1.7}.dialog-close{z-index:1}.order-price-summary{display:flex;justify-content:space-between;margin-bottom:22px;color:var(--lime)}.order-dialog{max-height:90dvh;overflow-y:auto}.toast{background:#20281a;border-color:#788952}.reveal-item{opacity:1;transform:none}.reveal-item.revealed{transform:none}
.tier-card>.popular{position:absolute;top:20px;right:18px;width:auto}.tier-card>*{transform:none}.tier-description{min-height:102px}.reveal-item{translate:none}
@media(min-width:1500px){.arena-hero{min-height:680px}.arena-inner{padding-top:60px}.arena-headline h1{margin-top:50px}.quick-connect{margin-bottom:55px}}
@media(max-width:1100px){.site-header{padding:0 22px;gap:12px}.site-header nav a{padding:10px 6px;font-size:11px}.brand b{font-size:12px}.brand-mark{width:36px;height:36px}.language-switch a{padding:5px}.hero-crosshair{margin-right:4%;font-size:100px}.server-status-card{grid-template-columns:1fr 1fr}.server-status-card .server-strip{grid-column:1/-1;border-top:1px solid var(--line)}.server-status-card .server-strip span:first-child{border-left:0}.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-section{gap:35px}.community-section{margin-left:28px;margin-right:28px}.community-art{font-size:110px;margin-right:20px}.map-coordinate{display:none}}
@media(max-width:760px){.site-header{height:73px;padding:0 18px;flex-wrap:nowrap;align-items:center}.brand span:last-child{display:block}.brand b{font-size:11px}.brand small{font-size:8px}.brand-mark{width:32px;height:32px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#171d13;border-bottom:1px solid var(--line);padding:15px;flex-direction:column;align-items:stretch}.site-header nav.is-open{display:flex}.site-header nav a{font-size:14px;padding:13px}.menu-toggle{display:flex;gap:7px;padding:8px;color:var(--text);background:none;border:1px solid var(--line);border-radius:4px;margin-left:auto;font-size:10px}.language-switch{gap:0;padding:2px}.language-switch a{font-size:8px;padding:5px 4px}.arena-hero{min-height:0}.arena-inner{padding:32px 20px 0}.arena-art{background-position:65% center}.arena-kicker{font-size:8px;gap:7px;letter-spacing:.02em}.edition{font-size:7px;margin-left:0}.arena-headline h1{font-size:clamp(39px,8.6vw,63px);margin:40px 0 23px;letter-spacing:-.055em}.hero-crosshair{display:none}.arena-intro{font-size:13px;max-width:410px}.arena-actions .button{font-size:12px;min-width:0;padding:13px 20px;gap:18px}.quick-connect{font-size:10px;gap:13px;margin:20px 0 30px}.quick-connect a{width:100%}.hero-bottom{font-size:8px;gap:15px}.hero-bottom span:nth-child(2){font-size:7px;line-height:1.8}.hero-bottom i{margin:0 4px}.status-dock{padding:0 18px;margin-top:18px}.server-status-card>header{padding:16px 12px}.status-summary{padding:16px 12px;gap:6px}.status-summary h2{font-size:12px}.status-summary time{order:0;font-size:7px}.status-signal{font-size:8px;letter-spacing:0}.server-status-card .server-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.server-status-card .server-strip span{padding:14px 9px}.server-strip small{font-size:7px}.server-status-card .server-strip b{font-size:10px}.section{padding:55px 20px}.section-heading{display:block;margin-bottom:23px}.section-heading>p{margin-top:17px}.section-heading h2,.play-section h2,.connect-section h2,.community-section h2,.faq-section h2{font-size:32px}.arena-map-grid{grid-template-columns:1fr;gap:12px}.arena-map{min-height:205px}.map-art{background-size:cover}.map-caption h3{font-size:34px}.map-caption{left:20px;bottom:20px}.map-top{padding:17px 20px}.map-coordinate{display:block;bottom:30px}.play-section{grid-template-columns:1fr;gap:15px;padding-top:0}.warmup-copy p{max-width:none}.reaction-field{min-height:260px;padding:28px 18px}.reaction-field strong{font-size:15px}.period-control{align-items:flex-start;gap:15px;flex-direction:column}.period-control>div{width:100%;justify-content:space-between}.period-control button{padding:10px 12px;flex:1}.tier-grid{grid-template-columns:1fr}.tier-card{padding:25px}.tier-description{min-height:0}.tier-card>small{margin-top:20px}.tier-card>ul{margin:16px 0}.connect-section{grid-template-columns:1fr;gap:20px}.console-connect{padding:22px}.console-connect code{font-size:15px}.community-section{margin:0 18px;padding:30px 24px}.community-section>div{position:relative;z-index:1}.community-section{position:relative}.community-art{position:absolute;right:-30px;bottom:0;opacity:.13;font-size:160px}.faq-section{display:block}.faq-list{margin-top:22px}.site-footer{margin:0 20px;padding:28px 0;grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.site-footer p{grid-column:auto}.page-hero{padding:45px 20px}.rules-cta{padding:25px}.feedback-copy h2{font-size:40px}.panel-form{padding:23px}.dialog-card{padding:32px 22px}.dialog-card h2{font-size:26px}}
@media(max-width:380px){.brand small{display:none}.site-header{gap:7px;padding:0 12px}.brand b{font-size:9px}.brand{gap:6px}.menu-toggle{font-size:9px;padding:7px 5px}.arena-kicker{font-size:7px}.arena-headline h1{font-size:36px}.hero-bottom>span:first-child{max-width:80px;line-height:1.7}.server-status-card{grid-template-columns:1fr}.status-summary{border-left:0;border-top:1px solid var(--line)}.status-summary time{font-size:8px}}
.brand span:last-child{display:flex;flex-direction:column}.language-switch a{min-width:0;height:auto}.language-switch{margin-left:0}
@media(max-width:760px){.brand{gap:8px}.brand small{font-size:7px;letter-spacing:.06em}.language-switch a{min-width:0;padding:6px 4px}.site-header{gap:8px}.menu-toggle{flex-shrink:0}}
@media(max-width:380px){.language-switch a{padding:6px 3px}.brand small{display:none}}
.mobile-language{display:none}
.site-header,.page-hero>*,.period-control,.tier-card{animation:none}
@media(max-width:760px){.language-switch{display:none}.mobile-language{display:block;flex-shrink:0}.mobile-language select{width:64px;height:38px;padding:7px;font:11px var(--mono);border-radius:5px}.menu-toggle{min-height:38px;font-size:11px;padding:8px 10px}.brand b{font-size:12px}.brand small{font-size:8px}}
@media(max-width:380px){.brand b{font-size:10px}.brand-mark{width:28px;height:28px}.menu-toggle{font-size:10px;padding:7px}.mobile-language select{width:59px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}