:root{--ink: #f4f6ff;--muted: #b9c3e6;--glass: rgba(16, 20, 48, .78);--line: rgba(255, 255, 255, .14);--gold: #ffd166;--font: "SF Pro Rounded", ui-rounded, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:var(--font);color:var(--ink);background:#10123a}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}#sky{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#7fb8ff,#b7c8ff 45%,#f7c6e4)}#sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 2s ease;background:radial-gradient(ellipse at 50% 40%,#213a7a,#0d1233 70%)}body[data-world=architect] #sky{background:radial-gradient(ellipse at 50% 40%,#4a1430,#14081f 75%)}body[data-world=architect][data-lab=fixed] #sky:after{opacity:1;background:radial-gradient(ellipse at 50% 38%,#3d5aa8,#2a2160 45%,#1f1235)}body[data-world=soundlab] #sky{background:linear-gradient(180deg,#ffb86b,#d4789a,#5a2f7a)}body[data-world=soundlab] #sky:after{background:radial-gradient(ellipse at 50% 30%,#2a1f6a,#0c0820 75%)}body[data-world=soundlab] #sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 3s ease;background:linear-gradient(180deg,#ffd0b0,#ff9a9a 45%,#7a3f8a)}body[data-world=soundlab][data-lab=night] #sky:after,body[data-world=soundlab][data-lab=dawn] #sky:before{opacity:1}body[data-world=enterprise] #sky{background:radial-gradient(ellipse at 50% 40%,#2a3270,#0d1233 75%)}body[data-world=enterprise][data-lab=launched] #sky:after{opacity:1;background:radial-gradient(ellipse at 50% 38%,#7a5aa8,#3d3a8a 45%,#1f1a45)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0d2a;opacity:0;pointer-events:none;transition-property:opacity;z-index:40}#fade.on{opacity:1}#hud{position:fixed;inset:0 0 auto 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}.hud-left{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:10px 14px;max-width:420px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#world-name{font-weight:800;font-size:18px;letter-spacing:.02em}#objective{margin-top:3px;font-size:13px;color:var(--muted)}#case-log{margin-top:8px;padding-top:7px;border-top:1px solid var(--line);font-size:12px}.case-title{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#5ef0ff}#case-log ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px}#case-log li{display:flex;gap:6px;color:var(--muted)}#case-log li:before{content:"○";color:var(--muted)}#case-log li.found:before{content:"●";color:var(--c)}#case-log li b{font-weight:700;white-space:nowrap}#case-log li.found b{color:var(--c)}#case-log li.found span{color:#f3f6ff}#tray{display:flex;gap:8px;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:9px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.slot{width:26px;height:26px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--c) 55%,transparent);background:transparent;padding:0;display:block}.slot.filled{border:2px solid #fff;background:radial-gradient(circle at 35% 35%,#fff 0%,var(--c) 45%,color-mix(in srgb,var(--c) 40%,#000) 100%);box-shadow:0 0 12px var(--c)}.slot.flash{animation:slotIn 1.1s ease-out}@keyframes slotIn{0%{transform:scale(.2)}60%{transform:scale(1.5)}to{transform:scale(1)}}.hud-center{display:flex;flex-direction:column;align-items:center;gap:6px}#trophies{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800;color:var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#toast{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:40;min-width:240px;text-align:center;background:linear-gradient(160deg,#2a1748,#12153d);border:1px solid var(--line);border-top:4px solid var(--accent, var(--gold));border-radius:14px;padding:10px 18px 12px;box-shadow:0 0 28px color-mix(in srgb,var(--accent, var(--gold)) 45%,transparent);pointer-events:none}#toast.in{animation:toastIn .5s cubic-bezier(.2,1.4,.4,1)}@keyframes toastIn{0%{transform:translate(-50%,-20px) scale(.9);opacity:0}}.toast-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.toast-title{margin-top:2px;font-size:18px;font-weight:800;letter-spacing:.06em;color:var(--accent, var(--gold))}.toast-detail{margin-top:4px;max-width:320px;font-size:12px;color:#f3f6ff}.hud-right{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hud-right button{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-right button:hover:not(:disabled),.hud-right button:focus-visible{border-color:var(--gold);outline:none}#prompt{position:fixed;left:0;top:0;z-index:12;display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;background:var(--glass);border:1px solid var(--line);border-radius:12px;white-space:nowrap;text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#prompt kbd{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--gold);color:#2d2350;font:800 14px var(--font);box-shadow:0 3px #c99a2e}#prompt .text{display:flex;flex-direction:column}#prompt .label{font-weight:700;font-size:14px}#prompt .hint{font-size:11px;color:var(--muted);letter-spacing:.04em}#quip{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:11;max-width:min(560px,90vw);padding:11px 16px 11px 50px;background:var(--glass);border:1px solid var(--line);border-radius:14px;font-size:14px;line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#quip:before{content:"";position:absolute;left:13px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:radial-gradient(circle at 35% 45%,#7ef9ff 0 3px,transparent 4px),radial-gradient(circle at 65% 45%,#7ef9ff 0 3px,transparent 4px),#0b1430;box-shadow:0 -5px 0 -1px #ff7a59}#quip.pop{animation:pop .25s ease-out}#thought{position:fixed;left:0;top:0;z-index:13;width:max-content;max-width:min(300px,78vw);padding:10px 34px 10px 14px;background:linear-gradient(160deg,#221646f0,#0e122ef0);border:1px solid var(--line);border-left:3px solid var(--accent, var(--gold));border-radius:14px;box-shadow:0 0 22px color-mix(in srgb,var(--accent, var(--gold)) 35%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#thought.in{animation:thoughtIn .32s cubic-bezier(.2,1.4,.4,1)}@keyframes thoughtIn{0%{opacity:0;scale:.9}}.thought-kicker{display:inline;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent, var(--gold))}.thought-new{margin-left:8px;padding:1px 6px;border-radius:999px;background:var(--gold);color:#2d2350;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}.thought-text{margin:5px 0 6px;font-size:15px;font-weight:600;line-height:1.35}.thought-count{font-size:11px;color:var(--muted);letter-spacing:.04em}.thought-close{position:absolute;top:5px;right:5px;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:18px;line-height:1}.thought-close:hover,.thought-close:focus-visible{color:var(--ink);background:#ffffff1a;outline:none}@keyframes pop{0%{transform:translate(-50%) translateY(8px);opacity:0}}#dialogue{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(720px,calc(100vw - 32px));display:flex;gap:16px;align-items:center;padding:16px 18px;background:var(--glass);border:1px solid var(--line);border-radius:18px;z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pop .25s ease-out}.dlg-portrait{position:relative;flex:none;width:64px;height:64px;border-radius:50%;background:#0b1430;border:3px solid #f3f6ff;box-shadow:0 -10px 0 -3px #ff7a59}.dlg-portrait span{position:absolute;top:22px;width:9px;height:15px;border-radius:6px;background:#7ef9ff}.dlg-portrait span:first-child{left:18px}.dlg-portrait span:last-child{right:18px}.dlg-name{font-weight:800;font-size:12px;letter-spacing:.14em;color:#ff9c7a}#dialogue.system .dlg-portrait{border-color:#5ef0ff;box-shadow:none;border-radius:12px}#dialogue.system .dlg-portrait span{top:27px;height:8px;border-radius:2px}#dialogue.system .dlg-name{color:#5ef0ff}#dialogue.system .dlg-text{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px;color:#c9f8ff}#dialogue.system.person .dlg-portrait{border-color:var(--speaker);border-radius:50%}#dialogue.system.person .dlg-portrait span{top:24px;height:12px;border-radius:6px;background:var(--speaker)}#dialogue.system.person .dlg-name{color:var(--speaker)}#dialogue.system.person .dlg-text{font-family:inherit;font-size:17px;color:#f3f6ff}.dlg-text{margin:4px 0 0;font-size:17px;line-height:1.45;min-height:2.9em}.dlg-body{flex:1}.dlg-next{text-align:right;font-size:11px;color:var(--muted);letter-spacing:.08em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#080a1e8c;padding:20px}.card-inner,.choice-inner,.help-inner,.whisper-inner{width:min(520px,100%);background:linear-gradient(160deg,#1b2156,#12153d);border:1px solid var(--line);border-radius:20px;padding:26px 28px 22px;box-shadow:0 20px 60px #00000073;animation:cardIn .35s cubic-bezier(.2,1.4,.4,1)}@keyframes cardIn{0%{transform:scale(.85) translateY(20px);opacity:0}}#card .card-inner{border-top:5px solid var(--accent)}.card-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.card-title{margin:8px 0 4px;font-size:26px;letter-spacing:.02em}.card-role{font-weight:700;font-size:16px;color:var(--gold)}.card-lines p{margin:12px 0 0;line-height:1.5;color:var(--muted)}.card-inner>button,.help-inner>button{margin-top:20px;width:100%;padding:11px;border:none;border-radius:12px;background:var(--accent, var(--gold));color:#12153d;font-weight:800}.card-media{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin-bottom:14px}.card-badge{display:inline-block;margin-top:14px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;background:color-mix(in srgb,var(--accent) 22%,transparent);border:1px solid var(--accent);color:#fff}.card-badge.locked{background:transparent;border-style:dashed;color:var(--muted)}.card-note{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--muted);font-style:italic}.card-inner>button.card-preview{background:transparent;border:1px solid var(--accent);color:#fff}.card-inner>button.card-preview+button{margin-top:8px}.mixer-inner{width:min(480px,100%);background:linear-gradient(160deg,#2a1748,#12153d);border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:20px;padding:22px 26px 20px;box-shadow:0 20px 60px #00000073;animation:cardIn .35s cubic-bezier(.2,1.4,.4,1)}.mixer-title{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.mixer-heading{margin:6px 0 14px;font-size:22px}.mixer-strips{display:grid;gap:10px}.mixer-row{display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:12px;font-weight:700;font-size:14px}.mixer-row:last-child{margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}.mixer-name{color:var(--c)}.mixer-row input[type=range]{width:100%;accent-color:var(--c)}.mixer-meter{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.mixer-meter span{display:block;height:100%;width:0;background:var(--c);box-shadow:0 0 8px var(--c)}.mixer-note{margin:14px 0 0;font-size:12px;color:var(--muted)}.mixer-close{margin-top:16px;width:100%;padding:11px;border:none;border-radius:12px;background:var(--accent);color:#12153d;font-weight:800}.choice-title{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.choice-prompt{margin:8px 0 14px;font-size:17px;line-height:1.45}.choice-list{display:grid;gap:8px}.choice-option{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:11px 13px;background:#ffffff0d;border:1px solid var(--line);border-radius:12px}.choice-option:hover,.choice-option:focus-visible{border-color:var(--accent);background:#ffffff17;outline:none}.choice-option .num{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--accent);color:#12153d;font-weight:800;font-size:13px}.choice-option .txt{display:flex;flex-direction:column;gap:2px}.choice-option small{color:var(--muted);font-size:13px}.choice-cancel{margin-top:12px;background:none;border:none;color:var(--muted);font-size:13px;text-decoration:underline}.help-inner h2{margin:0 0 12px}.help-inner dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}.help-inner dt{font-weight:700;color:var(--gold)}.help-inner dd{margin:0;color:var(--muted)}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#282e78d1,#0a0c28f0);transition:opacity .6s ease}#loading.gone{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(460px,90vw)}.loading-inner h1{margin:0;font-size:clamp(28px,5vw,44px);letter-spacing:.06em;background:linear-gradient(90deg,#8fd3ff,#ffd166,#ff9ec7);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin:8px 0 26px}.bar{height:8px;border-radius:8px;background:#ffffff1f;overflow:hidden}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8fd3ff,#ffd166);transition:width .3s ease}.status{font-size:13px;color:var(--muted);min-height:1.4em}#start{margin-top:6px;padding:12px 38px;border:none;border-radius:14px;background:var(--gold);color:#2d2350;font-weight:800;font-size:17px;box-shadow:0 4px #c99a2e}#start:not(:disabled):hover{transform:translateY(-1px)}.note{margin-top:18px;font-size:12px;color:var(--muted)}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@media (max-width: 760px){#hud{flex-wrap:wrap}.hud-left{max-width:none;flex:1 1 100%}}.whisper-inner{width:min(440px,100%);border-top:5px solid var(--gold)}.whisper-title{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.whisper-prompt{margin:8px 0 14px;line-height:1.45}.whisper-input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff12;color:var(--ink);font:inherit;font-size:16px}.whisper-input:focus{outline:2px solid var(--gold);outline-offset:1px}.whisper-meta{display:flex;justify-content:space-between;gap:12px;margin-top:6px;min-height:18px;font-size:12px}.whisper-error{color:#ff9e9e;font-weight:700}.whisper-count{color:var(--muted);margin-left:auto}.whisper-note{margin:10px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}.whisper-submit{margin-top:16px;width:100%;padding:11px;border:none;border-radius:12px;background:var(--gold);color:#12153d;font-weight:800}.whisper-cancel{display:block;margin:12px auto 0;background:none;border:none;color:var(--muted);font-size:13px;text-decoration:underline}