.sc-game{height:100dvh;min-height:600px;color:var(--hud-ink);font-family:var(--hud-body);-webkit-user-select:none;user-select:none;background:#7ec3f2;position:relative;overflow:hidden}.sc-game :is(button,a):focus-visible{outline:3px solid var(--hud-accent);outline-offset:3px}.sc-canvas{position:absolute;inset:0}.sc-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.sc-game .sc-topbar{z-index:30;color:var(--hud-ink);pointer-events:none;position:absolute;top:0;left:0;right:0}.sc-topbar>*{pointer-events:auto}.sc-mark{background:var(--hud-accent);color:var(--hud-ink);border-radius:13px;margin-right:3px;padding:9px;display:flex;transform:rotate(-7deg)}.sc-topbar .wordmark .title-dot{color:var(--hud-accent-strong);margin-left:-6px}.sc-hud-stack{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.sc-hud{pointer-events:none;justify-content:center;align-items:stretch;gap:10px;display:flex}.sc-hud-badge{background:var(--hud-card);border:1px solid var(--hud-edge);border-radius:var(--hud-radius);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hud-ink);pointer-events:auto;align-items:center;gap:10px;padding:9px 15px;transition:background-color .2s,border-color .2s;display:flex}.sc-hud-badge>svg{color:var(--hud-muted);flex:none}.sc-hud-badge.cleaned>svg{color:var(--hud-good)}.sc-hud-badge.tilt{text-align:center;border-width:2px;flex-direction:column;align-items:stretch;gap:5px;min-width:176px;max-width:220px}.sc-hud-badge.tilt.safe{border-color:color-mix(in srgb, var(--hud-good) 45%, var(--hud-edge))}.sc-hud-badge.tilt.warning{border-color:var(--hud-warn);background:var(--hud-card-strong)}.sc-hud-badge.tilt.danger{border-color:var(--hud-danger);background:color-mix(in srgb, var(--hud-danger) 14%, var(--hud-card-solid));animation:.6s infinite alternate sc-pulse}@keyframes sc-pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.sc-tilt-val{font:600 25px/1 var(--hud-display);color:var(--hud-ink);justify-content:center;align-items:center;gap:5px;display:flex}.sc-tilt-val .sc-tilt-icon{color:var(--hud-warn)}.sc-hud-badge.tilt.danger .sc-tilt-icon{color:var(--hud-danger)}.sc-spirit-level{border:1px solid var(--hud-edge-strong);background:linear-gradient(90deg, color-mix(in srgb, var(--hud-danger) 34%, var(--hud-card-solid)) 0 20%, color-mix(in srgb, var(--hud-warn) 30%, var(--hud-card-solid)) 20% 27.5%, color-mix(in srgb, var(--hud-good) 20%, var(--hud-card-solid)) 27.5% 72.5%, color-mix(in srgb, var(--hud-warn) 30%, var(--hud-card-solid)) 72.5% 80%, color-mix(in srgb, var(--hud-danger) 34%, var(--hud-card-solid)) 80% 100%);width:100%;height:12px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--hud-ink) 18%, transparent);border-radius:6px;position:relative;overflow:hidden}.sc-spirit-tick{z-index:1;pointer-events:none;width:1.5px;position:absolute;top:0;bottom:0}.sc-spirit-tick.zero{background:color-mix(in srgb, var(--hud-ink) 55%, transparent);left:50%;transform:translate(-50%)}.sc-spirit-tick.neg15{background:var(--hud-warn);left:27.5%}.sc-spirit-tick.pos15{background:var(--hud-warn);left:72.5%}.sc-spirit-tick.neg20{background:var(--hud-danger);left:20%}.sc-spirit-tick.pos20{background:var(--hud-danger);left:80%}.sc-spirit-bubble{z-index:2;background:radial-gradient(circle at 35% 35%, var(--hud-card-solid) 0%, var(--hud-accent) 70%);width:16px;box-shadow:0 0 0 1px var(--hud-accent-strong);border-radius:6px;transition:left 80ms ease-out;position:absolute;top:1px;bottom:1px;transform:translate(-50%)}.sc-hud-badge.tilt.danger .sc-spirit-bubble{background:radial-gradient(circle at 35% 35%, var(--hud-card-solid) 0%, var(--hud-danger) 70%);box-shadow:0 0 0 1px var(--hud-danger)}.sc-pulse-icon{animation:.4s infinite alternate sc-pulse}.sc-hud-badge.wind-gust{border-color:var(--hud-warn);background:var(--hud-card-strong);animation:1.2s ease-in-out infinite alternate sc-breeze}.sc-hud-badge.wind-gust>svg{color:var(--hud-warn)}.sc-hud-badge.wind-gust .sc-score-val{color:var(--hud-accent-ink)}@keyframes sc-breeze{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.sc-score-val,.sc-timer-val{font:600 24px/1 var(--hud-display);color:var(--hud-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.sc-score-sub{font:500 14px/1 var(--hud-display);color:var(--hud-faint)}.sc-unit{font:600 12px/1 var(--hud-body);color:var(--hud-muted)}.sc-hud-meta{max-width:190px;color:var(--hud-muted);font:700 10px/1.3 var(--hud-body);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;display:block}.sc-hud-badge.tilt .sc-hud-meta{max-width:none;margin-top:0}.sc-tool-badge{border:1px solid var(--hud-edge);background:var(--hud-card);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hud-ink);font:700 13px/1.2 var(--hud-body);cursor:pointer;pointer-events:auto;border-radius:999px;align-items:center;gap:9px;padding:6px 7px 6px 15px;transition:transform .15s,background-color .15s;display:inline-flex}.sc-tool-badge:hover{background:var(--hud-card-strong);transform:scale(1.04)}.sc-welcome{z-index:20;background:var(--hud-card);border:1px solid var(--hud-edge);width:380px;max-width:calc(100vw - 64px);max-height:calc(100dvh - 196px);box-shadow:var(--hud-shadow-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:24px;position:absolute;top:180px;left:32px;overflow-y:auto}.sc-welcome h1{font:600 40px/1 var(--hud-display);letter-spacing:-.5px;color:var(--hud-ink);filter:none;margin:0 0 12px;display:block}.sc-welcome h1 span{color:var(--hud-accent-strong)}.sc-tagline{color:var(--hud-accent-ink);font:700 11px/1.4 var(--hud-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.sc-desc{color:var(--hud-muted);margin:0 0 18px;font-size:14px;line-height:1.6}.sc-role-selector{flex-direction:column;gap:9px;margin-bottom:20px;display:flex}.sc-role-title{color:var(--hud-muted);font:700 11px/1.2 var(--hud-body);letter-spacing:.14em;text-transform:uppercase}.sc-role-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sc-btn{font-family:var(--hud-body);cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.sc-btn:not(.primary){border:1px solid var(--hud-edge-strong);border-radius:var(--hud-radius-small);background:var(--hud-card-solid);color:var(--hud-ink);padding:11px 12px;font-size:14px;font-weight:600}.sc-btn:not(.primary):hover{background:var(--hud-card-strong)}.sc-btn.active{border-color:var(--hud-accent);background:var(--hud-card-strong);box-shadow:inset 0 0 0 1px var(--hud-accent);color:var(--hud-accent-ink);font-weight:700}.sc-btn.primary{width:100%;padding:14px 18px;font-size:16px}.sc-ended-banner .sc-btn.primary svg{margin-left:0}.sc-ended-banner{z-index:30;background:var(--hud-card-solid);border:1px solid var(--hud-edge);width:430px;max-width:calc(100vw - 32px);box-shadow:0 18px 70px color-mix(in srgb, var(--hud-ink) 24%, transparent);color:var(--hud-ink);text-align:center;border-radius:20px;padding:30px;animation:.3s cubic-bezier(.175,.885,.32,1.275) sc-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sc-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.sc-ended-banner h2{font:500 31px/1.13 var(--hud-display);letter-spacing:-.5px;color:var(--hud-ink);margin:0 0 10px}.sc-ended-status{font:600 19px/1.3 var(--hud-display);margin-bottom:10px}.sc-ended-status.crew{color:var(--hud-good)}.sc-ended-status.failed{color:var(--hud-danger)}.sc-ended-desc{color:var(--hud-muted);margin:0 0 22px;font-size:14px;line-height:1.65}.sc-game .sc-hint-bar{z-index:10;pointer-events:none;white-space:nowrap;gap:2px;padding:6px 8px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.sc-hint-bar>span{color:var(--hud-ink);font:600 12.5px/1 var(--hud-body);align-items:center;gap:8px;padding:7px 10px;display:flex}.sc-hint-bar>span+span{border-left:1px solid var(--hud-edge)}.sc-help{color:var(--hud-muted);flex-direction:column;gap:10px;margin:4px 0 0;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.sc-help li{align-items:center;gap:10px;display:flex}.sc-help .house-key{min-width:52px}.sc-mobile-controls{pointer-events:none;z-index:25;justify-content:space-between;padding:0 16px;display:none;position:absolute;bottom:50px;left:0;right:0}.sc-touch-group{pointer-events:auto;flex-direction:column;gap:8px;display:flex}.sc-touch-row{gap:8px;display:flex}.sc-touch-btn{border:1px solid var(--hud-edge);border-radius:var(--hud-radius);background:var(--hud-card);width:58px;height:54px;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hud-ink);font:700 12px/1.1 var(--hud-body);cursor:pointer;touch-action:manipulation;place-items:center;transition:transform 80ms,background-color 80ms;display:grid}.sc-touch-btn:active{border-color:var(--hud-accent-strong);background:var(--hud-accent);transform:scale(.94)}.sc-touch-btn.wide{width:124px}@media (max-width:860px){.sc-mobile-controls{display:flex}.sc-game .sc-hint-bar{display:none}.sc-hud-stack{gap:8px;width:calc(100% - 20px);max-width:none;top:72px}.sc-hud{flex-wrap:wrap;gap:6px}.sc-hud-badge{border-radius:13px;gap:7px;padding:6px 10px}.sc-hud-badge>svg{width:18px;height:18px}.sc-hud-badge.tilt{min-width:150px}.sc-score-val,.sc-timer-val,.sc-tilt-val{font-size:19px}.sc-hud-meta{letter-spacing:.1em;max-width:120px;font-size:9px}.sc-welcome{width:min(380px,100vw - 24px);max-width:none;max-height:calc(100dvh - 92px);padding:20px;top:76px;left:50%;transform:translate(-50%)}.sc-welcome h1{font-size:32px}}@media (max-width:480px){.sc-hud-badge{padding:5px 9px}.sc-hud-badge>svg{display:none}.sc-hud-badge.tilt{min-width:132px}.sc-hud-meta{max-width:104px}}