:root{--bg-deep: #0a0c10;--bg: #12161c;--panel: rgba(18, 24, 32, .92);--panel-border: rgba(232, 168, 86, .22);--text: #f2efe8;--muted: #9aa3b2;--accent: #e8a856;--accent-dim: #c4843a;--danger: #e63946;--warn: #ffba08;--gold: #ffd166;--surface: #1a212b;--rail: #6ec8c0;--font: "Outfit", system-ui, sans-serif;--font-display: "Syne", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--panel-radius: 6px 16px 6px 16px;--btn-on-accent: #1a1208;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}.home,.yard-ui{--bg-deep: #0a0c10;--bg: #12161c;--panel: rgba(18, 24, 32, .92);--panel-border: rgba(232, 168, 86, .22);--text: #f2efe8;--muted: #9aa3b2;--accent: #e8a856;--accent-dim: #c4843a;--surface: #1a212b}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-text-size-adjust:100%;touch-action:manipulation}body.game-active{touch-action:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}button{font-family:var(--font);cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.4rem;font-weight:600;font-size:.92rem;transition:transform .12s ease,background .15s ease,opacity .15s,filter .12s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:var(--btn-on-accent)}.btn-secondary{background:#ffffff14;color:var(--text);border:1px solid var(--panel-border)}.btn-danger{background:var(--danger);color:#fff}.btn-warn{background:var(--warn);color:#1a1400}.hidden{display:none!important}.home{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;overflow:auto}.home-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 15% 20%,rgba(232,168,86,.12),transparent 55%),radial-gradient(ellipse 60% 45% at 85% 70%,rgba(110,200,192,.1),transparent 50%),linear-gradient(165deg,#0a0c10,#141a22 45%,#0c1016)}.home-bg canvas{width:100%;height:100%;opacity:.85}.topnav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(1rem + var(--safe-top)) calc(1.6rem + var(--safe-right)) .6rem calc(1.6rem + var(--safe-left));background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topnav-brand{display:flex;flex-direction:column;line-height:1.05}.brand-row{display:flex;align-items:center;gap:.55rem}.brand-logo{width:40px;height:40px;border-radius:10px;flex-shrink:0;box-shadow:0 4px 14px #00000059}.logo{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:var(--text);text-transform:none}.logo .logo-accent{color:var(--accent)}.version{font-size:.68rem;color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.topnav-links{display:flex;gap:.2rem}.nav-link{background:transparent;color:var(--muted);text-transform:none;font-size:.92rem;letter-spacing:0;font-weight:600;padding:.5rem .85rem;border-radius:999px}.nav-link.active{color:var(--bg-deep);background:var(--accent)}.nav-link.disabled{opacity:.35}.topnav-right{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted)}.admin-daily-count{font-size:.78rem;color:var(--muted);opacity:.85;white-space:nowrap}.admin-daily-count.hidden{display:none}.btn-fullscreen{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:1rem;line-height:1;background:#ffffff14;color:var(--text);border:1px solid var(--panel-border);border-radius:8px}.btn-fullscreen:hover:not(:disabled){background:#e8a85633;color:var(--accent)}.btn-fullscreen-game{flex-shrink:0}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px #e6394680}.conn-dot.online{background:var(--accent);box-shadow:0 0 8px #e8a8568c}.home-main{position:relative;z-index:2;width:min(1040px,92vw);margin:0 auto;padding:.5rem 0 2.5rem;display:flex;flex-direction:column;gap:1.4rem}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;margin:-.2rem 0 .2rem}.home-tagline{margin:0;color:var(--muted);font-size:1.05rem;font-weight:600;max-width:28rem}.discord-invite{display:inline-flex;align-items:center;gap:.55rem;margin-left:auto;padding:.4rem .75rem .4rem .4rem;color:var(--text);text-decoration:none;font-size:.88rem;font-weight:700;background:#5865f224;border:1px solid rgba(88,101,242,.35);border-radius:999px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.discord-invite:hover{background:#5865f247;border-color:#5865f28c;color:#fff;transform:translateY(-1px)}.discord-invite-icon{width:28px;height:28px;flex-shrink:0;padding:4px;border-radius:50%;background:#ffffff0f}.player-bar{display:flex;align-items:stretch;gap:1rem;flex-wrap:wrap;padding:1rem 1.15rem;background:#121820b8;border:1px solid rgba(242,239,232,.08);border-left:3px solid var(--accent);border-radius:4px 16px 16px 4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-name-wrap{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:220px;justify-content:flex-end}.player-name-wrap span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.player-name-wrap input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--panel-border);background:#00000059;color:var(--text);font-family:var(--font);font-size:1.05rem;font-weight:600;outline:none;margin:0}.player-name-wrap input:focus{border-color:var(--accent)}.player-level-card{flex:1.2;min-width:220px;display:flex;flex-direction:column;gap:.4rem;justify-content:center}.player-level-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.player-level-label{font-weight:700;font-size:1.05rem;color:var(--text)}.player-xp-label{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.player-xp-track{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.player-xp-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dim),var(--rail));transition:width .35s ease}.next-reward{font-size:.78rem;color:var(--gold);font-weight:600}.meta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 50% at 20% 15%,rgba(232,168,86,.1),transparent 55%),#080a0ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.meta-modal{width:min(720px,96vw);max-height:min(80vh,640px);overflow:auto;background:#121820f0;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--accent);border-radius:6px 20px;padding:1.15rem 1.25rem 1.3rem;box-shadow:0 24px 60px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text)}.inventory-modal{width:min(880px,96vw);max-height:min(86vh,720px);overflow:hidden;overflow-x:hidden;display:flex;flex-direction:column}.meta-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-shrink:0;padding-bottom:.75rem;border-bottom:1px dashed rgba(242,239,232,.12)}.meta-modal-head h2{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.meta-close{padding:.35rem .7rem;font-size:.85rem;border-radius:999px}.meta-hint{margin-top:.85rem;color:var(--muted);font-size:.8rem;flex-shrink:0}.rangliste-modal{width:min(480px,96vw)}.rangliste-sub{margin:-.35rem 0 .85rem;color:var(--muted);font-size:.78rem;font-weight:600}.rangliste-top{display:flex;flex-direction:column;gap:.25rem}.rangliste-row{display:grid;grid-template-columns:2.6rem 1fr auto auto;gap:.55rem;align-items:center;padding:.55rem .7rem;background:#ffffff08;border:1px solid rgba(242,239,232,.06);border-radius:10px;font-size:.9rem}.rangliste-row.self{background:#e8a8561f;border-color:#e8a85659}.rangliste-row.compact{padding:.65rem .8rem;border-top:2px solid var(--accent)}.rangliste-rank{font-family:var(--mono);font-weight:800;text-align:center;color:var(--accent)}.rangliste-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rangliste-level{font-family:var(--mono);font-size:.78rem;color:var(--muted)}.rangliste-xp{font-family:var(--mono);font-size:.82rem;font-weight:700;color:var(--gold, var(--accent));white-space:nowrap}.rangliste-self-wrap{margin-top:.85rem}.rangliste-self-wrap.hidden{display:none}.rangliste-divider{margin-bottom:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rangliste-loading,.rangliste-empty{padding:1.2rem .75rem;text-align:center;color:var(--muted);font-size:.9rem}.inv-layout{display:grid;grid-template-columns:1.15fr .95fr;gap:1rem;min-height:0;flex:1;overflow:hidden}.inv-stage{position:relative;border-radius:4px 14px;overflow:hidden;border:1px solid rgba(242,239,232,.1);border-left:3px solid var(--accent);background:#12161c;min-height:280px;align-self:stretch;pointer-events:none}.inv-stage canvas{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain}.inv-stage-caption{position:absolute;left:.75rem;bottom:.65rem;padding:.25rem .55rem;border-radius:4px 10px;background:#0a0c10d1;border:1px solid rgba(232,168,86,.25);font-size:.78rem;font-weight:600;color:var(--text)}.inv-locker{display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:.2rem;overscroll-behavior:contain}.inv-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.inv-slot-card{display:flex;align-items:center;gap:.55rem;padding:.55rem .6rem;text-align:left;background:#121820b8;border:1px solid rgba(242,239,232,.08);border-left:2px solid transparent;color:var(--text);border-radius:4px 12px 12px 4px;min-width:0;overflow:hidden}.inv-slot-card:hover{border-color:#e8a85666;border-left-color:var(--accent);background:#e8a85614}.inv-slot-card-preview{width:52px;height:52px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#00000059;border:1px solid rgba(242,239,232,.08)}.inv-slot-card-preview canvas{width:52px;height:52px;display:block}.inv-slot-card-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;overflow:hidden}.inv-slot-card-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.inv-slot-card-name{font-weight:700;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-picker-head{display:flex;align-items:center;gap:.65rem}.inv-back{padding:.35rem .65rem;font-size:.8rem;border-radius:999px}.inv-picker-title{margin:0;font-size:1.05rem;font-weight:800}.inv-section-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .45rem}.inv-slots{display:none}.inv-items{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;align-content:start}.inv-items-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-empty{grid-column:1 / -1;color:var(--muted);font-size:.85rem;padding:1rem .25rem}.inv-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .35rem;background:#121820b8;border:1px solid rgba(242,239,232,.08);border-radius:4px 12px;color:var(--text)}.inv-item:hover{border-color:#e8a85659}.inv-item.equipped{border-color:var(--accent);box-shadow:inset 0 0 0 1px #e8a85659;background:#e8a85614}.inv-item.selected{outline:2px solid rgba(232,168,86,.65);outline-offset:1px}.inv-item-preview{width:56px;height:56px}.inv-item-preview canvas{width:56px;height:56px;display:block}.inv-item-name{font-weight:700;font-size:.8rem}.inv-item-meta{font-size:.68rem;color:var(--muted)}@media(max-width:720px){.inv-layout{grid-template-columns:1fr;overflow-y:auto;overflow-x:hidden}.inv-stage{min-height:200px;max-height:220px}.inv-stage canvas{max-height:200px}.inv-locker{max-height:min(45vh,360px)}}.xp-pass-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:.5rem .25rem .85rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(242,239,232,.28) transparent}.xp-pass-track::-webkit-scrollbar{height:6px}.xp-pass-track::-webkit-scrollbar-track{background:transparent;margin:0 .5rem}.xp-pass-track::-webkit-scrollbar-thumb{background:#f2efe847;border-radius:999px}.xp-pass-track::-webkit-scrollbar-thumb:hover{background:#f2efe873}.xp-pass-track::-webkit-scrollbar-button{display:none;width:0;height:0}.xp-node{flex:0 0 auto;width:72px;display:flex;flex-direction:column;align-items:center;gap:.45rem;scroll-snap-align:center}.xp-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--muted);background:#ffffff0f;border:2px solid rgba(255,255,255,.12)}.xp-node.reached .xp-circle{color:#1a1208;background:var(--accent);border-color:var(--accent)}.xp-node.current .xp-circle{box-shadow:0 0 0 3px #e8a8568c;transform:scale(1.08)}.xp-node.has-reward .xp-circle{box-shadow:0 0 0 3px #e8a85647}.xp-line{flex:0 0 28px;height:4px;margin-top:16px;background:#ffffff1f;border-radius:2px}.xp-line.filled{background:var(--accent)}.xp-reward{min-height:88px;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;font-size:.65rem;color:var(--muted);width:72px;padding:.35rem .2rem;border-radius:4px 10px;background:#1218208c;border:1px solid rgba(242,239,232,.06)}.xp-reward.empty{min-height:24px}.xp-reward-preview{width:48px;height:48px}.xp-reward-preview canvas{width:48px;height:48px}.player-hint{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35}.lobby-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:1.1rem;align-items:start;min-height:min(360px,42vh)}@media(max-width:860px){.lobby-grid{grid-template-columns:1fr}.topnav-links{display:none}}.lobby-modes{display:flex;flex-direction:column;gap:.85rem}.lobby-card{position:relative;display:grid;grid-template-columns:.95fr 1.15fr;text-align:left;padding:0;overflow:hidden;border-radius:6px 20px;background:#121820e0;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--accent);color:var(--text);box-shadow:0 20px 48px #0006}.lobby-card-disabled,.lobby-card:disabled{opacity:.45;filter:grayscale(.55);pointer-events:none;cursor:not-allowed;transform:none!important}.lobby-card-mode{min-height:132px;flex:0 0 auto}.lobby-card-tutorial{border-top-color:var(--rail)}.lobby-card-tutorial .lobby-cta{color:var(--bg-deep)}.lobby-map{position:relative;min-height:100%;overflow:hidden;border-right:1px dashed rgba(242,239,232,.12)}.lobby-map-sm{min-height:100%;max-height:none}.lobby-map-canvas{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05)}.lobby-map-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 40%,rgba(18,24,32,.55) 100%);pointer-events:none}.lobby-meta{position:relative;padding:1.1rem 1.15rem 1.2rem;margin-top:0;display:flex;flex-direction:column;justify-content:flex-end}.lobby-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.lobby-title-row h2{font-size:1.35rem;letter-spacing:-.02em;text-transform:none;margin:0;font-weight:800}.lobby-timer{font-family:var(--mono);color:var(--rail);font-size:.9rem;font-weight:600}.lobby-sub{color:var(--muted);font-size:.88rem;margin-top:.35rem}.lobby-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(242,239,232,.08)}.lobby-players{font-family:var(--mono);font-size:.82rem;color:var(--text)}.lobby-cta{color:var(--bg-deep);background:var(--accent);font-weight:700;font-size:.78rem;text-transform:none;letter-spacing:0;padding:.35rem .7rem;border-radius:999px}.quest-board{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem 1.15rem;background:#121820e0;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--rail);border-radius:6px 20px;box-shadow:0 20px 48px #0006;min-height:0;height:fit-content;align-self:start}.quest-board-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quest-board-head h2{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.quest-board-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:0;text-align:right;max-width:100%}.quest-board-day{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.quest-board-ttl{font-family:var(--mono);font-size:.72rem;color:var(--muted);opacity:.9}.quest-list{display:flex;flex-direction:column;gap:.65rem}.quest-row{padding:.55rem .65rem;border-radius:8px;background:#00000047;border:1px solid rgba(242,239,232,.06)}.quest-row.done{border-color:#6ec8c059;background:#6ec8c01a}.quest-row-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline;margin-bottom:.35rem}.quest-label{font-weight:700;font-size:.88rem}.quest-reward{font-family:var(--mono);font-size:.75rem;color:var(--accent);white-space:nowrap}.quest-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.quest-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:inherit;transition:width .25s ease}.quest-row.done .quest-bar-fill{background:linear-gradient(90deg,#3a9e96,var(--rail))}.quest-row-foot{margin-top:.3rem;font-size:.72rem;color:var(--muted);font-family:var(--mono)}.quest-month-teaser{margin-top:auto;padding-top:.65rem;border-top:1px dashed rgba(242,239,232,.12);font-size:.8rem;color:var(--muted);line-height:1.35;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem}.quest-month-teaser:hover{color:var(--text)}.quest-month-open{color:var(--accent);font-weight:700;font-size:.78rem;white-space:nowrap}.day-welcome-modal{max-width:480px}.day-welcome-lead{color:var(--muted);margin-bottom:.85rem;font-size:.95rem}.month-claim-modal{max-width:420px;text-align:center;padding:2rem 1.75rem 1.5rem}.month-claim-eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.month-claim-title{font-family:var(--font-display);font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.month-claim-xp{font-family:var(--font-display);font-size:3.2rem;font-weight:800;line-height:1;color:var(--accent);margin:.4rem 0 .75rem;text-shadow:0 0 40px rgba(232,168,86,.35)}.month-claim-detail{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem}.pick-name-modal{max-width:420px}.pick-name-lead{color:var(--muted);margin:0 0 1rem;font-size:.95rem}.pick-name-wrap{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.pick-name-wrap span{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pick-name-wrap input{font:inherit;font-size:1.15rem;font-weight:600;padding:.7rem .85rem;border-radius:8px;border:1px solid rgba(242,239,232,.18);background:#00000059;color:var(--text)}.pick-name-wrap input:focus{outline:none;border-color:var(--accent)}.meta-hint.error{color:var(--danger)}.tutorial-coach{position:absolute;left:12px;bottom:96px;z-index:40;max-width:min(340px,calc(100vw - 24px));pointer-events:none}.tutorial-coach.hidden{display:none}.tutorial-coach-card{pointer-events:auto;padding:.9rem 1rem 1rem;border-radius:10px;background:#0c1016eb;border:1px solid rgba(242,239,232,.14);border-left:3px solid var(--rail);box-shadow:0 12px 32px #00000073}.tutorial-coach-progress{display:flex;gap:.35rem;margin-bottom:.55rem}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:#f2efe833}.tutorial-dot.active{background:var(--rail);box-shadow:0 0 0 3px #78b4c840}.tutorial-dot.done{background:#78b4c88c}.tutorial-coach-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.tutorial-coach-body{margin:0 0 .85rem;color:var(--muted);font-size:.9rem;line-height:1.4}.tutorial-coach-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.tutorial-coach-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed}.tutorial-coach-actions .btn-secondary.hidden,.tutorial-coach-actions .btn-primary.hidden{display:none}.tutorial-highlight{outline:2px solid var(--rail)!important;outline-offset:2px;animation:tutorial-pulse 1.2s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 #78b4c859}50%{box-shadow:0 0 0 6px #78b4c800}}@media(max-width:900px){.tutorial-coach{left:8px;right:8px;bottom:110px;max-width:none}}.month-claim-actions{justify-content:center}.btn-month-claim{min-width:200px;font-size:1.05rem;padding:.9rem 1.6rem}.streak-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;margin:1rem 0 .75rem}.streak-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;font-family:var(--mono);font-size:.68rem;color:var(--muted);background:#00000047;border:1px solid rgba(242,239,232,.06)}.streak-day.past{color:#9aa3b273;background:#0000002e;border-color:transparent;opacity:.55}.streak-day.future{color:var(--muted);background:#00000038}.streak-day.today:not(.on){color:var(--text);border-color:#e8a8568c;background:#e8a8561f}.streak-day.on{color:var(--bg-deep);background:var(--accent);border-color:transparent;font-weight:700;opacity:1}.game-hud-actions{position:absolute;top:calc(8px + var(--safe-top));right:calc(186px + var(--safe-right));z-index:12;display:flex;align-items:center;gap:.4rem;transition:right .15s ease}#game-root:has(.leaderboard.collapsed) .game-hud-actions{right:calc(5.5rem + 20px + var(--safe-right))}#game-root:has(.leaderboard.collapsed) .quest-hud-panel{right:calc(5.5rem + 20px + var(--safe-right))}.btn-quest-hud{padding:.4rem .65rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text);background:#121820e6;border:1px solid rgba(242,239,232,.1);border-top:2px solid var(--rail);border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-quest-hud:hover,.btn-quest-hud.active{border-color:#6ec8c073;color:var(--rail)}.quest-hud-panel{position:absolute;top:calc(44px + var(--safe-top));right:calc(186px + var(--safe-right));width:220px;z-index:11;padding:.55rem .6rem .65rem;background:#121820f0;border:1px solid rgba(242,239,232,.1);border-top:2px solid var(--rail);border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 28px #00000073}.quest-hud-head{display:flex;flex-direction:column;gap:.2rem;font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem}.quest-hud-ttl{text-transform:none;letter-spacing:0;font-family:var(--mono);font-size:.62rem;opacity:.9;line-height:1.3}.quest-hud-panel .quest-row{padding:.4rem .45rem}.quest-hud-panel .quest-label{font-size:.78rem}@media(max-width:720px){.lobby-card,.lobby-card-mode{grid-template-columns:1fr}.lobby-map{min-height:140px;border-right:none;border-bottom:1px dashed rgba(242,239,232,.12)}.lobby-map-fade{background:linear-gradient(to top,rgba(18,24,32,.9) 0%,transparent 60%)}}.queue-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 50% at 20% 15%,rgba(232,168,86,.1),transparent 55%),#080a0ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.queue-modal{text-align:center;padding:2.2rem 2.5rem;background:#121820f0;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--accent);border-radius:6px 20px;min-width:340px;max-width:92vw;box-shadow:0 24px 60px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text)}.queue-modal h2{margin-bottom:.8rem;font-weight:800;letter-spacing:-.02em}.queue-info{color:var(--muted);margin:.8rem 0 1.2rem;font-family:var(--mono);font-size:.95rem;line-height:1.6}.queue-spinner{width:42px;height:42px;margin:0 auto 1.2rem;border-radius:50%;border:4px solid rgba(232,168,86,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu-actions{display:flex;flex-direction:column;gap:.75rem}.menu-actions button{width:100%}.menu-card{text-align:center;padding:3rem 3.5rem;background:#121820f0;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--accent);border-radius:6px 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #00000080;min-width:360px;max-width:92vw;color:var(--text)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;background:radial-gradient(ellipse 70% 50% at 20% 15%,rgba(232,168,86,.08),transparent 55%),#080a0ee0}.countdown-overlay{position:absolute;top:52px;left:0;right:0;bottom:auto;display:flex;align-items:flex-start;justify-content:center;z-index:30;padding-top:0;background:transparent;pointer-events:none}.countdown-stack{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:.75rem 1.25rem;border-radius:var(--panel-radius);background:#121820e0;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--accent);max-width:min(92vw,28rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-number{font-size:2.75rem;font-weight:800;color:var(--accent);text-shadow:0 0 20px rgba(232,168,86,.4);line-height:1}.countdown-hint{font-size:.95rem;font-weight:600;color:var(--text);opacity:.95}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;display:none}#game-root.active{display:block}.attack-screen-border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;box-shadow:inset 0 0 0 3px #e63946eb;animation:attack-border-pulse .7s ease-in-out infinite alternate}.attack-screen-border.hidden{display:none}@keyframes attack-border-pulse{0%{opacity:.55}to{opacity:1}}#game-root.placing-mode .panel-bottom,#game-root.placing-mode .leaderboard,#game-root.placing-mode .game-hud-actions,#game-root.placing-mode .quest-hud-panel,#game-root.placing-mode .action-panel,#game-root.placing-mode .debug-bar,#game-root.placing-mode .zoom-controls{pointer-events:none;opacity:.45}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none;z-index:1}.hud-top{position:absolute;top:calc(8px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;gap:.65rem;padding:.4rem .75rem;background:#121820e6;border:1px solid rgba(242,239,232,.1);border-top:2px solid var(--accent);border-radius:var(--panel-radius);z-index:10;font-family:var(--mono);font-size:.72rem;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;opacity:.95;color:var(--text);max-width:calc(100vw - 7.5rem);overflow-x:auto}.hud-top .stat span{color:var(--muted);margin-right:.25rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.hud-top .stat span.gold{color:var(--gold);font-weight:600;font-size:.72rem;text-transform:none;letter-spacing:0;margin-right:0}.hud-top .gps-total{color:var(--gold);font-weight:600;font-size:.72rem;text-transform:none;letter-spacing:0;opacity:.85;margin-left:.35rem;margin-right:0}.hud-top .gold{color:var(--gold);font-weight:600;display:inline-flex;align-items:center;gap:.28rem}.ico-gold{display:inline-block;width:1em;height:1em;flex-shrink:0;border-radius:50%;vertical-align:-.12em;position:relative;background:radial-gradient(circle at 32% 26%,#fff8d6,#ffd978 32%,#e8b84a 58%,#c4892a 82%,#9a6a1a);box-shadow:0 0 0 1.25px #7a5518,inset 0 1.5px 2px #ffffff8c,inset 0 -2px 3px #50320059}.ico-gold:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;border:1.25px solid rgba(122,85,24,.5);box-shadow:inset 0 0 0 .5px #ffe6a059;pointer-events:none}.ico-gold:after{content:"";position:absolute;top:18%;left:22%;width:28%;height:22%;border-radius:50%;background:#ffffff8c;filter:blur(.4px);pointer-events:none}.action-panel .ico-gold,.cost-hint .ico-gold{width:.95em;height:.95em}.leaderboard{position:absolute;top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right));width:170px;max-height:calc(100% - 120px - var(--safe-bottom));overflow:hidden;display:flex;flex-direction:column;background:#121820e6;border:1px solid rgba(242,239,232,.1);border-top:2px solid var(--accent);border-radius:var(--panel-radius);padding:.35rem .45rem .45rem;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.72rem;color:var(--text)}.lb-toggle{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;padding:.15rem .2rem .3rem;margin:0;background:transparent;color:var(--muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;cursor:pointer;border:none}.lb-toggle:hover{color:var(--text);background:#ffffff0a;transform:none}.lb-chevron{font-size:.7rem;opacity:.7;transition:transform .15s ease}.leaderboard.collapsed .lb-chevron{transform:rotate(-90deg)}.lb-rows{overflow-y:auto;min-height:0;flex:1 1 auto}.leaderboard.collapsed{width:auto;min-width:4.2rem;max-height:none;padding:.25rem .35rem}.leaderboard.collapsed .lb-rows{display:none}.leaderboard h3{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.lb-row{display:grid;grid-template-columns:1.1rem 1fr auto;gap:.3rem;padding:.18rem .25rem;font-size:.7rem;border-radius:4px;align-items:center}.lb-row.self{background:#e8a85624;font-weight:700}.lb-row .rank{color:var(--muted);font-family:var(--mono)}.lb-row .pct{font-family:var(--mono);color:var(--accent)}.btn-leave-float{position:absolute;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));z-index:12;padding:.35rem .7rem;font-size:.72rem;background:#e63946d9;color:#fff;border-radius:8px}.btn-leave-float:hover{background:var(--danger)}.fs-nudge{position:absolute;left:50%;bottom:calc(78px + var(--safe-bottom));transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:.55rem;max-width:min(420px,calc(100vw - 24px));padding:.45rem .55rem .45rem .75rem;background:#121820f5;border:1px solid rgba(232,168,86,.35);border-top:2px solid var(--accent);border-radius:var(--panel-radius);box-shadow:0 12px 28px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-nudge.hidden{display:none!important}.fs-nudge-text{font-size:.72rem;font-weight:600;color:var(--text);line-height:1.3}.fs-nudge button{flex-shrink:0;padding:.4rem .7rem;font-size:.72rem;white-space:nowrap}.build-popup{position:absolute;z-index:25;width:268px;min-width:240px;max-width:min(300px,calc(100vw - 20px));padding:.55rem .65rem .6rem;background:#121820f5;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--accent);border-radius:var(--panel-radius);box-shadow:0 16px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;overflow:hidden;box-sizing:border-box;color:var(--text);font-family:var(--font)}.build-popup-title{font-size:.68rem;font-weight:700;margin-bottom:.3rem;color:var(--text);letter-spacing:0;line-height:1.25;white-space:normal;overflow:visible;text-overflow:unset}.build-popup-body{font-size:.65rem;font-family:var(--mono);margin-bottom:.4rem;line-height:1.4;color:var(--muted)}.build-popup-body:empty{display:none;margin:0}.build-popup-body .gps{color:var(--gold, #e8a856);font-weight:600;font-size:.72rem;letter-spacing:.01em}.income-compare{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.2rem}.income-row{display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto;align-items:baseline;column-gap:.45rem;row-gap:.12rem;line-height:1.4}.income-row.next{padding-top:.28rem;border-top:1px dashed rgba(242,239,232,.12)}.income-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.income-val{font-family:var(--mono);font-weight:700;font-size:.8rem;min-width:0}.income-val.gold{color:var(--gold);display:inline-flex;align-items:center;gap:.28rem}.income-gain{font-family:var(--mono);font-size:.7rem;font-weight:700;color:#6ec8c0;margin-left:.2rem}.income-gain.flat{color:var(--muted);font-weight:600}.income-gain.neg{color:var(--danger)}.income-meta{font-size:.65rem;color:var(--muted);white-space:nowrap;justify-self:end}.income-extra{font-family:var(--mono);font-size:.72rem;color:var(--text);opacity:.92;padding-left:4.05rem}.attack-amount-wrap{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;width:100%;min-width:0;box-sizing:border-box;padding:0 4px}.attack-amount-wrap.hidden{display:none}.attack-amount-label{font-size:.68rem;font-weight:600;color:var(--text);flex:0 0 auto;min-width:2rem}.attack-amount-wrap input[type=range]{flex:1 1 auto;min-width:0;width:100%;max-width:100%;margin:0;box-sizing:border-box;accent-color:var(--accent)}.build-row{display:flex;justify-content:space-between;gap:.5rem}.build-row span{color:var(--muted)}.gold-txt{color:var(--gold)}.build-note{color:var(--muted);font-size:.65rem;margin-top:.25rem}.build-err{color:var(--danger);font-size:.72rem;margin-top:.25rem}.build-loading{color:var(--muted)}.build-popup-actions{display:flex;flex-wrap:wrap;gap:.4rem}.troop-split{font-family:var(--mono);font-size:.72rem;color:var(--text);margin-top:.35rem}.build-popup-actions button{flex:1 1 auto;min-width:0;padding:.38rem .45rem;font-size:.7rem;font-weight:600;white-space:nowrap}.panel-bottom{position:absolute;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:10;max-width:min(920px,calc(100% - 24px));width:auto}.zoom-controls{position:absolute;right:calc(10px + var(--safe-right));bottom:calc(78px + var(--safe-bottom));z-index:12;display:none;flex-direction:column;gap:.35rem}.zoom-controls button{width:2.5rem;height:2.5rem;padding:0;font-size:1.25rem;font-weight:700;line-height:1;color:var(--text);background:#121820eb;border:1px solid rgba(242,239,232,.12);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #00000059}.zoom-controls button:hover:not(:disabled){border-color:#e8a85673;color:var(--accent);transform:none}.action-panel{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;justify-content:center;background:#121820eb;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--accent);border-radius:var(--panel-radius);padding:.55rem .7rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px #0006}.action-panel button{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;padding:.42rem .7rem;font-size:.78rem}.hotbar-troop-cap{font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--text);padding:.35rem .55rem;border-radius:8px;background:#f2efe80f;border:1px solid rgba(242,239,232,.12);white-space:nowrap;-webkit-user-select:none;user-select:none}.cost-hint{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.15rem .3rem;text-align:center;font-size:.68rem;color:var(--muted);font-family:var(--mono);margin-top:.1rem}.toast{position:absolute;bottom:140px;left:50%;transform:translate(-50%);background:#121820f0;color:var(--text);padding:.6rem 1.2rem;border-radius:4px 12px;border:1px solid rgba(242,239,232,.12);border-left:3px solid var(--accent);z-index:40;font-weight:600;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 10px 28px #0006}.toast.show{opacity:1}.toast.toast-time{bottom:auto;top:42%;transform:translate(-50%,-50%);font-size:1.35rem;padding:.85rem 1.6rem;border-left-width:4px;letter-spacing:.02em}.toast.toast-time.show{animation:toast-time-pulse 3s ease-in-out}.toast.toast-center{bottom:auto;top:42%;transform:translate(-50%,-50%);font-size:1.25rem;padding:.85rem 1.6rem;border-left-width:4px;letter-spacing:.02em;text-align:center;line-height:1.35}.toast.toast-center.show{opacity:1}.toast-gold-loss{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.35rem;font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--gold);letter-spacing:.02em}.gps .gold{display:inline-flex;align-items:center;gap:.25rem}@keyframes toast-time-pulse{0%,to{opacity:.88;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.toast.error{background:#e63946eb;color:#fff;border-color:transparent;border-left-color:#fff}.disconnect-banner{position:absolute;top:70px;left:50%;transform:translate(-50%);background:var(--warn);color:#1a1400;padding:.5rem 1rem;border-radius:8px;z-index:40;font-weight:700;display:none}.disconnect-banner.show{display:block}.end-screen .end-card{display:flex;flex-direction:column;max-height:min(80vh,640px);overflow:hidden;width:min(420px,92vw);min-width:280px;padding-top:2rem;padding-bottom:1.25rem}.end-screen .end-card h2{flex-shrink:0;margin:0 0 .75rem}.end-list{flex:1 1 auto;min-height:0;overflow-y:auto;text-align:left;margin:0 0 .5rem;font-family:var(--mono);font-size:.9rem;padding-right:.25rem}.end-row{display:grid;grid-template-columns:2rem 1fr auto;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;padding:.45rem .55rem;border-bottom:1px solid var(--panel-border);border-radius:8px}.end-row .end-medal,.end-row .end-place{grid-row:1 / 3;justify-self:center}.end-row .end-name{grid-column:2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end-row .end-pct{grid-column:3;color:var(--muted);font-variant-numeric:tabular-nums}.end-row .end-flags{grid-column:2 / 4;font-size:.72rem;color:var(--muted)}.end-row.self{background:#e8a8561f;border:1px solid rgba(232,168,86,.4);box-shadow:inset 0 0 0 1px #e8a8561a}.end-place{font-weight:700;color:var(--muted);text-align:center}.end-medal{font-size:1.2rem;line-height:1;text-align:center}.end-medal.gold,.end-medal.silver,.end-medal.bronze{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.end-actions{flex-shrink:0;padding-top:.85rem;border-top:1px solid var(--panel-border)}.end-actions .btn-primary{width:100%}.death-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 45% at 50% 40%,rgba(230,57,70,.12),transparent 55%),#080a0ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.death-overlay.hidden{display:none}.death-card{text-align:center;padding:2rem 2.25rem;background:#121820f5;border:1px solid rgba(242,239,232,.1);border-top:3px solid var(--danger);border-radius:var(--panel-radius);box-shadow:0 20px 48px #0000008c;min-width:260px;max-width:90vw;color:var(--text)}.death-card h2{margin:0 0 .5rem;color:var(--danger)}.death-card p{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem}.death-actions{display:flex;gap:.6rem;justify-content:center}.death-actions button{flex:1;min-width:0}.debug-bar{position:absolute;top:40px;left:8px;z-index:15;display:none;flex-direction:column;gap:4px}.debug-bar.visible{display:flex}.debug-bar button{padding:.35rem .6rem;font-size:.72rem;background:#ffba0833;border:1px solid var(--warn);color:var(--warn)}.selection-info{display:none}@media(max-width:900px){.home{-webkit-overflow-scrolling:touch;touch-action:pan-y}.home-main{width:min(1040px,calc(100% - 1.2rem));padding:.35rem 0 calc(1.5rem + var(--safe-bottom));gap:1rem}.topnav{flex-wrap:wrap;gap:.55rem .75rem;padding:calc(.65rem + var(--safe-top)) calc(.85rem + var(--safe-right)) .45rem calc(.85rem + var(--safe-left))}.brand-logo{width:34px;height:34px}.logo{font-size:clamp(1.45rem,7vw,2rem)}.home-intro{flex-direction:column;align-items:stretch}.discord-invite{margin-left:0;align-self:flex-start}.player-bar{padding:.85rem .9rem}.player-name-wrap,.player-level-card{min-width:0;flex:1 1 100%}.queue-modal,.menu-card{min-width:0;width:min(400px,94vw);padding:1.4rem 1.2rem}.countdown-overlay{top:calc(52px + var(--safe-top));padding-left:.5rem;padding-right:.5rem}.countdown-number{font-size:2.1rem}.countdown-hint{font-size:.82rem}.game-hud-actions{top:auto;right:auto;left:calc(8px + var(--safe-left));bottom:calc(72px + var(--safe-bottom))}.quest-hud-panel{top:auto;right:auto;left:calc(8px + var(--safe-left));bottom:calc(112px + var(--safe-bottom));width:min(220px,calc(100vw - 24px));max-height:min(42vh,280px);overflow-y:auto}.leaderboard{width:min(150px,42vw);max-height:min(38vh,240px);top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right))}.leaderboard:not(.collapsed){max-height:min(42vh,260px)}.zoom-controls{display:flex}.hud-top{top:calc(8px + var(--safe-top));gap:.4rem;padding:.32rem .55rem;font-size:.68rem;max-width:calc(100vw - 6.5rem)}.hud-top .stat span{font-size:.58rem}.btn-leave-float{padding:.4rem .65rem;font-size:.7rem}.panel-bottom{bottom:calc(8px + var(--safe-bottom));max-width:calc(100% - 16px);width:calc(100% - 16px)}.action-panel{gap:.3rem;padding:.45rem .5rem;justify-content:flex-start;overflow-x:auto;flex-wrap:wrap;-webkit-overflow-scrolling:touch}.action-panel button,.hotbar-troop-cap{flex:0 0 auto;padding:.48rem .55rem;font-size:.72rem}.hotbar-troop-cap{padding:.32rem .45rem}.cost-hint{flex:1 0 100%;font-size:.62rem;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-popup{width:min(280px,calc(100vw - 20px));min-width:0;max-width:calc(100vw - 20px)}.build-popup-actions{flex-wrap:wrap}.build-popup-actions button{min-height:2rem;font-size:.72rem}.toast{bottom:calc(120px + var(--safe-bottom));max-width:calc(100vw - 24px);font-size:.85rem;text-align:center}.disconnect-banner{top:calc(56px + var(--safe-top));max-width:calc(100vw - 24px);font-size:.85rem}.debug-bar{top:calc(44px + var(--safe-top));left:calc(8px + var(--safe-left));max-width:46vw}.end-screen .end-card{max-height:min(85dvh,640px);width:min(420px,94vw)}}@media(max-width:560px){.topnav-right .conn-label,.admin-daily-count{display:none}.hud-top{left:calc(58px + var(--safe-left));right:calc(58px + var(--safe-right));transform:none;width:auto;max-width:none;justify-content:space-between}.leaderboard:not(.collapsed){max-height:min(36vh,200px)}.zoom-controls{bottom:calc(70px + var(--safe-bottom))}.zoom-controls button{width:2.75rem;height:2.75rem}.game-hud-actions{bottom:calc(68px + var(--safe-bottom))}.quest-hud-panel{bottom:calc(108px + var(--safe-bottom))}.action-panel{padding:.4rem}}@media(max-width:900px)and (max-height:480px)and (orientation:landscape){.hud-top{padding:.22rem .45rem;font-size:.62rem}.leaderboard:not(.collapsed){max-height:min(55vh,180px)}.panel-bottom{bottom:calc(4px + var(--safe-bottom))}.action-panel{padding:.3rem .4rem}.action-panel button{padding:.35rem .45rem;font-size:.68rem}.zoom-controls{bottom:calc(56px + var(--safe-bottom))}.game-hud-actions{bottom:calc(54px + var(--safe-bottom))}.quest-hud-panel{bottom:calc(94px + var(--safe-bottom));max-height:min(50vh,160px)}.toast{bottom:calc(88px + var(--safe-bottom))}}@media(hover:none)and (pointer:coarse){button{min-height:2.25rem}.btn-leave-float,.btn-quest-hud,.btn-fullscreen-game,.lb-toggle{min-height:2.35rem}.nav-link{min-height:2.4rem;padding:.55rem .9rem}.lobby-card{min-height:0}}