#menu{background:linear-gradient(90deg,#060c10f5,#0a141bdd 58%,#111a20c9),url('/assets/textures/sky.png') center/cover}#menu .panel{width:min(1120px,96vw);border:1px solid #51625e;background:linear-gradient(130deg,#0e181de8,#101519f5);box-shadow:0 25px 90px #000b;padding:30px}.launchGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.launchGrid h2{font-size:18px;color:#e4dcc7;font-weight:500;letter-spacing:2px}.launchGrid .modeRow{display:grid;gap:14px;margin:14px 0}.launchGrid .modeRow label{min-width:0}.launchGrid select,.launchGrid input{border:1px solid #536561;background:#101e23;color:#e1e6d8;max-width:100%}.launchGrid .row{flex-wrap:wrap}.launchGrid .row input{min-width:120px;flex:1}.launchGrid #join{width:100%;margin:10px 0;background:#c99e64;color:#151b1d;border-color:#e2bf8e;font-weight:800}.launchGrid .lead{font-size:13px;line-height:1.7}.launchGrid .fine{line-height:1.7}.characterStage{position:relative;border:1px solid #374b4c;background:radial-gradient(ellipse at 50% 70%,#35545788,transparent 60%),linear-gradient(#101d23,#0b1217);text-align:center}.characterStage:after{content:'';position:absolute;bottom:30px;left:22%;width:56%;height:25px;border:1px solid #8ebbae66;border-radius:50%;pointer-events:none}.characterStage canvas{display:block;width:100%;height:280px;object-fit:contain;position:relative;z-index:1}.characterStage span{position:absolute;top:14px;left:16px;font-size:9px;letter-spacing:3px;color:#9fc0b3}.customFields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.customFields label{display:grid;gap:6px;font-size:10px;color:#aec6bc}.customFields select{padding:9px;font-size:11px}.customFields label:first-child{grid-column:1/-1}.menuTools{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.menuTools button,.menuTools a{font-size:11px;padding:11px 14px}.difficultyHint{min-height:48px;border-left:2px solid #c99e64;padding:8px 12px;background:#ffffff05;color:#b1c8c1;font-size:11px;line-height:1.6}.optionsHelp{font-size:11px;text-align:left;line-height:1.7;color:#aebeb7;margin:5px 0 16px;border-left:2px solid #597b77;padding-left:10px}.settingsPage label{display:flex;justify-content:space-between;align-items:center;gap:10px}.settingsPage h3{color:#dbc79e;font-size:13px;letter-spacing:1px;text-align:left;margin-top:24px}#pause .panel{max-width:720px!important}.bindingGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bindingRow{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#c4d1c8;font-size:11px}.bindingRow button{font-size:10px;min-width:90px;padding:8px;border:1px solid #4c6466}.bindingRow button.listening{border-color:#e6b976;color:#ffd398}.face{width:76px;height:76px;font-size:0!important;background:none!important;filter:none!important;overflow:hidden}.face:before,.face:after{display:none!important}.face canvas{width:76px;height:76px;image-rendering:pixelated}.portrait{background:#182529}.face.critical{box-shadow:inset 0 0 15px #c33}#fpsCounter{position:fixed;left:15px;top:125px;color:#9cd0b1;font:11px monospace;z-index:9;pointer-events:none}#menu .controls{grid-template-columns:repeat(4,1fr);margin:15px 0 0}.edition{display:flex;justify-content:space-between;border-bottom:1px solid #4d625a;padding-bottom:15px;margin-bottom:22px;font-size:10px;color:#b5c7b9;letter-spacing:3px}.edition strong{color:#d4ac76}#menu .logo{font-size:46px;text-align:left}#menu .logo span{font-size:17px;letter-spacing:6px}@media(max-width:760px){.launchGrid{grid-template-columns:1fr}.launchGrid .characterStage canvas{height:230px}#menu .panel{padding:20px}.bindingGrid{grid-template-columns:1fr}#menu .logo{font-size:34px}.face,.face canvas{width:58px;height:58px}}

#menu #openJoinSetup{width:100%;margin:10px 0;background:#c99e64;color:#151b1d;border-color:#e2bf8e;font-weight:800}.joinSetupPanel input{width:100%;max-width:none}.pausePage .logo{text-align:center}.settingsPage{max-height:78vh;overflow:auto;padding-right:5px}


/* 6.10.20 · pause menu, operator identity and leaderboards */
#pause{background:linear-gradient(105deg,#050a0df2,#0a151ae8 52%,#10191ddf),radial-gradient(circle at 70% 28%,#33525866,transparent 34%);backdrop-filter:blur(3px)}
#pause .pausePanel{width:min(760px,94vw)!important;max-width:760px!important;position:relative;overflow:hidden;text-align:left!important;border:1px solid #536866;border-top:3px solid #d98b55;background:linear-gradient(145deg,#122127f7,#0a1115fa 64%,#121719f7);box-shadow:0 28px 100px #000,0 0 0 1px #0a0f11 inset;padding:0!important}
#pause .pausePanel:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 68%,#e58b4d0b 68% 69%,transparent 69%),repeating-linear-gradient(0deg,#fff0 0 4px,#fff008 5px);opacity:.55}
.pauseChrome{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid #43595a;background:#081115cc;font-size:9px;letter-spacing:.18em;color:#8fa8a3}.pauseChrome b{color:#d9b17d;font-weight:700}.pausePage{position:relative;z-index:1;padding:26px 30px 30px}.pauseBrand{display:grid;gap:5px;padding:8px 0 18px;border-bottom:1px solid #304447}.pauseBrand>span{font-size:9px;letter-spacing:.24em;color:#8eb7af}.pauseBrand>strong{font-size:48px;line-height:1;color:#eee9dc;letter-spacing:.07em;text-shadow:3px 3px #32484d,6px 6px #06090b}.pauseBrand>small{font-size:10px;color:#8da09b;letter-spacing:.04em}.pauseState{margin:16px 0 4px!important;border-left:3px solid #6f837e!important;border-top:0!important;border-right:0!important;border-bottom:0!important;background:linear-gradient(90deg,#1b2c31cc,#10171aaa)!important;padding:10px 13px!important}.pauseActions{gap:8px!important;margin-top:14px!important}.pauseActions button{position:relative;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left!important;align-items:center;min-height:58px;padding:12px 16px!important;border:1px solid #455c5d!important;border-left:3px solid #6f8582!important;background:linear-gradient(100deg,#18292e,#10191d)!important;box-shadow:inset 0 0 0 1px #0c1214,2px 3px 0 #050708!important;transition:transform .12s ease,filter .12s ease,border-color .12s ease}.pauseActions button:hover{transform:translateX(4px);border-color:#87a29d!important;filter:brightness(1.15)}.pauseActions button>span{grid-column:1;font-size:13px;letter-spacing:.1em;color:#e7e6dc}.pauseActions button>small{grid-column:1;font-size:9px;text-transform:none;letter-spacing:.05em;color:#829892;margin-top:3px}.pauseActions button:after{content:'›';grid-column:2;grid-row:1/3;font-size:27px;color:#6e918a}.pauseActions .pausePrimary{border-left-color:#e0a66c!important;background:linear-gradient(100deg,#4b3221,#192328 72%)!important}.pauseActions .pausePrimary>span,.pauseActions .pausePrimary:after{color:#ffd19b}.pauseActions .dangerButton{border-left-color:#b94f44!important;background:linear-gradient(100deg,#3b1817,#171a1c 72%)!important}.pauseActions .dangerButton>span,.pauseActions .dangerButton:after{color:#ef8c7f}.pauseHint{text-align:center;margin-top:18px;color:#657976;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.pauseBack{background:linear-gradient(#23363b,#152226)!important;border-color:#536b6c!important}.settingsPage{padding:26px 30px 30px!important}.settingsPage .logo,.pausePage>.logo{text-align:left!important;color:#ede8d9;text-shadow:2px 2px #31484e,4px 4px #050708!important}.settingsPage label{padding:10px 0;border-bottom:1px solid #243739}.settingsPage input[type=range]{accent-color:#d88d58}
.callsignCard{position:relative;margin-bottom:16px;padding:16px;border:1px solid #917254;border-left:4px solid #e0a365;background:linear-gradient(105deg,#35261ba8,#142328 65%);box-shadow:inset 0 0 0 1px #0d1517}.callsignStep{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:#d9bd96;font-size:9px;letter-spacing:.14em}.callsignStep span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d59a5f;color:#ffd6a4;background:#251a13;font-weight:800}.callsignCard>label{display:block;color:#fff0d6;font-size:15px;font-weight:900;letter-spacing:.09em;margin-bottom:7px}.callsignCard input{font-size:20px!important;letter-spacing:.08em;text-transform:none;border:1px solid #d59a5f!important;background:#071014!important;color:#fff2df!important;box-shadow:0 0 0 2px #0b1114,0 0 22px #d58e4230}.callsignCard input:focus{border-color:#ffd19b!important;box-shadow:0 0 0 2px #1d2f32,0 0 30px #dc944d55}.callsignCard p{margin:9px 0 0;color:#9db4ae;font-size:10px;line-height:1.55}.callsignCard p b{color:#e4b980}
.leaderboardButton{background:linear-gradient(#3a5960,#20373d)!important;border-color:#6f8f8b!important;color:#e5f0e8!important}.leaderboardButton:before{content:'★ ';color:#e3b875}.leaderboardPanel{width:min(1060px,96vw)!important;max-height:92vh!important;overflow:auto!important}.leaderboardHeader{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.scoreFormula{display:grid;grid-template-columns:repeat(2,auto);gap:5px 12px;min-width:250px;padding:13px 15px;border:1px solid #3e585a;background:#0b171b;color:#a9bbb5;font-size:10px}.scoreFormula b,.scoreFormula small{grid-column:1/-1}.scoreFormula b{color:#dfb57e;letter-spacing:.12em}.scoreFormula small{color:#738783}.leaderboardControls{display:grid;gap:10px;margin:22px 0 12px}.leaderModeTabs,.leaderSortTabs{display:flex;gap:7px;flex-wrap:wrap}.leaderModeTabs button,.leaderSortTabs button{padding:8px 11px;font-size:9px;background:#17262b;border:1px solid #41585a;color:#aebfba;box-shadow:none}.leaderModeTabs button.active,.leaderSortTabs button.active{background:#563922;border-color:#d8995e;color:#ffe0b8}.leaderSortTabs button.active{background:#24433f;border-color:#71a79c;color:#bff3e8}.leaderTableWrap{overflow:auto;border:1px solid #354b4e;background:#091216}.leaderTable{width:100%;border-collapse:collapse;font-size:11px;min-width:720px}.leaderTable th{position:sticky;top:0;background:#142328;color:#d6b27f;font-size:9px;letter-spacing:.1em;padding:10px 8px;text-align:left}.leaderTable td{padding:10px 8px;border-top:1px solid #24383b;color:#c7d3cd}.leaderTable tr:nth-child(-n+3) td:first-child{color:#f1bf76;font-weight:900}.leaderTable .leaderName{color:#f0e7d5;font-weight:800}.leaderDetailBtn{padding:6px 8px!important;font-size:8px!important;background:#1a2d32!important;border:1px solid #4b6264!important;box-shadow:none!important}.leaderboardDetail{margin-top:10px;border:1px solid #465d5e;border-left:3px solid #d3955e;background:#0d191d;padding:14px}.leaderboardDetail h3{margin:0 0 9px;color:#eee5d4;font-size:14px}.leaderStats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.leaderStat{padding:9px;background:#14252a;border:1px solid #2f4548;text-align:center}.leaderStat b{display:block;color:#e7b87f;font-size:16px}.leaderStat span{font-size:8px;color:#8fa39e}.leaderMeta{margin-top:9px;color:#80938e;font-size:9px}.leaderboardFooter{display:flex;justify-content:flex-end;margin-top:15px}.leaderboardFooter button{min-width:220px}.leaderEmpty{text-align:center;padding:28px!important;color:#788b86!important}.leaderboardHeader .lead b{color:#e4ba84}
@media(max-width:760px){#pause .pausePanel{width:96vw!important}.pausePage,.settingsPage{padding:18px!important}.pauseBrand>strong{font-size:38px}.pauseChrome{padding:11px 14px}.leaderboardHeader{grid-template-columns:1fr}.scoreFormula{min-width:0}.leaderboardPanel{padding:18px!important}.leaderStats{grid-template-columns:repeat(2,1fr)}.callsignCard>label{font-size:13px}.callsignCard input{font-size:17px!important}}

#leaderboardScreen{background:linear-gradient(105deg,#050a0df4,#0b161bea 58%,#111a20e2),radial-gradient(circle at 68% 30%,#31505755,transparent 36%)}#leaderboardScreen .panel{border:1px solid #516562;border-top:3px solid #d38b56;background:linear-gradient(135deg,#102027f6,#0b1216f8);box-shadow:0 28px 100px #000}

/* 6.10.25 viewport scaling for menus/windows. */
#menu .panel,#joinSetup .panel,#leaderboardScreen .panel{width:min(1120px,calc(100vw - clamp(12px,4vmin,44px)));max-height:calc(100dvh - clamp(12px,4vmin,44px))}
#mapWrap canvas{width:clamp(96px,20vmin,210px);height:clamp(96px,20vmin,210px)}
@media(max-width:900px){.edition{letter-spacing:clamp(1px,.35vw,3px)}.menuTools{gap:8px}.menuTools button,.menuTools a{padding:9px 11px}.joinSetupPanel .launchGrid{gap:18px}}
@media(max-width:560px){#menu .panel,#joinSetup .panel,#leaderboardScreen .panel{padding:14px!important}.edition{margin-bottom:12px}.characterStage canvas{height:clamp(180px,42vh,230px)!important}.callsignCard{padding:12px}.callsignCard input{font-size:16px!important}.menuTools button,.menuTools a{font-size:10px}.leaderModeTabs,.leaderSortTabs{gap:5px}}

.leaderPersonal{padding:12px 16px;border:1px solid #9c8656;background:#292e28;color:#ead7a0;border-radius:8px;font-size:14px;line-height:1.5}

/* Persistent navigation inside each options category, including short touch screens. */
#pause .pausePage{max-height:calc(100vh - 98px);max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain;margin:0;scroll-padding-top:82px}
#pause .pausePageHeader{position:sticky;top:0;z-index:4;align-self:start;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 0 12px;background:#1b120e;border-bottom:1px solid #765040;box-shadow:0 5px 10px #0005}
#pause .pausePageHeader .logo{font-size:clamp(18px,4vw,30px)!important;min-width:0;line-height:1.1;text-align:left}
#pause .pausePageHeader .pauseBack{flex:none;min-height:44px;margin:0;padding:10px 16px}

#pause{padding:12px}
#pause .pausePanel{max-width:calc(100vw - 24px)!important}
#pause :is(#pauseOptionsPage,#pauseGamePage,#pauseSoundPage,#pauseGraphicsPage){padding-top:0!important}