/* GBA-style pixel UI. Shared by HUD, menus, account and room screens. */
@font-face{font-family:PixelGame;src:url('assets/fonts/FusionPixel-12-TW.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#f0f5de;--muted:#a8bdc3;--panel:#17324b;--deep:#0c2035;--edge:#739aa7;--mint:#78d4aa;--gold:#f4cc70;--red:#ee9588;--pixel:PixelGame,monospace}
html,body{font-family:var(--pixel);font-size:12px;color:var(--ink);background:#153248}
*,*::before,*::after{font-family:inherit;box-sizing:border-box}button,input,select,textarea,small,strong,em,b{font-family:var(--pixel)!important;font-weight:400!important}button,input{font-size:12px}button{cursor:pointer;transition:none!important}button:disabled{opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}small{font-size:12px!important;line-height:1.6}h1,h2,h3{font-family:var(--pixel)!important;font-weight:400;letter-spacing:0}h2{color:#fff0bd;font-size:24px;line-height:1.4;margin:0 0 20px}p{font-size:12px;color:var(--muted);line-height:1.8}a{color:#9edcc6}canvas{image-rendering:pixelated}.shade{box-shadow:inset 0 0 80px #183a1b18;background:none}
/* Stepped console panels: dark ink, cyan edges and warm selected states. */
#modal,.home-nav,.home-record,.hero-partner,#hud>div,#objective,#bossHud,#toast,.room-create,.roster-preview{border:2px solid var(--edge);border-radius:0;box-shadow:inset 0 0 0 2px #263f59,3px 3px 0 #071b2e;backdrop-filter:none}
.overlay{background:#081a2fc9;backdrop-filter:none;padding:24px}#modal{width:min(880px,100%);padding:30px;background:linear-gradient(135deg,#203d55,#11283f 75%);color:var(--ink);max-height:calc(100dvh - 48px)}#modal.wide{width:min(1060px,100%)}.close{width:32px;height:32px;right:15px;top:14px;border:1px solid #7195a0;background:#10273f;color:#e9f3d8;font-size:24px;line-height:24px}
.eyebrow{font:12px var(--pixel);letter-spacing:1px;color:#8dd3bd;margin-bottom:10px}.eyebrow:before{width:8px;height:8px;background:#8dd3bd;border:2px solid #385c69}.primary,.secondary{border:2px solid #8dc9b3;border-radius:0;padding:12px 20px;min-height:44px;font-size:12px;letter-spacing:0;box-shadow:inset 0 0 0 2px #305b62,2px 2px 0 #071a2c;background:#265a60;color:#f1ffe5;gap:15px}.primary:hover{background:#357771;color:#fff5bd}.secondary{background:#18334d;border-color:#688c9d;color:#cfe2dc;box-shadow:inset 0 0 0 2px #29475d,2px 2px 0 #071a2c}.secondary:hover{background:#2c4d62}.modal-actions{margin-top:22px;gap:12px;align-items:center}.modal-actions .secondary{margin-right:auto}
.choice-list{gap:14px;margin:18px 0 0}.choice{border:2px solid #577e91;border-radius:0;background:#102b44;color:var(--ink);padding:20px 16px;min-height:182px;box-shadow:inset 0 0 0 2px #1f425a,3px 3px 0 #091c30;position:relative;border-top:5px solid var(--tone,#79bda9)}.choice:hover{background:#20465a;border-color:#b4d6bf;transform:none;box-shadow:inset 0 0 0 2px #466b70,3px 3px 0 #091c30}.choice .symbol{font:24px var(--pixel);margin-bottom:16px;color:var(--tone,#a9dcb5)}.choice strong{font-size:18px;line-height:1.4;margin-bottom:10px;color:#f5efc6}.choice small{color:#c2d6d2}.choice em{font:12px var(--pixel);color:#edcc79;margin-top:16px}.choice:focus-visible{outline-color:#f4cb6c}.notice{background:#10273b;color:#b9d1ca;border:1px solid #476b7b;border-left:3px solid #76bda4;border-radius:0;font-size:12px;padding:12px}.stat-grid{gap:12px}.stat-grid>div{background:#112a40;border:1px solid #476d7f;border-radius:0;padding:16px}.stat-grid small{color:#a6bfc1}.stat-grid strong{font:24px var(--pixel);color:#f1d68d}.badge-item{border:1px solid #496b7e;border-radius:0;background:#102a40;font-size:12px}.badge-item small{color:#b1c6c1}.settings-row{border-bottom:1px solid #486578;padding:15px 0;font-size:14px}.settings-row input{accent-color:#77cbaa}.kbd,.status-tag{background:#173a50;border:1px solid #6f96a2;color:#e0e9cb;border-radius:0;font:12px var(--pixel)}
/* Compact play HUD: one location, one objective, four move slots. */
#topbar{left:18px;right:18px;top:18px;gap:18px}.brand{display:none}.location{border:0;padding:9px 14px;background:#102e43ed;border:2px solid #779b9c;box-shadow:2px 2px 0 #0a2335;gap:10px}.location>span{border:0;width:22px;height:22px;font:18px var(--pixel);color:#bfe4bb}.location small{display:none}.location strong{font:18px var(--pixel);letter-spacing:0}.run-numbers{margin-left:auto;gap:22px;padding:7px 12px;background:#102e43e6;border:2px solid #6e9298}.run-numbers small{font-size:12px!important;letter-spacing:0;color:#acc3bf}.run-numbers strong{font:24px var(--pixel);letter-spacing:0;color:#f3e5b3}.icon-button{border:2px solid #76989e;border-radius:0;background:#14364d;color:#e9edce;width:40px;height:40px;font:20px var(--pixel);box-shadow:2px 2px 0 #0a2233}
#objective{left:18px;top:94px;padding:10px 13px;max-width:320px;background:#143449ed;gap:9px}.objective-dot{box-shadow:none;background:#eacc79;border-radius:0;width:6px;height:6px}#objective small{display:none}#objectiveText{font:12px var(--pixel);line-height:1.6;color:#e2edcf}#toast{top:88px;font-size:12px;max-width:65%;padding:10px 18px;background:#17374c;color:#f3db99;border-color:#769a9b;transition:none;transform:translate(-50%,0)}#toast.show{transform:translate(-50%,0)}#controlsHint{display:none}#contextButton{border:2px solid #c7ae68;border-radius:0;background:#e7cd8b;color:#283a39;font:14px var(--pixel);padding:12px 20px;bottom:162px}
#hud{bottom:29px;left:18px;right:18px;gap:12px;align-items:stretch}#hud>div{background:#102c42ed}.player-panel{width:230px;padding:12px;gap:10px}.portrait{background:#39685a;border:2px solid #8dbb9c;border-radius:0}.player-info strong{font-size:12px;color:#eff1ce}.player-info span{font:12px var(--pixel);color:#e8d087}.hp-track{background:#173727;border:1px solid #80b49a;height:7px;border-radius:0}.hp-track i{background:#79c895}.player-info small{font:12px var(--pixel);color:#c7dace}.moves-panel{padding:8px;gap:8px;min-width:260px}.move-slot{width:85px;min-height:76px;border:1px solid #668794;border-top:3px solid var(--move-color,#71949b);border-radius:0;background:#193c51;padding:6px 4px}.move-slot .move-symbol{font:18px var(--pixel);line-height:20px}.move-slot strong{font-size:12px;line-height:1.3;margin:7px 0}.move-slot small{font:12px var(--pixel);color:#bdd0c8}.move-slot.empty{border:1px dashed #517584;color:#75969b;background:#10283b}.move-slot.empty .move-symbol{color:#537783}.move-slot .cool{height:3px}.badge-panel{padding:12px;width:202px}.badge-panel>small{font-size:12px;letter-spacing:0}.badge-panel>small span{font-family:var(--pixel)}#badges{gap:6px;margin:11px 0}.badge{font:17px var(--pixel);color:#536f75}.badge.earned{filter:none}#buildButton{font:12px var(--pixel);color:#dec98b}.minimap-panel canvas{filter:none;border:0}#hud>.minimap-panel{right:18px;top:94px;width:144px;height:170px;box-shadow:none;border:0;background:transparent}.minimap-panel canvas{width:144px;height:144px}.minimap-panel>span{background:#14344ce8;border:1px solid #71969d;border-radius:0;color:#e7e9c9;padding:4px;font-size:12px}.minimap-panel i{border-radius:0}#xpBar{height:8px;background:#102c43;border-top:1px solid #4e7981}#xpBar>i{background:#edca78}#xpText{font:12px var(--pixel);bottom:11px;right:18px}#joystick{background:#12344960;border:2px solid #abc5ad77;box-shadow:2px 2px 0 #082b3944}#joystick div{background:#d9e3bf8a}#bossHud{background:#112b43ef;border-color:#9aadb1;width:min(460px,64vw);top:88px;padding:12px 15px}#bossHud small{color:#d4d9bb}.boss-track{border-radius:0;border:1px solid #819b94;height:9px}.boss-track i{background:#cf7868}#bossHpText{font:12px var(--pixel);color:#f1cf84}#bossCommand{font-size:12px}
/* Main menu: partner display + clear actions, without promotional copy. */
.at-menu .shade{background:#0b203d3b;box-shadow:inset 0 0 180px #061e3866}#mainMenu{padding:24px 30px;color:#f0f2da}.home-top{gap:14px}.home-mark{font-size:12px;letter-spacing:0}.home-mark small{display:none}.home-counters>span{display:none}.home-counters>button{font:12px var(--pixel);background:#15354c;border:2px solid #8aaca9;border-radius:0;box-shadow:2px 2px 0 #0b2234;padding:9px 15px}.home-counters #homeSound{border-radius:0;font:20px var(--pixel);padding:5px 12px}.home-layout{grid-template-columns:minmax(0,1fr) 300px;gap:55px;width:min(1120px,100%);margin:22px auto;align-items:center}.home-hero{padding:0;gap:0}.home-hero .champion-title{font:48px/1.25 var(--pixel)!important;letter-spacing:0;color:#f2d07d;text-shadow:3px 3px 0 #654d39,5px 5px 0 #102a38;margin:0 0 16px}.home-hero .champion-title span{font:24px/1.4 var(--pixel);letter-spacing:5px;margin:0 0 6px;color:#e5ead1}.hero-kicker,.hero-subtitle,.journey-pill,.hero-caption{display:none}.hero-partner{width:256px;height:208px;background:#102b45;border:3px solid #8db4b3;outline:2px solid #173b4d;box-shadow:inset 0 0 0 4px #28516a,5px 5px 0 #0b2435;margin-top:10px;border-radius:0}.hero-partner:hover{background:#204861}.hero-partner:after{display:none}.hero-partner canvas{width:240px;height:200px;left:5px}.partner-number{font:12px var(--pixel);letter-spacing:0;top:12px;left:12px;color:#94b7bc}.partner-change{font-size:12px;right:12px;bottom:12px;color:#c2d9d0}.partner-selector{margin-top:22px;gap:22px;min-width:250px}.partner-selector strong{font:24px var(--pixel);letter-spacing:0;color:#eff2d8;text-shadow:2px 2px 0 #183f41}.partner-selector>button{border:2px solid #93b2a5;border-radius:0;background:#12394d;width:32px;height:32px;font:24px var(--pixel);box-shadow:2px 2px 0 #12313f}.partner-type{font:12px var(--pixel);border:1px solid #d3e3bd77;border-radius:0;padding:3px 9px;line-height:1.2;color:white}.hero-evolution{font:12px/1.7 var(--pixel);color:#d0e6ce;margin-top:12px;text-shadow:1px 1px #143c3b}.home-nav{background:#15344deb;border:3px solid #83a9ac;padding:12px;box-shadow:inset 0 0 0 3px #345b70,5px 5px 0 #0b2536}.nav-heading{display:none}.nav-item{padding:16px 12px;border-radius:0;border:1px solid transparent;gap:13px}.nav-item strong{font:18px var(--pixel);letter-spacing:0;color:#e6efdf;text-shadow:2px 2px 0 #152d40}.nav-item small{display:none}.nav-item:hover{background:#315a6b;border-color:#75a79e}.primary-nav{background:#315965;border:1px solid #8db5a1;margin:0 0 6px}.primary-nav strong{font-size:24px;color:#f1d282}.nav-icon{font:24px var(--pixel);width:28px;color:#a8d7c0;filter:none}.nav-item>b{font:20px var(--pixel)}.home-record{padding:14px;font:12px/1.7 var(--pixel);color:#adcbc5;background:#16354be8;gap:12px;margin-top:14px}.home-record b{font:12px var(--pixel);color:#efd598}.home-record small{display:none}.home-footer{font:12px var(--pixel);text-shadow:none;gap:14px;justify-content:center;flex-wrap:wrap}.home-footer>span{display:none}.home-footer a{font-size:12px;color:#d0e0c2}.home-footer a[href*="unity"]{display:none}
/* All dialogs use the same blue console palette. */
.roster-grid{gap:10px}.roster-card{border:2px solid #456d80;border-radius:0;background:#102b43;color:#e4e8cc;padding:8px;min-height:82px}.roster-card:hover{background:#21495b;border-color:#92b6a7}.roster-card.chosen{border:2px solid #a8d7ac;background:#285655;padding:8px}.roster-card strong{font:14px var(--pixel);color:#f1e4ba}.roster-card small{color:#9bb8b9;line-height:1.6}.roster-card em{font-size:12px}.roster-card>span{color:#c4dfa7}.roster-preview{background:#102b42;padding:18px}.roster-preview strong{font:18px var(--pixel);color:#e3d99e}.roster-preview p{color:#b1cbc4}.roster-preview small{color:#b1cbc4}.evolution-forms small{font-size:12px}.evolution-forms>span{color:#e6d08e}.account-form{margin:20px auto 6px;gap:16px}.account-form label{font:12px var(--pixel);color:#d1dfca;gap:8px}input:not([type=checkbox]){font:14px var(--pixel)!important;border:2px solid #6b939f;border-radius:0;padding:12px;background:#0c2438;color:#f3e5ba;box-shadow:inset 2px 2px 0 #06182b}input::placeholder{color:#7f9da7}input:focus{outline:2px solid #a0cfb0;outline-offset:2px}.auth-switch{font:12px var(--pixel);color:#a9c0be}.auth-switch button{color:#f2d184}.form-error{border-radius:0;background:#512e3b;border:1px solid #b98583;color:#ffd4b9;font:12px var(--pixel)}.social-layout h3{font:18px var(--pixel);color:#d3e6cc}.text-button{font:12px var(--pixel);color:#b6d5c7}.friend-row{background:#102b42;border:1px solid #50788a;border-radius:0;padding:13px}.friend-row strong{color:#e6ead4;font-size:14px}.friend-row small{color:#a4c4b9}.friend-avatar{border-radius:0;background:#2e5b63;border:1px solid #80b5ab;color:#ebebbd}.row-actions button{border-radius:0;background:#295b60;border:1px solid #81b2a5;color:#e6ebce;font:12px var(--pixel)}.row-actions .subtle{color:#b5c8c0}.room-create{background:#153c50;border-color:#4f7c89;padding:20px}.room-create h3{color:#ecd293}.room-emblem{display:none}.or-line{font-size:12px;color:#adc5bb}.empty-state{background:#102b42;border:1px dashed #4b7583;color:#b5cbc1;border-radius:0;font-size:12px;padding:28px 15px}.empty-state small{color:#8eacab}.room-code{font:24px var(--pixel);color:#f1d188}.room-player{background:#12334a;border:2px solid #507e8d;border-radius:0;padding:16px 8px}.room-player strong{color:#e9edd4;font-size:14px}.room-player small{color:#a6c9bf}.room-player.empty{background:#112d42;border-color:#4d707e}.room-player.empty>span{color:#739c9a}.ready-label{background:#2d4a54;color:#aec3ba;font:12px var(--pixel);border-radius:0;border:1px solid #547b85;padding:6px 9px}.ready-label.yes{background:#386454;color:#def0b7;border-color:#90b997}.guide-steps{margin:18px 0;gap:13px}.guide-steps>div{gap:15px;align-items:center}.guide-steps b{border-radius:0;border:1px solid #6a928f;background:#214658;font:18px var(--pixel);color:#e4d493;padding:10px}.guide-steps strong{font:14px var(--pixel);color:#e6e8c9}.guide-steps p{color:#b0cbc2;font-size:12px;line-height:1.7}.big-badge{filter:none}.stat-grid{grid-template-columns:repeat(3,1fr)}#networkStatus{font:12px var(--pixel);border-radius:0;background:#183e53;border:1px solid #76a0a5;top:150px;left:18px}
@media(min-width:1600px){.home-layout{grid-template-columns:minmax(0,1fr) 340px;gap:90px}.home-hero .champion-title{font-size:60px!important}.hero-partner{width:288px;height:240px}.hero-partner canvas{width:276px;height:230px}.nav-item{padding:18px}.nav-item strong{font-size:24px}.primary-nav strong{font-size:24px}}
@media(max-width:1050px){#topbar{gap:14px}.badge-panel{width:174px}.player-panel{width:210px}.moves-panel{min-width:244px}.move-slot{width:72px}.home-layout{gap:25px}.home-counters>span{display:none}.run-numbers{gap:14px}}
@media(max-width:700px){#topbar{top:12px;left:12px;right:12px;gap:9px}.location{padding:8px 9px;gap:6px}.location strong{font-size:14px}.location>span{width:18px;font-size:16px}.run-numbers{gap:11px;padding:6px 9px}.run-numbers small{font-size:12px!important}.run-numbers strong{font-size:18px}.icon-button{width:34px;height:36px}#soundButton{display:none}#objective{top:82px;left:12px;max-width:calc(100vw - 142px);padding:8px 10px}#hud>.minimap-panel{right:12px;top:82px;width:106px;height:132px}.minimap-panel canvas{width:106px;height:106px}.minimap-panel>span{font-size:12px;padding:3px 2px}#toast{top:220px;max-width:85%;font-size:12px}#hud{left:12px;right:12px;bottom:25px;gap:8px}.player-panel{width:100%;padding:8px}.portrait{width:44px;height:44px}.moves-panel{min-width:0;padding:5px;gap:5px}.move-slot{width:25%;min-height:64px;padding:4px 2px}.move-slot strong{font-size:12px;margin:5px 0}.move-slot .move-symbol{font-size:16px;line-height:17px}.move-slot small{display:none}.badge-panel{width:100%;padding:8px 10px}#badges{margin:6px 0;gap:7px}#hud .badge-panel>small{font-size:12px}.home-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.home-hero .champion-title{font-size:36px!important}.hero-partner{width:210px;height:180px}.hero-partner canvas{width:200px;height:168px}.home-nav{padding:9px}.nav-item{padding:13px 9px;gap:10px}.nav-item strong{font-size:18px}.primary-nav strong{font-size:18px}.home-record{padding:10px;gap:8px}.home-footer>span{display:none}.roster-card strong{font-size:12px}.roster-card small{font-size:12px}.roster-grid{gap:7px}.roster-card{padding:7px;min-height:72px}.roster-card.chosen{padding:7px}.roster-card canvas{width:42px;height:48px}#modal{padding:25px 18px}.choice-list{gap:9px}.choice{padding:16px 12px;min-height:150px}.choice strong{font-size:18px}.choice .symbol{margin-bottom:12px}.social-layout{gap:18px}.stat-grid{gap:8px}.stat-grid>div{padding:12px}.guide-steps strong{font-size:12px}.modal-actions{gap:8px;flex-wrap:wrap}#networkStatus{top:145px;left:12px;max-width:calc(100vw - 145px);font-size:12px}}
@media(max-width:480px){.location>span{display:none}.run-numbers{gap:9px}.run-numbers strong{font-size:18px}.run-numbers small{display:none!important}#topbar nav{gap:6px}.home-top{gap:8px}.home-mark{display:none}.home-counters{margin-left:auto}#mainMenu{padding:15px 16px}.home-layout{display:flex;flex-direction:column;gap:24px;margin:20px auto}.home-hero .champion-title{font-size:36px!important;margin-bottom:13px}.home-hero .champion-title span{font-size:18px;letter-spacing:4px}.hero-partner{margin-top:5px;width:210px;height:174px}.hero-partner canvas{width:200px;height:168px}.partner-selector{margin-top:15px}.partner-selector strong{font-size:18px}.hero-evolution{margin-top:9px}.home-sidebar{max-width:340px;align-self:center}.nav-item{padding:13px}.home-footer{font-size:12px}.choice-list{grid-template-columns:1fr}.choice{min-height:94px;display:grid;grid-template-columns:35px 1fr;gap:4px 10px;align-content:center;padding:13px}.choice .symbol{grid-column:1;grid-row:1/4;align-self:center;margin:0}.choice strong{font-size:18px;grid-column:2;margin:0 0 4px}.choice small,.choice em{grid-column:2;margin:0}.choice em{margin-top:4px}.modal-actions>button{flex:1;justify-content:center;padding:10px 12px}.roster-grid{grid-template-columns:repeat(2,1fr)}.roster-card small{display:none}.roster-preview{padding:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.room-slots{grid-template-columns:repeat(2,1fr)}.room-player.empty{min-height:150px}.friend-row{padding:9px;gap:7px}.friend-avatar{display:none}.row-actions{gap:3px}.row-actions button{padding:6px}.inline-form{gap:6px}.inline-form button{padding:10px 8px}.inline-form input{font-size:12px}.home-counters>button{padding:8px 12px}.guide-steps b{font-size:18px;padding:7px}#bossHud{width:calc(100vw - 36px);top:80px}#bossHud small{display:none}}

.moves-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.move-slot{width:auto}.home-mark>span:last-child{display:none}