:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--surface:#0f1822;--fg:#eef3f8;--muted:#a9b8c6;--accent:#ffd166;--accent-ink:#1d1a10;--button:#2c5f8a;--button-ink:#f5fbff;--focus:#9be7ff;--touch:#18283ae6;--touch-active:#3f78aaf2;--gutter:16px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.shell{width:100%;height:100%;min-height:0;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.stage{flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}.hud{top:8px;left:var(--gutter);right:var(--gutter);pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.hud[hidden],.touch[hidden]{display:none}.hud-chip{background:var(--surface);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:600}.hud-button{pointer-events:auto;margin-left:auto;position:relative}.hud-button:after{content:"";position:absolute;inset:-14px}.hud-button,.panel-button,.touch-button{font:inherit;cursor:pointer;background:var(--button);color:var(--button-ink);-webkit-tap-highlight-color:transparent;border:0;border-radius:10px}.hud-button{background:var(--surface);padding:6px 12px;font-size:14px}.panel{width:min(calc(100% - 2 * var(--gutter)), 360px);max-height:calc(100% - 2 * var(--gutter));background:var(--surface);text-align:center;border-radius:16px;padding:20px 20px 18px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 12px 36px #00000073}.panel[hidden]{display:none}.panel h1,.panel h2{margin:0 0 8px;font-size:26px;line-height:1.15}.panel p{color:var(--muted);margin:0 0 12px;line-height:1.4}.controls-list{text-align:left;color:var(--muted);margin:0 0 16px;padding:0;font-size:14px;line-height:1.5;list-style:none}.controls-list strong{min-width:64px;color:var(--fg);display:inline-block}.panel-actions{flex-direction:column;gap:10px;display:flex}.panel-button{width:100%;min-height:48px;padding:10px 16px;font-size:16px;font-weight:600}.panel-button.secondary{background:#34445a}.mountain-list{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(64vh,510px);display:grid;overflow:auto}#panel-select{width:min(100% - 16px,440px)}.mountain-card{min-width:0;min-height:68px;padding:8px 10px}.mountain-card .card-meta{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(10px,2.8vw,12px);overflow:hidden}.mountain-card{text-align:left;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 6px;display:grid}.mountain-card .card-number{color:#1d1a10;background:#ffd166;border-radius:50%;grid-row:1/span 2;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.mountain-card .card-title{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:clamp(12px,3.4vw,15px);line-height:1.1}.card-title{font-size:16px;font-weight:700}.card-meta{color:#d6e2ec;font-size:13px;font-weight:500}.card-meta.card-meta-master{color:#ffd6ec;font-weight:800}.tally{text-align:left;border-top:1px solid #2c3d4f;margin:0 0 12px;padding:10px 0 0;font-size:15px;list-style:none}.tally li{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.tally output{font-variant-numeric:tabular-nums;font-weight:700}.tally .tally-total{border-top:1px solid #2c3d4f;margin-top:4px;padding-top:6px;font-size:17px}.tally-hint{font-size:13px}.panel-button:focus-visible,.hud-button:focus-visible,.touch-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.touch{padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:#070a0e;flex:none;justify-content:space-between;gap:12px;display:flex}.touch-group{gap:10px;display:flex}.touch-button{background:var(--touch);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:64px;min-height:56px;padding:8px 14px;font-size:18px;font-weight:700}.touch-button.accent{min-width:88px}.touch-button#touch-swing{background:#65543b}.touch-button.active{background:var(--touch-active)}@media (min-width:720px) and (min-height:560px){.panel h1,.panel h2{font-size:30px}}@media (min-width:360px) and (max-width:420px){.hud{flex-wrap:nowrap;gap:4px;left:8px;right:8px}.hud-chip{text-overflow:ellipsis;flex:0 auto;min-width:0;padding:3px 5px;font-size:11px;overflow:hidden}.hud-button{flex:none;margin-left:auto;padding:4px 7px;font-size:11px}.touch{gap:6px;padding-left:8px;padding-right:8px}.touch-group{gap:6px}.touch-button{min-width:48px;min-height:52px;padding:7px 9px}.touch-button.accent{min-width:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}