:root{--bg: #030204;--ink: #f4f6fb;--dim: #8a8f9c;--glass: rgba(14, 16, 24, .62);--line: rgba(255, 255, 255, .14);--accent: #ffd23f;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:relative;height:100dvh;width:min(100vw,56.25dvh);margin:0 auto;overflow:hidden;overflow:clip}#view{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:absolute;inset:0;pointer-events:none}#ui button{pointer-events:auto}.hud-stats{position:absolute;top:calc(var(--safe-top) + 8px);left:10px;white-space:pre;font:11px/1.35 ui-monospace,Menlo,monospace;color:#b8ffcf;background:#00000073;padding:4px 6px;border-radius:6px}.toolbar{position:absolute;top:calc(var(--safe-top) + 8px);right:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.stamp{position:absolute;top:calc(var(--safe-top) + 64px);left:50%;transform:translate(-50%);font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#c9cdd6;background:#0a0e16b3;border:1px solid var(--line);padding:3px 8px;border-radius:5px;white-space:nowrap}.caption{position:absolute;left:16px;right:16px;bottom:calc(var(--safe-bottom) + 96px);text-align:center;font-weight:800;font-size:clamp(17px,5vw,22px);line-height:1.25;text-transform:uppercase;text-shadow:0 2px 8px #000,0 0 2px #000}.btn{font:600 12px system-ui,sans-serif;color:var(--ink);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:7px 12px;min-height:32px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.btn:active{transform:scale(.96)}.btn.round{width:48px;height:48px;padding:0;font-size:20px;display:grid;place-items:center}.nav{position:absolute;left:16px;right:16px;bottom:calc(var(--safe-bottom) + 24px);display:flex;align-items:center;gap:8px}.shot-label{flex:1;text-align:center;font:600 12px system-ui,sans-serif;color:var(--dim)}.loading{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg)}.loading.show{display:flex}.loading-label{font:700 13px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:var(--dim)}.bar-track{width:60%;height:3px;background:#1c1f28;border-radius:2px;overflow:hidden}.bar{height:100%;width:0;background:var(--accent);transition:width .2s}.toast{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--glass);border:1px solid var(--line);padding:8px 14px;border-radius:10px;font:600 13px system-ui,sans-serif;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1}.game-ui{position:absolute;inset:0;pointer-events:none;overflow:hidden;overflow:clip}.game-ui button{pointer-events:auto;font-family:inherit}.hidden{display:none!important}.top{position:absolute;top:calc(var(--safe-top) + 10px);left:12px;right:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.top .stamp{position:static;transform:none}.meter{display:flex;align-items:center;gap:8px;width:min(78%,300px);background:#080a10b8;border:1px solid var(--line);border-radius:999px;padding:6px 12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.meter-label{font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.08em;color:#ffe2a6;white-space:nowrap}.meter-track{flex:1;height:6px;background:#241f18;border-radius:3px;overflow:hidden}.meter-fill{height:100%;width:0;background:linear-gradient(90deg,#ff9f3a,#ffe08a);box-shadow:0 0 10px #ffc25a;transition:width .5s ease}.meter-num{font:700 12px ui-monospace,Menlo,monospace;color:#ffe2a6;min-width:34px;text-align:right}.meter.full{border-color:#ffe08a;box-shadow:0 0 24px #ffd27899}.meter.pulse{animation:pulse .6s ease}@keyframes pulse{30%{transform:scale(1.08)}}.hot-layer{position:absolute;inset:0}.hot-layer.disabled .hotspot{opacity:0;pointer-events:none}.hotspot{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;padding:0;cursor:pointer;transition:opacity .3s}.hotspot:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#ffecc8e6;box-shadow:0 0 12px 3px #ffd28c8c}.hotspot:after{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px solid rgba(255,236,200,.55);animation:ring 2.2s ease-out infinite}.hotspot.act:before{background:#ffd23f;box-shadow:0 0 16px 5px #ffc83cb3}.hotspot.talk:before{background:#ff8a8a;box-shadow:0 0 12px 3px #ff5a5a80}.hotspot.off{opacity:0;pointer-events:none}@keyframes ring{0%{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}.bottom{position:absolute;left:14px;right:14px;bottom:calc(var(--safe-bottom) + 18px);display:flex;flex-direction:column;gap:10px}.line{pointer-events:auto;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;background:#06080cc7;border:1px solid var(--line);border-radius:14px;padding:12px 14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.line:empty{display:none}.line.show{opacity:1;transform:none}.line .who{font:800 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;margin-bottom:4px}.line .text{font-size:16px;line-height:1.4}.line.dimas .who{color:#ff5a64}.line.anna .who{color:#38e07b}.line.voice .who{color:#9aa3b5}.line.thought{background:#06080c8c}.line.thought .text{font-style:italic;color:#d9dce4}.line.narration{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center}.line.narration .text{font-weight:800;font-size:clamp(17px,5vw,21px);text-transform:uppercase;line-height:1.25;text-shadow:0 2px 8px #000,0 0 2px #000}.choices{display:none;flex-direction:column;gap:8px}.choices.show{display:flex}.choice{min-height:48px;border-radius:12px;border:1px solid var(--line);background:#10141ee0;color:var(--ink);font-size:15px;font-weight:600;text-align:left;padding:10px 14px}.choice:active{background:#282e3cf2}.choice.danger{border-color:#ff46508c;color:#ff8088}.hint{position:absolute;left:50%;top:calc(var(--safe-top) + 92px);transform:translate(-50%);max-width:86%;text-align:center;font-size:13px;font-weight:600;color:#e8ebf2;background:#0a0c12b3;border:1px solid var(--line);border-radius:10px;padding:7px 12px;opacity:0;transition:opacity .4s}.hint.show{opacity:1}.swipe-prompt{position:absolute;left:-60px;top:-40px;width:120px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.swipe-arrow{font-size:34px;font-weight:900;color:#ffd23f;text-shadow:0 0 12px rgba(255,200,60,.9);animation:swipe 1s ease-in-out infinite}.swipe-label{font:700 12px system-ui,sans-serif;background:#0a0c12bf;border-radius:8px;padding:3px 8px;white-space:nowrap}@keyframes swipe{0%{transform:translateY(-14px);opacity:0}40%{opacity:1}to{transform:translateY(18px);opacity:0}}.hold-btn{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 120px);transform:translate(-50%);width:104px;height:104px;border-radius:50%;border:0;background:#0c0e14cc;color:var(--ink);display:grid;place-items:center;touch-action:none}.hold-ring{position:absolute;inset:0;border-radius:50%;--k: 0;background:conic-gradient(#ffd23f calc(var(--k) * 360deg),#ffffff1f 0);-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%);mask:radial-gradient(circle,transparent 60%,#000 61%)}.hold-label{font:800 13px system-ui,sans-serif;letter-spacing:.06em}.hold-btn.held{transform:translate(-50%) scale(.94)}.fight-btn{position:absolute;right:16px;bottom:calc(var(--safe-bottom) + 132px);width:86px;height:86px;border-radius:50%;border:2px solid #ff4d5e;background:#500810d9;color:#ffd6d9;font:900 15px system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 0 22px #ff324699;animation:throb .9s ease-in-out infinite}@keyframes throb{50%{transform:scale(1.08);box-shadow:0 0 34px #ff3246d9}}.fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.flash{position:absolute;inset:0;pointer-events:none}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:#0000008c;pointer-events:auto}.overlay.show{display:flex;animation:fadein .4s ease}@keyframes fadein{0%{opacity:0}}.card{width:100%;max-width:360px;background:#0c0e14f0;border:1px solid var(--line);border-radius:18px;padding:22px 20px 18px;text-align:center}.card .kicker{font:800 12px ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--dim);margin-bottom:10px}.card .title{font-size:24px;font-weight:900;line-height:1.15;margin-bottom:10px}.card .body{font-size:16px;line-height:1.45;color:#dfe3ea}.card .note{font-size:13px;line-height:1.4;color:var(--dim);margin-top:12px}.card .buttons{display:flex;flex-direction:column;gap:8px;margin-top:18px}.card button{min-height:48px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);font-size:15px;font-weight:700}.card button.primary{background:#ffd23f;color:#16130a;border-color:#ffd23f}.card.fail{border-color:#ff4d5e80}.card.fail .kicker{color:#ff5a64}.card.rule .kicker,.card.win .kicker{color:#ffd23f}.card.rule .title{font-size:20px}.card.title{background:none;border:0}.card.title .title{font-size:40px;letter-spacing:.02em}.phone{position:absolute;left:50%;bottom:-70%;transform:translate(-50%);width:min(78%,300px);aspect-ratio:9 / 18;border-radius:34px;background:#0b0d12;border:3px solid #23262e;box-shadow:0 20px 60px #000c;padding:12px;transition:bottom .6s cubic-bezier(.2,.9,.3,1);pointer-events:auto}.phone.in{bottom:14%}.phone.out{bottom:-70%}.phone-screen{height:100%;border-radius:24px;background:linear-gradient(#121a2c,#070a12);display:flex;flex-direction:column;overflow:hidden}.phone-status{font:600 12px system-ui;color:#c9cdd6;padding:10px 16px 4px}.phone-head{padding:8px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}.phone-from{font-weight:800;font-size:16px}.phone-sub{font:11px ui-monospace,Menlo,monospace;color:var(--dim);margin-top:2px}.phone-msgs{flex:1;padding:16px 12px;display:flex;flex-direction:column;justify-content:flex-end}.bubble{align-self:flex-start;max-width:85%;background:#1f2840;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:17px;font-weight:700;animation:fadein .3s}.bubble.typing{color:var(--dim);letter-spacing:.2em;animation:blink 1s infinite}@keyframes blink{50%{opacity:.4}}.phone-tap{text-align:center;font-size:11px;color:var(--dim);padding:0 0 14px}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;padding:0 24px calc(var(--safe-bottom) + 48px);background:linear-gradient(transparent 30%,#000000d9);pointer-events:auto}.title-screen .logo{font-size:clamp(38px,12vw,54px);font-weight:900;letter-spacing:.01em;line-height:.95;text-align:center;text-shadow:0 4px 30px #000}.title-screen .logo small{display:block;font-size:.42em;letter-spacing:.3em;color:#ffd23f;margin-top:8px}.title-screen .sub{font:600 13px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#c9cdd6;text-align:center}.title-screen .note{font-size:12px;color:var(--dim);text-align:center}.title-screen button{width:100%;max-width:320px;min-height:54px;border-radius:14px;border:0;background:#ffd23f;color:#16130a;font-size:17px;font-weight:900;letter-spacing:.06em}.mute-btn{position:absolute;top:calc(var(--safe-top) + 10px);right:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#080a1099;color:var(--ink);font-size:16px;pointer-events:auto;z-index:2}.game-ui~.hud-stats,#ui>.hud-stats{top:auto;bottom:calc(var(--safe-bottom) + 2px);left:4px;font-size:10px;pointer-events:none}