@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ui-ink: #212121;--ui-navy: #102937;--ui-navy-deep: #091d26;--ui-blue: #00447c;--ui-blue-deep: #002756;--ui-cyan: #0b7b9e;--ui-teal: #124d54;--ui-teal-deep: #094044;--ui-coral: #f9744b;--ui-coral-deep: #d84f2a;--ui-cream: #e1d9cf;--ui-cream-deep: #d6c4b0;--ui-white: #ededed;color:var(--ui-white);background:var(--ui-navy-deep);font-family:Inter,Arial,sans-serif;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{position:relative;isolation:isolate;width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden;background:#071923 url(/assets/menu-background.png) center / cover no-repeat}.app-shell:before{position:fixed;z-index:-2;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at center,#07192314 0,#07192314 24%,#07192399 88%),linear-gradient(90deg,rgba(4,18,27,.44),transparent 30%,transparent 70%,rgba(4,18,27,.44));pointer-events:none}.app-shell:after{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:#04121b14;pointer-events:none}.lobby-card{position:relative;z-index:2;width:min(860px,calc(100vw - 32px));padding:28px 42px 30px;border:1px solid rgba(103,225,215,.38);border-radius:28px;background:linear-gradient(145deg,#091d26e6,#002756db);box-shadow:0 34px 100px #00000094,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18);max-height:calc(100vh - 24px);overflow-y:auto;scrollbar-color:rgba(113,229,210,.45) transparent}.lobby-brand{margin-bottom:20px;text-align:center}.kicker{color:#72e5cf;font-size:11px;font-weight:800;letter-spacing:.22em}.main-logo{display:block;width:clamp(220px,31vw,300px);max-height:184px;margin:2px auto -12px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.58))}.lobby-brand p{margin:16px 0 0;color:#d6e4e3;font-size:17px;font-weight:500}#landing-view{width:100%;margin-inline:auto}.landing-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:18px;align-items:stretch}.landing-actions{min-width:0}.connection{position:absolute;top:16px;right:18px;display:flex;align-items:center;gap:6px;color:#658088;font-size:10px}.connection i{width:6px;height:6px;border-radius:50%;background:#ff6c7d}.connection.online i{background:#62e6ac;box-shadow:0 0 8px #62e6ac}.notice{min-height:24px;margin:-5px 0 10px;color:#a9c2c5;font-size:14px;text-align:center}.notice.error{color:#ff8490}.notice.success{color:#68e1b0}.notice.info{color:#78cadd}.lobby-card label{display:block;margin:0 0 8px;color:#a7c5c8;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.lobby-card input{width:100%;height:54px;padding:0 16px;border:1px solid rgba(118,218,205,.17);border-radius:12px;outline:0;color:#edfffb;background:#010d14a6}.lobby-card input:focus{border-color:#5edbc6;box-shadow:0 0 0 3px #5edbc61a}.lobby-card input::placeholder{color:#49656b}.primary,.join-row button{min-height:58px;border:0;border-radius:13px;color:#04241f;background:linear-gradient(180deg,#8affdb,#4fd3ad);font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff40,0 9px 20px #0000002e;transition:transform .14s,background .14s,box-shadow .14s,filter .14s}.primary:hover:not(:disabled),.join-row button:hover:not(:disabled){transform:translateY(-2px) scale(1.01);background:#73edc9;box-shadow:0 8px 24px #58dfb833}.primary:active:not(:disabled),.join-row button:active:not(:disabled){transform:translateY(0) scale(.985)}#create-room,#ready-button,#start-game,#start-solo{width:100%;margin-top:11px}.start-button{background:linear-gradient(180deg,#ffe274,#f3a84e);color:#3a2208}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.mode-grid button{width:100%;min-height:70px;margin:0}.mode-grid button span,.mode-grid button small{display:block}.mode-grid button small{margin-top:5px;font-size:10px;font-weight:700;letter-spacing:.08em;opacity:.72}.solo-button{background:linear-gradient(110deg,#0b7b9e,#44b7c2)}.multiplayer-button{width:100%;min-height:56px;margin-top:11px;border-radius:13px;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.primary.is-ready{color:#b6d0d1;background:#203c44}.divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#91b1b4;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#73c4be21}.join-card{padding:14px;border:1px solid rgba(103,225,215,.18);border-radius:16px;background:#03121b57}.join-row{display:grid;grid-template-columns:1fr 94px;gap:8px}#room-code{font-weight:800;letter-spacing:.18em;text-transform:uppercase}.room-code-row{display:flex;align-items:flex-end;justify-content:space-between;margin:3px 0 22px}.room-code-row strong{display:block;margin-top:3px;font-size:34px;letter-spacing:.13em}.invite-link{margin:-11px 0 16px;padding:9px 11px;overflow:hidden;border-radius:6px;color:#6f9296;background:#010d1480;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.quiet-button{padding:7px;border:0;color:#68d8c6;background:transparent;font-size:11px}.quiet-button:hover{color:#b4fff3}.leave-button{display:block;margin:11px auto -13px;color:#638086}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lobby-player{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:48px;padding:6px 9px 6px 7px;border:1px solid rgba(125,220,207,.12);border-radius:9px;color:#8ca8ac;background:#000c1266;font-size:10px}.lobby-player{min-height:54px;font-size:12px}.lobby-player span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player b{display:grid;width:26px;height:36px;place-items:center;border-radius:5px;color:#68dcca;background:#5cdfc114}.lobby-player em{color:#7f9da1;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.05em}.lobby-player.is-ready{border-color:#63e2ac4d;color:#edfffa}.lobby-player.is-ready em{color:#61dfa7}.ready-hint{margin:15px 0 3px;color:#607d82;font-size:11px;line-height:1.5;text-align:center}.map-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px;color:#b5d0d2;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.map-heading em{color:#58767c;font-size:8px;font-style:normal;letter-spacing:.05em}.menu-select{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(117,235,212,.35);border-radius:10px;color:#effffc;background:#102c49;font-size:14px;font-weight:800;outline:none}.menu-select:focus{border-color:#6ce3c6;box-shadow:0 0 0 3px #6ce3c624}.menu-select:disabled{color:#9eb4b7;opacity:.8}.selection-preview{margin:9px 0 15px;overflow:hidden;border:1px solid rgba(125,224,210,.2);border-radius:14px;background:linear-gradient(145deg,#193d5beb,#332760e6)}.map-selection-preview{display:grid;grid-template-columns:minmax(220px,46%) 1fr;min-height:178px}.map-selection-preview img{width:100%;height:178px;object-fit:cover}.selection-preview>div{display:grid;align-content:center;padding:16px 18px}.selection-preview strong{color:#fff0a8;font-size:17px}.selection-preview p{margin:7px 0 0;color:#bfd6d9;font-size:12px;line-height:1.55}.selection-preview.image-missing{background:linear-gradient(135deg,#24638c,#6b4e9b)}.relic-selection-preview{display:grid;grid-template-columns:58px 1fr;align-items:center;min-height:92px;padding:10px 14px}.relic-selection-preview .vector-icon{width:54px;height:54px}.relic-selection-preview>p{margin:0;color:#a9c6ca;font-size:13px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.map-card{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;min-height:54px;padding:7px;border:1px solid rgba(113,200,194,.16);border-radius:7px;color:#a9c7c6;background:#03131bad;text-align:left;transition:transform .14s,border-color .14s,background .14s}.map-card{border-radius:12px;background:linear-gradient(145deg,#234969e0,#172a4fe6);box-shadow:inset 0 1px #ffffff14}.map-card:hover:not(.guest-locked){transform:translateY(-1px);border-color:#65e5c980;background:#123039}.map-card.selected{border-color:#5ee0bd;background:#22544eb3;box-shadow:0 0 18px #4be0b81c}.map-card.guest-locked{cursor:default}.map-card i{display:block;width:38px;height:38px;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff24}.map-card span{min-width:0}.map-card strong,.map-card small{display:block}.map-card strong{color:#e8fffa;font-size:10px}.map-card small{margin-top:3px;overflow:hidden;color:#64868a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.connection-actions{display:flex;justify-content:center;gap:9px;margin-top:14px}.secondary-button,.recovery-panel button{min-height:38px;padding:0 15px;border:1px solid rgba(102,224,204,.35);border-radius:6px;color:#b9fff1;background:#15343c;font-weight:700;transition:transform .13s,background .13s}.secondary-button:hover,.recovery-panel button:hover{transform:translateY(-1px);background:#20505a}body{min-height:100vh;overflow:hidden;background:var(--ui-navy-deep)}.daily-button{width:100%;min-height:58px;border:1px solid rgba(255,213,118,.65);border-radius:13px;color:#fff2bd;background:linear-gradient(110deg,#704b9e,#c24f82);box-shadow:inset 0 1px #ffffff2e,0 9px 20px #0000002e;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .14s,filter .14s,box-shadow .14s}.daily-button:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.14);box-shadow:0 12px 28px #7834824d}.daily-button:active{transform:translateY(0) scale(.985)}.menu-links{display:flex;justify-content:center;gap:10px;margin-top:18px}.menu-links button,.menu-view-heading button,#codex-tabs button{min-height:38px;border:1px solid rgba(128,235,220,.25);border-radius:10px;color:#a8f4e7;background:#0e2c44cc;padding:8px 16px;font-size:11px;font-weight:800;text-transform:uppercase;transition:transform .14s,border-color .14s,background .14s}.menu-links button:hover,.menu-view-heading button:hover,#codex-tabs button:hover{transform:translateY(-1px);border-color:#f9744bb3;background:#124d54f5}.leaderboard-panel{min-width:0;padding:16px;border:1px solid rgba(11,123,158,.54);border-radius:17px;background:linear-gradient(155deg,#091d26f0,#002756e6);box-shadow:inset 0 1px #ffffff14,0 16px 34px #0000003d}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.leaderboard-heading span{display:block;color:#7cc8d5;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.leaderboard-heading h2{margin:3px 0 0;color:var(--ui-white);font-size:22px;line-height:1}.leaderboard-heading button{min-height:31px;padding:0 10px;border:1px solid rgba(249,116,75,.46);border-radius:8px;color:#ffd7ca;background:#d84f2a2b;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .14s,background .14s}.leaderboard-heading button:hover{transform:translateY(-1px);background:#d84f2a4d}.leaderboard-controls{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:7px 8px}.leaderboard-panel .leaderboard-controls label{margin:0;color:#8aadb1;font-size:8px}.leaderboard-panel .menu-select{min-height:38px;padding-inline:10px;font-size:10px}.leaderboard-scope{min-height:14px;margin:11px 0 8px;color:#719da5;font-size:8px;font-weight:700;letter-spacing:.04em;text-align:center}.leaderboard-status{display:grid;min-height:128px;margin:0;place-items:center;padding:18px 12px;border:1px dashed rgba(11,123,158,.36);border-radius:11px;color:#9ab5b8;font-size:10px;line-height:1.5;text-align:center}.leaderboard-status.loading{color:#77cedb}.leaderboard-status.error{color:#ff9b87}.leaderboard-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.leaderboard-entry{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;min-height:50px;padding:7px 9px 7px 7px;border:1px solid rgba(11,123,158,.31);border-radius:11px;background:#091d26ab}.leaderboard-rank{display:grid;width:25px;height:32px;place-items:center;border-radius:7px;color:var(--ui-navy-deep);background:linear-gradient(180deg,#ffac8e,var(--ui-coral));font-size:13px;font-weight:800}.leaderboard-entry:nth-child(2) .leaderboard-rank{color:#233640;background:linear-gradient(180deg,#edf2f3,#a7bac0)}.leaderboard-entry:nth-child(3) .leaderboard-rank{color:#3a250e;background:linear-gradient(180deg,#e6ad77,#ac7042)}.leaderboard-entry div{min-width:0}.leaderboard-entry strong,.leaderboard-entry small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-entry strong{color:var(--ui-white);font-size:10px}.leaderboard-entry small{margin-top:3px;color:#75979b;font-size:8px}.leaderboard-entry b{color:#ffd17a;font-size:12px;font-variant-numeric:tabular-nums}.vector-icon{width:42px;height:42px;overflow:visible;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22))}.relic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.relic-grid.compact{max-height:226px;overflow-y:auto;padding:2px}.relic-card{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;min-height:69px;padding:8px;border:1px solid rgba(133,211,225,.2);border-radius:12px;color:#dffcf8;background:linear-gradient(145deg,#203e65e6,#2d255ee0);text-align:left;transition:transform .14s,border-color .14s,filter .14s}.relic-card:hover{transform:translateY(-2px);filter:brightness(1.1)}.relic-card.selected{border-color:#7affe0;box-shadow:0 0 0 2px #6bffde26,0 8px 24px #0904334d}.relic-card span,.relic-card strong,.relic-card small,.relic-card em{display:block}.relic-card strong{color:#fff6bd;font-size:10px}.relic-card small{margin-top:3px;color:#a5c8d0;font-size:8px;line-height:1.35}.relic-card em{margin-top:2px;color:#ff9da8;font-size:7px;font-style:normal}.draft-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 9px;border-radius:8px;background:#091b3973}.draft-row strong{padding-right:10px;color:#9ebbc7;font-size:9px}.draft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.draft-grid button{display:flex;align-items:center;gap:5px;min-width:0;padding:5px;border:1px solid rgba(119,219,208,.2);border-radius:9px;color:#c7e8e5;background:#163652;font-size:8px;font-weight:700}.draft-grid button .vector-icon{width:30px;height:30px}.draft-grid button.selected{border-color:#7affe0;background:#265c64}.menu-view{min-height:460px}.menu-view-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.menu-view-heading h2{margin:0;color:#fff6bd;font-size:28px}#codex-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}#codex-tabs button.selected{color:#092a2a;background:#70e8c9}.codex-content{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:530px;padding-right:4px;overflow-y:auto}.codex-content article{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center;min-height:92px;padding:12px;border:1px solid rgba(124,207,221,.18);border-radius:13px;background:linear-gradient(145deg,#254c6ec7,#2f265ed1)}.codex-content h3{margin:0 0 5px;color:#fff1a8;font-size:13px}.codex-content p{margin:0;color:#a8c8ce;font-size:9px;line-height:1.45}.credits-card{padding:28px;border:1px solid rgba(118,235,211,.25);border-radius:16px;background:linear-gradient(145deg,#294e74cc,#462a66d1);text-align:center}.credits-card strong{color:#fff0a8;font-size:23px}.credits-card p{color:#b0d2d6;font-size:11px;line-height:1.6}.taunt-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.taunt-row button{min-height:25px;border:1px solid rgba(225,139,255,.25);border-radius:5px;color:#efc9ff;background:#32264e;font-size:7px;font-weight:800}.game-shell{width:100vw;height:100vh;padding:12px 12px 30px;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:7px}.hidden{display:none!important}.game-frame{width:100%;height:100%;min-height:0;display:grid;place-items:center}#game-canvas{width:100%;height:100%;display:grid;place-items:center;filter:drop-shadow(0 24px 54px rgba(0,0,0,.45))}#game-canvas canvas{display:block;max-width:100%;max-height:100%;border:1px solid rgba(113,231,211,.12);border-radius:14px;outline:none}.game-note{margin:0;color:#97c3bf7a;font-size:10px;font-weight:600;letter-spacing:.12em;text-align:center;text-transform:uppercase}.audio-controls{position:fixed;right:50%;bottom:12px;transform:translate(50%);z-index:200;display:flex;align-items:center;gap:11px;padding:8px 10px;border:1px solid rgba(110,224,207,.16);border-radius:10px;background:#04121ae0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.audio-controls button{min-width:70px;padding:5px 8px;border:0;border-radius:5px;color:#9fe9de;background:#133039;font-size:9px;font-weight:800;text-transform:uppercase}.audio-controls label{display:flex;align-items:center;gap:5px;color:#719096;font-size:9px;font-weight:700;text-transform:uppercase}.audio-controls input{width:68px;accent-color:#59dfb8}.chat-panel{position:fixed;left:14px;bottom:12px;z-index:180;width:300px;border:1px solid rgba(110,224,207,.18);border-radius:10px;overflow:hidden;background:#04121af0;box-shadow:0 14px 45px #0000004d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.chat-toggle{width:100%;min-height:34px;padding:0 11px;border:0;color:#a9e9df;background:#102d35;font-size:10px;font-weight:800;letter-spacing:.1em;text-align:left;text-transform:uppercase}.chat-toggle span{float:right;min-width:18px;padding:2px 5px;border-radius:8px;color:#08201e;background:#62e4b9;text-align:center}.chat-body{padding:8px}.chat-messages{height:125px;overflow-y:auto;display:grid;align-content:end;gap:5px;padding:2px}.chat-messages div{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:start;color:#a9c3c3;font-size:10px}.chat-messages b{color:#65dfc5}.chat-messages span{min-width:0;overflow-wrap:anywhere}.chat-messages time{color:#4e6b70;font-size:8px}#chat-form{display:grid;grid-template-columns:1fr 54px;gap:5px;margin-top:7px}#chat-form input{min-width:0;height:32px;padding:0 8px;border:1px solid rgba(106,196,188,.2);border-radius:5px;outline:0;color:#eafffa;background:#061820;font-size:10px}#chat-form button{border:0;border-radius:5px;color:#06231f;background:#59dfb8;font-size:9px;font-weight:800;text-transform:uppercase}.chat-panel.collapsed{width:120px}.recovery-panel{position:fixed;z-index:190;left:50%;top:50%;width:min(420px,calc(100vw - 32px));padding:25px;transform:translate(-50%,-50%);border:1px solid rgba(255,122,125,.45);border-radius:14px;color:#effffc;background:#081820fa;box-shadow:0 30px 100px #000000a6,0 0 45px #ff5c691f;text-align:center}.recovery-panel strong{display:block;color:#ff8d94;font-size:20px}.recovery-panel span{display:block;margin:9px 0 20px;color:#89a9ad;font-size:12px;line-height:1.5}.recovery-panel div{display:flex;justify-content:center;gap:9px}.score-submit-overlay{position:fixed;z-index:320;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#030d13c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-submit-card{width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:27px;overflow-y:auto;border:1px solid rgba(11,123,158,.72);border-radius:22px;background:linear-gradient(145deg,#091d26fc,#002756fa);box-shadow:0 30px 100px #000000ad,inset 0 1px #ffffff1a}.score-submit-kicker{color:#79c9d5;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.score-submit-card h2{margin:5px 0;color:var(--ui-white);font-size:30px}.score-submit-copy{margin:0 0 18px;color:#9ab5b8;font-size:12px}.score-run-summary{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px;margin-bottom:19px}.score-run-summary div{min-width:0;padding:11px 12px;border:1px solid rgba(11,123,158,.34);border-radius:11px;background:#091d26a8}.score-run-summary span,.score-run-summary strong{display:block}.score-run-summary span{color:#719da5;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.score-run-summary strong{margin-top:4px;overflow:hidden;color:#ffd17a;font-size:15px;text-overflow:ellipsis;white-space:nowrap}#score-submit-form label{display:block;margin-bottom:7px;color:var(--ui-cream);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#score-submit-name{width:100%;height:50px;padding:0 14px;border:1px solid rgba(11,123,158,.62);border-radius:11px;outline:0;color:var(--ui-white);background:#091d26eb}#score-submit-name:focus{border-color:var(--ui-coral);box-shadow:0 0 0 3px #f9744b29}.score-submit-status{min-height:20px;margin:8px 0;color:#91adb1;font-size:11px;line-height:1.45}.score-submit-status.loading{color:#77cedb}.score-submit-status.success{color:#68e1b0}.score-submit-status.error{color:#ff9b87}.score-submit-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.score-submit-actions .primary{min-height:52px}.score-submit-actions .quiet-button{min-width:108px;font-size:11px}.score-submit-board{margin-top:20px;padding-top:17px;border-top:1px solid rgba(225,217,207,.14)}.score-submit-board h3{margin:0 0 10px;color:var(--ui-white);font-size:17px}@keyframes connection-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.connection:not(.online) i{animation:connection-pulse 1.2s ease-in-out infinite}body{background:var(--ui-navy-deep)}.lobby-card{border-color:#0b7b9e94;background:linear-gradient(145deg,#091d26e6,#002756db)}.kicker,.selection-preview strong,.menu-view-heading h2,.codex-content h3{color:#ff9673}.lobby-brand p,.lobby-card label,.notice,.selection-preview p,.relic-selection-preview>p{color:var(--ui-cream)}.lobby-card input,.chat-panel input{border-color:#0b7b9e8c;color:var(--ui-white);background:#091d26eb}.lobby-card input:focus,.chat-panel input:focus{border-color:var(--ui-coral);box-shadow:0 0 0 3px #f9744b29}.primary,.join-row button{color:var(--ui-navy-deep);background:linear-gradient(180deg,#ff9673,var(--ui-coral))}.primary:hover:not(:disabled),.join-row button:hover:not(:disabled){background:#ff8964;box-shadow:0 8px 24px #f9744b40}.solo-button{color:var(--ui-white);background:linear-gradient(100deg,var(--ui-cyan),#3d9eb9)}.secondary-button,.recovery-panel button,.menu-links button,.menu-view-heading button,#codex-tabs button{border-color:#0b7b9e8c;color:var(--ui-cream);background:var(--ui-teal)}.menu-select{border-color:#0b7b9e9e;color:var(--ui-white);background:var(--ui-blue-deep)}.menu-select:focus{border-color:var(--ui-coral);box-shadow:0 0 0 3px #f9744b29}.selection-preview,.map-card,.relic-card,.codex-content article{border-color:#0b7b9e73;background:linear-gradient(145deg,#124d54f2,#002756f2)}.lobby-player{border-color:#0b7b9e61;color:var(--ui-cream);background:#091d26c7}.credits-card{padding:32px;border-color:#0b7b9e9e;background:linear-gradient(145deg,#124d54f7,#002756f7)}.credits-card .credit-prefix,.credits-card .credit-audio{margin:0;color:var(--ui-white);font-size:14px;font-weight:600;line-height:1.7}.credits-card .credit-name{display:block;margin:7px 0 18px;color:var(--ui-coral);font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.15;letter-spacing:.02em}.credits-card .credit-audio{padding-top:18px;border-top:1px solid rgba(225,217,207,.18)}.audio-controls,.chat-panel{border-color:#0b7b9e80;background:#091d26f5}@media(max-width:760px),(max-height:560px){.game-shell{padding:4px 4px 18px}.game-note{font-size:8px}#game-canvas canvas{border-radius:8px}.audio-controls{right:50%;bottom:4px}.audio-controls label{display:none}.chat-panel{left:5px;bottom:4px;width:250px}}@media(max-width:700px){.lobby-card{padding:24px 18px}.mode-grid,.map-selection-preview{grid-template-columns:1fr}.map-selection-preview img{height:150px}.relic-grid,.codex-content{grid-template-columns:1fr}.draft-grid{grid-template-columns:1fr 1fr}.lobby-players{grid-template-columns:1fr}.score-run-summary{grid-template-columns:1fr 1fr}.score-submit-actions{grid-template-columns:1fr}.score-submit-actions .quiet-button{min-height:40px}}@media(max-width:820px){.landing-grid{grid-template-columns:1fr}.leaderboard-panel{width:min(100%,520px);margin-inline:auto}.leaderboard-controls{grid-template-columns:62px minmax(0,1fr)}}@media(max-height:820px){.lobby-card{padding-block:18px 22px}.lobby-brand{margin-bottom:12px}.main-logo{width:220px;max-height:128px;margin-top:-6px}.lobby-brand p{margin-top:9px;font-size:14px}.mode-grid button{min-height:60px}.divider{margin-top:15px}.leaderboard-panel{padding:13px}.leaderboard-heading{margin-bottom:10px}.leaderboard-panel .menu-select{min-height:34px}.leaderboard-entry{min-height:45px}.game-shell{padding:3px 3px 43px;grid-template-rows:minmax(0,1fr)}.game-note{display:none}.audio-controls{right:50%;bottom:5px;padding:5px 7px}.chat-panel{left:6px;bottom:5px}}@media(max-width:1366px){.audio-controls label input{width:52px}.chat-panel{width:270px}}.compact-game .game-frame,.compact-game #game-canvas{min-width:0;min-height:0}