.main-nav{display:flex;align-items:center;align-self:stretch;gap:4px}.main-nav button{position:relative;padding:0 12px;font-size:12px;font-weight:550;color:#a4b29a}.main-nav button:hover,.main-nav button[aria-current="page"]{color:#d9e8c5;background:#b9cf9809}.main-nav button[aria-current="page"]:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:12px;right:12px}.sign-in{font-size:12px;font-weight:600;color:#d2e4b8;padding:8px 13px;border:1px solid #6e835552;border-radius:5px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header{gap:22px}.header .header-mode{display:none}.header-tools{gap:13px}.home-screen{overflow-y:auto;overscroll-behavior:contain;padding:30px 32px;display:block}.home-content{width:min(1080px,100%);margin:auto}.home-hero{grid-template-columns:1fr 190px;min-height:0;margin:6px 0 28px}.home-title{font-size:48px;margin:13px 0 12px;letter-spacing:-1.8px}.home-title br{display:none}.home-title em{margin-left:8px}.home-copy p{font-size:14px;line-height:1.6;margin-bottom:0}.home-art{height:160px}.home-orbit{width:145px;height:145px}.home-piece{width:105px;height:120px}.art-caption{display:none}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.lobby-main{background:linear-gradient(145deg,#2a3327,#222a21);border:1px solid #43513b;border-radius:14px;padding:26px}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.lobby-heading h2{font-size:25px;margin:9px 0 0;letter-spacing:-.6px}.casual-tag{color:#b6c7a3;background:#b9cf980a;border:1px solid #6f82553b;border-radius:20px;padding:7px 10px;font-size:10px;white-space:nowrap}.lobby-intro{color:#a0af96;font-size:12px;line-height:1.7;margin:15px 0 21px}.quick-pools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-pools button{border:1px solid #43543a;background:#303c29;border-radius:8px;min-height:80px;padding:12px 5px;color:#dbe7cd;transition:background .15s,border-color .15s}.quick-pools button:hover{background:#405235;border-color:#8ca46c}.quick-pools strong{display:block;font-size:25px;font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.quick-pools strong span{color:#9cb18a;font-size:19px;font-weight:300}.quick-pools small{display:block;margin-top:7px;font-size:10px;color:#a4b497}.quick-pools .searching{background:#526741;border-color:#b6cd97;box-shadow:inset 0 0 0 1px #b6cd9733}.quick-pools button:disabled{opacity:.48}.lobby-foot{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:10px;color:#98a98b;line-height:1.5}.lobby-aside>.kicker{display:block;margin:5px 0 12px}.lobby-aside .play-options{display:flex;flex-direction:column;gap:10px}.lobby-aside .play-card{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:12px;min-height:90px;padding:18px 30px 18px 17px;border-radius:9px;background:#252e23}.lobby-aside .play-icon{grid-row:1/3;margin:0;height:34px;font-size:24px;min-width:30px}.lobby-aside .play-icon svg{width:30px;height:30px}.lobby-aside .play-card strong{font-size:14px}.lobby-aside .play-card small{font-size:10px;margin-top:4px}.lobby-aside .card-arrow{font-size:15px;top:19px;right:13px}.lobby-note{font-size:11px;line-height:1.8;color:#8c9e7f;padding:0 3px}.home-return{margin-top:17px;min-height:0}.queue-status{display:flex;gap:13px;align-items:center;background:#b6cf9510;border:1px solid #7f966052;border-radius:8px;padding:15px;margin-top:16px}.queue-status strong{font-size:12px;color:#d1e2bb}.queue-status p{margin:5px 0 0;font-size:11px;line-height:1.6;color:#a2b591}.queue-status>div{flex:1}.queue-status .secondary{width:auto;flex:none}.search-spinner{width:18px;height:18px;border:2px solid #c2d8a130;border-top-color:#c2d8a1;border-radius:50%;animation:search-turn 1.1s linear infinite;flex:none}@keyframes search-turn{to{transform:rotate(360deg)}}
.community-screen{height:calc(100dvh - 54px);overflow-y:auto;padding:34px 24px;overscroll-behavior:contain}.training-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;width:max-content;max-width:100%;margin:auto;align-items:center}.training-board-column{width:min(740px,calc(100dvh - 190px),calc(100vw - 430px))}.training-board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 15px}.training-board-heading strong{font-size:13px;font-weight:500;color:#b8cba5}.training-frame{width:100%;aspect-ratio:1}.training-panel{padding:24px;border:1px solid #43513b;background:#252e23;border-radius:12px;width:290px}.training-panel h1{font-size:25px;line-height:1.2;margin-top:12px}.training-panel p{font-size:12px;line-height:1.8;color:#b4c5a4}.training-panel #training-feedback{color:#d0e1b9;font-weight:550;min-height:38px}.training-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.training-actions button{padding:11px 8px;font-size:11px}.training-actions .primary{grid-column:1/-1}.training-menu{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:4px}.training-menu button{text-align:left;font-size:12px;color:#9fb18f;padding:8px 3px}.training-menu button:hover{color:#d9e8c6}.watch-content{max-width:1000px;margin:30px auto}.watch-content h1{font-size:40px}.watch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;color:#aebf9f;font-size:14px;line-height:1.8}.watch-card{text-align:left;padding:26px;border:1px solid #526445;border-radius:10px;background:#293624;font-size:15px}.auth-switches{display:flex;gap:5px;border-bottom:1px solid #47543d;margin:22px 0}.auth-switches button{font-size:12px;color:#a9ba99;padding:12px 9px;border-bottom:2px solid transparent}.auth-switches button[aria-pressed="true"]{border-color:var(--accent);color:#d5e5bf}#auth-form input{display:block;width:100%;padding:12px;background:#1d251a;color:var(--text);border:1px solid #4c5d40;border-radius:5px;margin-top:8px;font-size:13px}.form-error{color:#efb49d!important}.recovery-note{padding:17px;background:#b8d09a10;border:1px solid #748d5450;border-radius:7px;margin-top:18px;font-size:12px}.recovery-note code{display:block;overflow-wrap:anywhere;user-select:all;font-size:12px;color:#dceacb;line-height:1.8}.account-history{margin:15px 0 24px;color:#a9ba98;line-height:1.8}.account-game{display:block;width:100%;text-align:left;font-size:11px;line-height:1.6;padding:12px 0;border-bottom:1px solid #415039;color:#bbcfaa}
@media(min-width:1800px) and (min-height:900px){.header .main-nav button{font-size:15px;padding:0 18px}.header .sign-in{font-size:14px;padding:11px 17px}.home-screen{padding:60px 42px}.home-content{width:min(1320px,100%)}.home-hero{grid-template-columns:1fr 260px;min-height:220px;margin:10px 0 48px}.home-title{font-size:72px;margin:18px 0}.home-copy p{font-size:18px}.home-art{height:220px}.home-piece{width:150px;height:170px}.home-orbit{width:210px;height:210px}.lobby-layout{grid-template-columns:minmax(0,1fr) 340px;gap:36px}.lobby-main{padding:38px}.lobby-heading h2{font-size:33px}.lobby-heading .kicker,.lobby-aside .kicker{font-size:11px}.lobby-intro{font-size:15px;margin:20px 0 28px}.quick-pools{gap:15px}.quick-pools button{min-height:120px}.quick-pools strong{font-size:36px}.quick-pools strong span{font-size:28px}.quick-pools small{font-size:13px}.casual-tag,.lobby-foot{font-size:13px}.lobby-aside .play-card{min-height:120px;padding:24px 35px 24px 24px;grid-template-columns:40px 1fr;gap:4px 16px}.lobby-aside .play-icon,.lobby-aside .play-icon svg{width:36px;height:36px}.lobby-aside .play-card strong{font-size:18px}.lobby-aside .play-card small{font-size:13px}.lobby-aside .card-arrow{top:28px;right:17px}.lobby-note{font-size:14px;margin-top:25px}.home-return{margin-top:26px}.community-screen{height:calc(100dvh - 64px);padding:60px 40px}.training-layout{gap:45px}.training-board-column{width:min(1000px,calc(100dvh - 260px),calc(100vw - 600px))}.training-panel{width:340px;padding:30px}.training-layout{grid-template-columns:minmax(0,1fr) 340px}.training-panel h1{font-size:32px}.training-panel p,.training-menu button{font-size:15px}.training-actions button{font-size:13px}.training-board-heading strong{font-size:17px}}
@media(max-width:1000px){.header{gap:15px;padding:0 16px}.main-nav{gap:0}.main-nav button{padding:0 9px;font-size:11px}.header-tools{gap:10px}.header-tools #online-game{display:none}.lobby-layout{gap:20px;grid-template-columns:minmax(0,1fr) 235px}.lobby-main{padding:23px}.lobby-aside .play-card{padding-left:13px;column-gap:9px}.training-layout{gap:20px;grid-template-columns:minmax(0,1fr) 250px}.training-board-column{width:min(650px,calc(100dvh - 180px),calc(100vw - 320px))}.training-panel{width:250px;padding:20px}}
@media(max-width:700px){.header{height:98px;flex-wrap:wrap;gap:0;position:relative;padding:8px 15px 0;align-content:space-between}.header .brand{font-size:21px;height:38px}.header .brand>span:first-child{font-size:27px}.header-tools{height:38px;gap:10px}.header-tools #go-home,.header-tools #new-game{display:none}.sign-in{padding:7px 10px;font-size:11px;max-width:120px}.main-nav{order:3;width:100%;height:43px;justify-content:center;gap:8px}.main-nav button{font-size:12px;padding:0 14px}.home-screen,.community-screen,.end-screen{height:calc(100dvh - 98px)}.arena{height:calc(100dvh - 98px)}.home-screen{padding:27px 20px}.home-hero{display:block;margin:0 0 24px}.home-title{font-size:39px;line-height:1.15;letter-spacing:-1.4px}.home-title br{display:block}.home-title em{margin-left:0}.home-copy>.kicker{font-size:8px;letter-spacing:1.3px}.home-art{display:none}.home-copy p{font-size:12px}.lobby-layout{grid-template-columns:1fr;gap:23px}.lobby-main{padding:21px 17px}.lobby-heading h2{font-size:23px}.casual-tag{display:none}.lobby-intro{font-size:11px}.quick-pools{gap:8px}.quick-pools button{min-height:76px}.quick-pools strong{font-size:24px}.quick-pools small{font-size:10px}.lobby-aside .play-card{min-height:80px;padding:16px 35px 16px 18px;grid-template-columns:34px 1fr}.lobby-aside .play-card strong{font-size:14px}.lobby-aside .play-card small{font-size:11px}.queue-status{padding:12px;gap:10px;flex-wrap:wrap}.queue-status>div{min-width:150px}.queue-status .secondary{margin-left:28px}.training-layout{width:100%;display:flex;flex-direction:column;gap:18px}.training-board-column{width:min(620px,100%)}.training-panel{width:min(620px,100%)}.community-screen{padding:23px 18px}.training-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.training-board-heading .kicker{font-size:8px}.training-board-heading strong{font-size:12px}.watch-list{grid-template-columns:1fr}.watch-content h1{font-size:32px}.panel{max-height:calc(100% - 16px)}}
@media(max-height:540px) and (min-width:701px){.home-screen{padding:20px 25px}.home-hero{margin-bottom:20px}.home-title{font-size:35px}.home-art{height:100px}.home-piece{width:70px;height:85px}.home-orbit{width:95px;height:95px}.community-screen{height:calc(100dvh - 44px);padding:20px}.training-board-column{width:min(calc(100dvh - 135px),calc(100vw - 340px))}.training-panel{align-self:start}.training-layout{align-items:start}}
@media(prefers-reduced-motion:reduce){.search-spinner{animation:none}.quick-pools button{transition:none}}
@media(max-width:480px){.header{padding-left:12px;padding-right:12px}.header .brand{font-size:19px}.header-tools{gap:7px}.header-tools #help{display:none}.main-nav{gap:2px}.main-nav button{padding:0 12px}.header .sign-in{max-width:108px}}
#new-opponent{margin-top:10px}
@media(min-width:701px) and (max-height:850px){.home-screen{padding:20px 32px}.home-hero{margin:0 0 20px}.home-title{font-size:40px;margin:10px 0}.home-copy p{font-size:12px}.home-art{height:120px}.home-piece{width:82px;height:96px}.home-orbit{width:112px;height:112px}.lobby-main{padding:22px}.lobby-heading h2{font-size:24px}.lobby-intro{margin:12px 0 16px}.quick-pools button{min-height:68px;padding:9px 5px}.quick-pools strong{font-size:23px}.quick-pools small{margin-top:5px}.lobby-foot{margin-top:15px}.home-return{margin-top:12px}.resume-button{padding:8px 3px}}
@media(min-width:1001px) and (max-height:899px){.training-board-column{width:min(740px,calc(100dvh - 205px),calc(100vw - 430px))}}
@media(max-width:480px){.header .brand{font-size:18px}.header .sign-in{max-width:78px}}