:root{--ice-100:#eaf6ff;--ice-300:#9fd8ff;--ice-500:#38a9f0;--ice-700:#0f5d94;--deep-900:#05121f;--deep-800:#0a1c2e;--wolf:#ff4d6d;--wolf-dark:#7a0f24;--ok:#5ce6a8;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--deep-900);height:100%;color:var(--ice-100);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}kbd{min-width:1.9em;font:inherit;text-align:center;letter-spacing:.04em;background:#9fd8ff1f;border:1px solid #9fd8ff80;border-bottom-width:3px;border-radius:5px;padding:.15em .45em;font-size:.85em;font-weight:700;display:inline-block}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:radial-gradient(circle at 50% 40%,#0a1c2eb8,#05121ff2);place-items:center;padding:24px;animation:.4s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.panel{text-align:center;background:linear-gradient(160deg,#0f5d9447,#05121fb8);border:1px solid #9fd8ff2e;border-radius:20px;width:min(560px,100%);max-height:100%;padding:34px 38px 30px;overflow-y:auto;box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff14}.logo{letter-spacing:.14em;background:linear-gradient(180deg, #fff, var(--ice-300) 55%, var(--ice-500));color:#0000;filter:drop-shadow(0 6px 24px #38a9f073);-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,9vw,74px);font-weight:900;line-height:.95}.logo span{letter-spacing:.5em;color:var(--ice-300);-webkit-text-fill-color:var(--ice-300);margin-left:.5em;font-size:.52em;display:block}.tagline{color:#eaf6ff9e;letter-spacing:.02em;margin:14px 0 26px;font-size:14px}.btn-play{background:linear-gradient(180deg, var(--ice-500), var(--ice-700));color:#fff;letter-spacing:.16em;cursor:pointer;border:0;border-radius:12px;width:100%;padding:15px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .14s,box-shadow .14s,filter .14s;box-shadow:0 10px 30px #38a9f059}.btn-play:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 16px 40px #38a9f073}.btn-play:active{transform:translateY(0)}.modes{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px;display:grid}.mode{color:var(--ice-100);text-align:left;cursor:pointer;background:#9fd8ff0d;border:1px solid #9fd8ff38;border-radius:12px;padding:13px 12px;font-family:inherit;transition:border-color .16s,background .16s,transform .16s;position:relative}.mode:hover{border-color:#9fd8ff8c;transform:translateY(-2px)}.mode.active{border-color:var(--ice-500);box-shadow:0 0 0 1px var(--ice-500), 0 8px 26px #38a9f047;background:#38a9f033}.mode-name{letter-spacing:.09em;font-size:13px;font-weight:800;display:block}.mode-desc{color:#eaf6ff8c;margin-top:5px;font-size:11px;line-height:1.4;display:block}.mode-star{font-size:11px;position:absolute;top:9px;right:11px}.settings{text-align:left;gap:12px;margin-bottom:22px;display:grid}.settings label{letter-spacing:.1em;color:#eaf6ff99;grid-template-columns:1fr auto;gap:6px 10px;font-size:11px;font-weight:700;display:grid}.settings output{color:var(--ice-300);font-weight:800}.settings input[type=range]{appearance:none;cursor:pointer;background:#9fd8ff33;border-radius:3px;grid-column:1/-1;width:100%;height:4px}.settings input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ice-300);border-radius:50%;width:15px;height:15px;box-shadow:0 0 10px #9fd8ffcc}.settings input[type=range]::-moz-range-thumb{background:var(--ice-300);border:0;border-radius:50%;width:15px;height:15px}.controls{color:#eaf6ff73;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:20px;font-size:11px;list-style:none;display:flex}.view-choice{gap:7px;display:grid}.view-caption{letter-spacing:.1em;color:#eaf6ff99;font-size:11px;font-weight:700}.views{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.view{color:var(--ice-100);letter-spacing:.06em;cursor:pointer;background:#9fd8ff0d;border:1px solid #9fd8ff38;border-radius:10px;padding:9px 6px;font-family:inherit;font-size:11px;font-weight:800;transition:border-color .16s,background .16s}.view:hover{border-color:#9fd8ff8c}.view.active{border-color:var(--ice-500);box-shadow:0 0 0 1px var(--ice-500);background:#38a9f033}.view-desc{color:#eaf6ff80;min-height:2.6em;font-size:11px;line-height:1.3}.reveal-card{text-align:center;animation:.5s cubic-bezier(.16,1,.3,1) both reveal-pop}@keyframes reveal-pop{0%{opacity:0;transform:scale(.85)}}.reveal-label{letter-spacing:.6em;color:#eaf6ff80;font-size:13px;font-weight:700}.reveal-role{letter-spacing:.06em;color:var(--ice-300);text-shadow:0 0 60px;margin:10px 0;font-size:clamp(52px,12vw,104px);font-weight:900}.reveal-role.wolf{color:var(--wolf)}.reveal-hint{color:#eaf6ff99;font-size:14px}.countdown{color:#fff;text-shadow:0 0 90px var(--ice-500);pointer-events:none;z-index:25;place-items:center;font-size:clamp(120px,26vw,260px);font-weight:900;display:grid;position:fixed;inset:0}.countdown span{animation:1s ease-out both tick}@keyframes tick{0%{opacity:0;transform:scale(2.2)}22%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.75)}}.hud{z-index:10;pointer-events:none;position:fixed;inset:0}.hud-top{justify-content:center;align-items:flex-start;gap:30px;padding:18px 24px 0;display:flex}.stat{text-align:right;opacity:.92;min-width:108px}.stat.right{text-align:left}.stat-label{letter-spacing:.22em;color:#eaf6ff73;font-size:10px;font-weight:700;display:block}.stat-value{color:var(--ice-300);text-shadow:0 0 22px #38a9f080;font-size:30px;font-weight:800;line-height:1.05;display:block}.stat-value.wolf{color:var(--wolf);text-shadow:0 0 22px #ff4d6d80}.clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05121f80;border:1px solid #9fd8ff33;border-radius:12px;padding:4px 20px 6px;font-size:34px;font-weight:800}.clock.urgent{color:var(--wolf);border-color:#ff4d6d73;animation:1s ease-in-out infinite pulse-clock}@keyframes pulse-clock{50%{transform:scale(1.06)}}.hud-mode{text-align:center;letter-spacing:.42em;color:#9fd8ff66;margin-top:6px;font-size:10px;font-weight:700}.hud-center{justify-items:center;gap:10px;display:grid;position:absolute;top:62%;left:50%;transform:translate(-50%)}.prompt{letter-spacing:.16em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05121fa8;border:1px solid #9fd8ff4d;border-radius:999px;align-items:center;gap:9px;padding:8px 16px;font-size:12px;font-weight:700;animation:1.6s ease-in-out infinite float-prompt;display:flex}@keyframes float-prompt{50%{transform:translateY(-4px)}}.rescue-bar{background:#9fd8ff2e;border-radius:4px;width:190px;height:5px;overflow:hidden}.rescue-bar i{background:linear-gradient(90deg, var(--ice-300), var(--ok));width:0;height:100%;box-shadow:0 0 12px var(--ok);display:block}.hud-bottom{justify-items:center;gap:12px;display:grid;position:absolute;bottom:22px;left:0;right:0}.self-state{justify-items:center;gap:6px;display:grid}.badge{letter-spacing:.2em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05121f99;border:1px solid #9fd8ff52;border-radius:999px;padding:5px 16px;font-size:11px;font-weight:800}.badge.wolf{color:var(--wolf);background:#7a0f2459;border-color:#ff4d6d80}.badge.frozen{color:var(--ice-300);border-color:#9fd8ffb3}.stamina{background:#9fd8ff29;border-radius:3px;width:150px;height:3px;overflow:hidden}.stamina i{background:var(--ice-300);width:100%;height:100%;transition:background .2s;display:block}.stamina i.empty{background:var(--wolf)}.thaw{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05121fb8;border:1px solid #ff4d6d59;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(420px,76vw);padding:9px 16px;display:grid}.thaw-label{letter-spacing:.18em;color:var(--wolf);font-size:10px;font-weight:800}.thaw-bar{background:#ff4d6d2e;border-radius:4px;height:6px;overflow:hidden}.thaw-bar i{background:linear-gradient(90deg, var(--ice-300), var(--wolf));width:100%;height:100%;display:block}.thaw-value{font-variant-numeric:tabular-nums;text-align:right;min-width:46px;font-size:15px;font-weight:800}.toasts{justify-items:center;gap:6px;width:max-content;display:grid;position:absolute;top:118px;left:50%;transform:translate(-50%)}.toast{letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05121fb3;border:1px solid #9fd8ff2e;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;animation:.28s both toast-in}.toast.out{animation:.4s both toast-out}.toast.bad{color:#ffc2cd;border-color:#ff4d6d66}.toast.good{color:#b6ffe0;border-color:#5ce6a866}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.vignette{opacity:0;background:radial-gradient(circle,#0000 42%,#38a9f08c 100%);transition:opacity .5s;position:absolute;inset:0}.vignette.on{opacity:1}.vignette.danger{background:radial-gradient(circle,#0000 46%,#ff4d6d6b 100%)}#end{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;align-items:end;padding-bottom:7vh}.end-content{text-align:center;animation:.6s cubic-bezier(.16,1,.3,1) both reveal-pop}#endTitle{letter-spacing:.1em;color:var(--ice-100);text-shadow:0 4px 40px #000c;font-size:clamp(30px,6vw,58px);font-weight:900}#endTitle.wolf{color:var(--wolf)}#endSubtitle{color:#eaf6ffb3;text-shadow:0 2px 12px #000c;margin:8px 0 20px;font-size:14px}.end-stats{justify-content:center;gap:26px;margin-bottom:24px;display:flex}.end-stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05121f8c;border:1px solid #9fd8ff29;border-radius:12px;min-width:92px;padding:10px 14px}.end-stat b{color:var(--ice-300);font-size:24px;font-weight:800;display:block}.end-stat span{letter-spacing:.16em;color:#eaf6ff73;font-size:10px;font-weight:700}#end .btn-play{width:260px;margin:0 auto}.roster{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;background:#05121f8c;border:1px solid #9fd8ff24;border-radius:12px;gap:2px;width:min(520px,88vw);max-height:38vh;margin:0 auto 22px;padding:8px;list-style:none;display:grid;overflow-y:auto}.roster-row{border-radius:7px;grid-template-columns:5.5em 1fr 4em 6.5em;align-items:baseline;gap:8px;padding:3px 8px;font-size:12px;display:grid}.roster-row b{color:var(--ice-100);font-weight:700}.roster-temper{color:#eaf6ff99}.roster-fate{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.roster-resc{color:#eaf6ff66;text-align:right;font-size:10px}.roster-row.is-wolf{background:#7a0f2447}.roster-row.is-wolf .roster-fate{color:var(--wolf)}.roster-row.is-frozen .roster-fate{color:var(--ice-300)}.roster-row.is-free .roster-fate{color:var(--ok)}