:root{--bg:#03050a;--panel:#060c1a;--panel-2:#03081a;--line:#1c2e52;--line-strong:#2b5fb8;--text:#e8f1ff;--muted:#93a9cc;--soft:#b9c9e4;--cyan:#36e2ff;--cyan-text:#7fe9ff;--blue:#1a5ff2;--violet:#a55bff;--gold:#ffc23d;--gold-text:#ffd66e;--green:#6cf0a8;--red:#ff9c7a;--display:"Orbitron", sans-serif;--body:"Chakra Petch", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,canvas,svg{-webkit-user-drag:none}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}a{color:var(--cyan-text)}a:hover{color:#c2f6ff}button{font:inherit;color:inherit}input,textarea,select{font:500 16px var(--body);color:var(--text)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-family:var(--display);letter-spacing:2px}.muted{color:var(--muted)}.gold{color:var(--gold-text)}.row{align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.spacer{flex:1}.btn{border:1px solid var(--line-strong);background:var(--panel);height:52px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--blue);color:#fff;font:700 15px var(--display);letter-spacing:2px;border:0;box-shadow:0 0 24px #1e6bff8c,inset 0 0 0 1px #7fe9ff99}.btn.light{color:#0a1530;background:#f4f8ff;border:0}.btn.gold{border-color:var(--gold);color:var(--gold-text)}.btn.small{border-radius:12px;height:40px;padding:0 14px;font-size:13px}.btn.block{width:100%}.icon-btn{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:#050a16e0;border-radius:22px;flex:none;justify-content:center;align-items:center;display:inline-flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--soft);font-size:14px}.input{border:1px solid var(--line-strong);background:var(--panel-2);border-radius:14px;width:100%;height:50px;padding:0 16px}textarea.input{resize:none;height:auto;min-height:80px;padding:12px 16px;line-height:1.4}.chip{height:28px;color:var(--soft);background:#0a1430;border-radius:14px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.pill{border:1px solid var(--line);height:40px;color:var(--text);background:#050a16e0;border-radius:20px;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.coin-amount{font:700 15px var(--display)}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.page{justify-content:center;min-height:100%;padding:24px 20px 40px;display:flex;position:relative;overflow:hidden}.page-inner{flex-direction:column;gap:18px;width:100%;max-width:520px;display:flex;position:relative}.floor{pointer-events:none;height:45%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.floor:before{content:"";transform-origin:50% 0;background-image:linear-gradient(#d6f0ff47 1px,#0000 1px),linear-gradient(90deg,#d6f0ff47 1px,#0000 1px);background-size:56px 56px;width:220%;height:1400px;position:absolute;top:0;left:-60%;transform:perspective(380px)rotateX(64deg)}.floor:after{content:"";background:linear-gradient(var(--bg), #03050a00);height:45%;position:absolute;top:0;left:0;right:0;box-shadow:0 -1px 18px 2px #36e2ff59}.game{position:fixed;inset:0;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block}.hud-top{left:16px;right:16px;top:max(16px, env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.hud-bottom{left:16px;right:16px;bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute}.hud-bottom>*{pointer-events:auto}.cast-btn{border:2px solid var(--cyan);height:52px;color:var(--text);font:700 13px var(--display);letter-spacing:1.5px;cursor:pointer;background:#071733;border-radius:26px;align-items:center;gap:10px;padding:0 18px;display:inline-flex;box-shadow:0 0 22px #36e2ff8c,inset 0 0 12px #36e2ff40}.toggle{border:1.5px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin:2px 0 0}.toggle:has(input:checked){border-color:var(--gold)}.toggle.disabled{opacity:.55;cursor:default}.inside-pill{border-color:var(--gold);gap:8px;min-width:0;max-width:min(56vw,320px);height:40px;padding:0 4px 0 12px}.inside-pill .inside-name{color:var(--gold-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.inside-pill .exit-btn{border-color:var(--gold);height:30px;color:var(--gold-text);font-family:var(--display);letter-spacing:1px;flex:none;font-size:11px}.paint-bar{z-index:5;border:1.5px solid var(--green);background:#050c1aeb;border-radius:16px;align-items:center;gap:10px;width:min(92vw,420px);padding:8px 10px 8px 12px;display:flex;position:absolute;top:124px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #4dff8840}.casting-chip{z-index:4;border:1px solid var(--cyan);max-width:min(92vw,360px);color:var(--cyan-text);white-space:nowrap;text-overflow:ellipsis;background:#050c1ae0;border-radius:16px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;position:absolute;top:124px;left:50%;overflow:hidden;transform:translate(-50%)}.paint-bar~.casting-chip{top:188px}.casting-chip .spinner{flex:none;width:14px;height:14px}.act-btn.ready{border-color:var(--cyan);color:var(--cyan-text);background:#041624eb;box-shadow:0 0 16px #36e2ff66}.seg.sizes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.btn.stepper{justify-content:center;width:36px;padding:0;font-size:18px}.act-btn{border:1.5px solid var(--gold);height:40px;color:var(--gold-text);font:700 12px var(--display);letter-spacing:1px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#281a04e6;border-radius:20px;align-items:center;gap:8px;max-width:min(90vw,360px);padding:0 16px;animation:.18s ease-out act-in;display:inline-flex;overflow:hidden;box-shadow:0 0 16px #ffc23d73}.act-btn .muted{font:600 12px var(--body);letter-spacing:0;text-overflow:ellipsis;overflow:hidden}.act-btn kbd{border-color:var(--gold);color:var(--gold-text)}.act-btn.round{border-radius:36px;flex:none;justify-content:center;width:72px;height:72px;padding:0;font-size:11px}@keyframes act-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.act-btn{animation:none}}.joystick{border:1.5px solid var(--line-strong);touch-action:none;background:#050a16d9;border-radius:60px;flex:none;width:120px;height:120px;position:relative;box-shadow:inset 0 0 20px #1e6bff40}.joystick .knob{border:1.5px solid var(--cyan);background:#0e2a5c;border-radius:16px;width:32px;height:32px;position:absolute;top:44px;left:44px}@media (max-width:480px){.hide-narrow{display:none!important}.cast-btn{letter-spacing:1px;gap:6px;padding:0 12px;font-size:11px}.joystick{width:104px;height:104px}.joystick .knob{top:36px;left:36px}}.kbd-hints{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;font-size:12px;display:flex}kbd{font:600 11px var(--body);color:var(--text);border:1px solid #2b3e63;border-radius:4px;padding:1px 6px}.sheet-backdrop{z-index:20;background:#02040a59;position:absolute;inset:0}.sheet{z-index:21;background:var(--panel);border-top:1.5px solid var(--cyan);max-height:82%;padding:18px 20px max(24px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -10px 40px #36e2ff38}@media (min-width:900px){.sheet{border:1.5px solid var(--cyan);border-radius:20px;width:420px;max-height:calc(100% - 120px);inset:auto 24px 24px auto}}.sheet h2{font:700 20px var(--display);letter-spacing:1px;margin:0}.kicker{font:500 11px var(--display);letter-spacing:2px;color:var(--cyan-text)}.seg{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.seg button{border:1.5px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:64px;display:flex}.seg button[aria-checked=true]{border-color:var(--cyan);background:#0b2350}.toast{left:50%;top:max(70px, env(safe-area-inset-top));z-index:50;border:1px solid var(--line-strong);background:#0a1430;border-radius:12px;max-width:min(90vw,420px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.toast.error{border-color:#ff6b6b}.chatbar{left:16px;right:16px;bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:absolute}@media (min-width:900px){.chatbar{width:340px;right:auto}}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.card .art{background:#040916;border-bottom:1px solid #142445;justify-content:center;align-items:center;height:110px;display:flex}.card .body{flex-direction:column;gap:6px;padding:10px;font-size:13px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cast-glow{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 40px #36e2ffe6}}.idle-bob{transform-origin:50% 100%;animation:2.2s ease-in-out infinite idle-bob}@keyframes idle-bob{50%{transform:translateY(-4%)scaleY(1.02)}}@media (prefers-reduced-motion:reduce){.spinner,.cast-glow,.idle-bob{animation:none}}.portrait{border:2px solid var(--cyan);background:#050b18;border-radius:42px;flex:none;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.baby-chip{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:#ff7ad914;border:1px solid #ff7ad9;border-radius:14px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.baby-chip:hover{background:#ff7ad929}.love-btn{color:#fff;background:linear-gradient(90deg,#ff4fb8,#b25cff);border:0}.proposal{z-index:30;text-align:center;background:var(--panel);border:1.5px solid #ff7ad9;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:min(380px,100% - 32px);padding:18px;animation:.25s ease-out pop-in;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #ff7ad959}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.stage-track{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stage-dot{border:1px solid var(--line);color:var(--soft);opacity:.55;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;display:flex}.stage-dot.on{opacity:1;color:var(--text);border-color:#ff7ad9}.stage-q{width:28px;height:28px;font:700 16px var(--display);justify-content:center;align-items:center;display:flex}.count-badge{background:var(--cyan);color:#04121f;min-width:30px;height:24px;font:700 13px var(--display);border-radius:12px;justify-content:center;align-items:center;padding:0 8px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 0 10px #36e2ff80}.stick-hint,.stick-live{pointer-events:none;z-index:2;border-radius:60px;width:120px;height:120px;position:absolute}.stick-hint{left:max(24px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));background:#050a1640;border:1.5px dashed #7fe9ff47}.stick-live{border:1.5px solid var(--cyan);background:#050a168c;transform:translate(-50%,-50%);box-shadow:0 0 22px #36e2ff59}.stick-hint .knob,.stick-live .knob{border:1.5px solid var(--cyan);background:#0e2a5ce6;border-radius:20px;width:40px;height:40px;position:absolute;top:40px;left:40px}.stick-hint .knob{opacity:.45}.split-hint{pointer-events:none;z-index:2;animation:6s forwards split-fade;position:absolute;inset:0}.split-hint .split-line{border-top:1.5px dashed #7fe9ff59;position:absolute;left:0;right:0}.split-hint .split-up,.split-hint .split-down{white-space:nowrap;color:var(--soft);background:#050a16b3;border-radius:12px;padding:4px 10px;font-size:12px;position:absolute}.split-hint .split-up{left:50%;transform:translate(-50%)}.split-hint .split-down{left:max(24px, env(safe-area-inset-left));bottom:calc(max(28px, env(safe-area-inset-bottom)) + 132px)}@keyframes split-fade{0%,75%{opacity:1}to{opacity:0}}.thumb-pad{right:max(16px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:3;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute}.thumb-row{align-items:flex-end;gap:12px;display:flex}.thumb{border:1.5px solid var(--line-strong);color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#050c1ae0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.thumb:active{transform:scale(.94)}.thumb.small{width:56px;height:56px}.thumb.cast{border:2px solid var(--cyan);width:84px;height:84px;font:700 11px var(--display);letter-spacing:1.5px;background:#071733;box-shadow:0 0 22px #36e2ff8c,inset 0 0 12px #36e2ff40}.thumb.act{border:2px solid var(--gold);width:84px;height:84px;color:var(--gold-text);background:#281a04eb;margin-right:0;padding:4px;animation:.18s ease-out act-in;box-shadow:0 0 18px #ffc23d80}.thumb-verb{font:700 13px var(--display);letter-spacing:1px;text-transform:uppercase}.thumb-name{font:600 10px var(--body);color:var(--soft);text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.thumb-badge{background:var(--cyan);color:#04121f;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.touch-ready{left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 140px);z-index:3;position:absolute;transform:translate(-50%)}.health{border:1px solid var(--line-strong);background:#050c1ae0;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 10px;display:inline-flex}.health-heart{color:#ff4d6d;font-size:15px;line-height:1}.health-track{background:#1a2440;border-radius:4px;width:74px;height:8px;overflow:hidden}.health-fill{background:linear-gradient(90deg,#ff4d6d,#ff8fa3);height:100%;transition:width .25s ease-out;display:block;box-shadow:0 0 8px #ff4d6d99}.health-num{font:700 12px var(--display);text-align:right;min-width:22px}.health.low .health-heart{animation:.7s ease-in-out infinite beat}.health.hit{border-color:#ff4d6d;box-shadow:0 0 14px #ff4d6db3}@keyframes beat{50%{transform:scale(1.35)}}.hurt-vignette{pointer-events:none;z-index:6;animation:.3s ease-out forwards fade-out;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #ff28468c}@keyframes fade-out{to{opacity:0}}.death{z-index:20;pointer-events:none;background:radial-gradient(circle,#3c000c8c,#02040ad9);flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.5s ease-out fade-in;display:flex;position:absolute;inset:0}.death strong{font:900 44px var(--display);letter-spacing:6px;color:#ff4d6d;text-shadow:0 0 24px #ff4d6dcc}.death span{color:var(--soft)}@keyframes fade-in{0%{opacity:0}}.ghost-banner{left:50%;top:calc(max(16px, env(safe-area-inset-top)) + 56px);z-index:5;background:#081222eb;border:1.5px solid #bfefff;border-radius:16px;align-items:center;gap:10px;width:min(92vw,460px);padding:10px 12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 22px #bfefff59}.ghost-icon{font-size:26px;animation:2.4s ease-in-out infinite ghost-bob}@keyframes ghost-bob{50%{transform:translateY(-4px)}}.god-compass{color:#ffd46b;border:1px solid #ffd46b;border-radius:16px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.god-compass span{transition:transform .3s;display:inline-block}.gold-btn{color:#ffd46b;white-space:nowrap;border-color:#ffd46b}@media (prefers-reduced-motion:reduce){.ghost-icon,.health.low .health-heart{animation:none}}.ghost-hint{left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 118px);z-index:5;text-align:center;max-width:min(64vw,420px);color:var(--text);background:#081222e6;border:1px solid #bfefff;border-radius:16px;padding:8px 14px;font-size:13px;position:absolute;transform:translate(-50%)}.cam-pad{right:max(16px, env(safe-area-inset-right));top:calc(max(16px, env(safe-area-inset-top)) + 58px);z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute}.icon-btn.small{width:40px;height:40px;font-size:18px}.cam-mode{font:700 11px var(--display);letter-spacing:1px;color:var(--cyan-text)}.cam-mode[aria-pressed=false]{color:var(--soft)}.act-row{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(92vw,560px);display:flex}.act-btn.extra{border-color:var(--cyan);color:var(--cyan-text);background:#041624eb;box-shadow:0 0 14px #36e2ff59}.act-btn.extra kbd{border-color:var(--cyan);color:var(--cyan-text)}.act-btn.extra.use{color:#ffc2cf;background:#280610eb;border-color:#ff6b8a;box-shadow:0 0 14px #ff4d6e66}.act-btn.extra.use kbd{color:#ffc2cf;border-color:#ff6b8a}.thumb-extra{gap:10px}.thumb.extra{border:2px solid var(--cyan);width:64px;height:64px;color:var(--cyan-text);animation:.18s ease-out act-in;box-shadow:0 0 14px #36e2ff66}.thumb.extra.use{color:#ffc2cf;background:#280610eb;border-color:#ff6b8a;box-shadow:0 0 16px #ff4d6e80}.thumb.extra .thumb-verb{font-size:11px}.seg.cast-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-cost{background:#9dffb00f;border:1px solid #9dffb066;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex}.agent-chip{background:#9dffb014;border-color:#9dffb0}.agent-chip:hover{background:#9dffb029}.btn.danger{color:#ffc2cf;border-color:#ff4d6e}.miracle-banner{left:50%;top:calc(max(16px, env(safe-area-inset-top)) + 56px);z-index:6;pointer-events:none;background:#1e1604f0;border:1.5px solid #ffd46b;border-radius:16px;align-items:center;gap:10px;width:min(92vw,460px);padding:10px 14px;animation:.5s ease-out miracle-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 26px #ffd46b80}.miracle-banner strong{font:700 13px var(--display);letter-spacing:1.5px;color:#ffe3a1}.miracle-icon{font-size:28px;animation:1.2s ease-in-out infinite miracle-pulse}.miracle-time{font:700 16px var(--display);color:#ffd46b;flex:none;margin-left:auto}.miracle-disco{animation:.5s ease-out miracle-in,1.2s linear infinite disco-border}@keyframes miracle-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@keyframes miracle-pulse{50%{transform:scale(1.18)rotate(-6deg)}}@keyframes disco-border{0%{border-color:#ff4d8d}33%{border-color:#4dffd2}66%{border-color:#8d6bff}to{border-color:#ff4d8d}}@media (prefers-reduced-motion:reduce){.miracle-banner,.miracle-icon,.miracle-disco{animation:none}}.agent-job{background:#9dffb012;border:1px solid #9dffb073;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.agent-kit{border:1px solid var(--line-strong);background:#050c1a99;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.agent-reply{color:#c8ffd4;border-left:2px solid #9dffb0;padding:6px 10px;font-size:14px}.contacts{flex-direction:column;gap:8px;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.contact{border:1px solid var(--line-strong);background:#050c1a99;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.portrait.small{border-width:1.5px;border-radius:22px;width:44px;height:44px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-dot{color:#4dff88}.online-dot:before{content:"● "}.call-panel{left:50%;top:calc(max(16px, env(safe-area-inset-top)) + 58px);z-index:7;background:#050e1ef2;border:1.5px solid #4dff88;border-radius:18px;flex-direction:column;gap:8px;width:min(92vw,400px);padding:10px 12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 22px #4dff8859}.call-panel.ringing{animation:1.2s ease-in-out infinite ring-glow}@keyframes ring-glow{50%{box-shadow:0 0 34px #4dff88b3}}.hangup{color:#fff;cursor:pointer;background:#ff3d5e;border:none;border-radius:20px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hangup svg{transform:rotate(135deg)}.call-count{margin-left:2px;font-size:10px}.call-msgs{flex-direction:column;gap:6px;display:flex}.call-list{flex-direction:column;gap:4px;max-height:140px;display:flex;overflow:auto}.call-msg{overflow-wrap:anywhere;background:#e8f1ff1a;border-radius:12px;align-self:flex-start;max-width:85%;padding:5px 10px;font-size:13px}.call-msg.mine{background:#36e2ff2e;align-self:flex-end}.ring{z-index:31;text-align:center;background:var(--panel);border:1.5px solid #4dff88;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:min(360px,100% - 32px);padding:18px;animation:.25s ease-out pop-in;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #4dff8873}.ring-portrait{border-color:#4dff88;width:64px;height:64px;animation:1.1s ease-in-out infinite ring-shake}@keyframes ring-shake{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}90%{transform:rotate(-5deg)}}.asking-chip{left:50%;top:calc(max(16px, env(safe-area-inset-top)) + 58px);z-index:7;border:1px solid var(--cyan);background:#050e1ef0;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.notes{left:50%;top:calc(max(16px, env(safe-area-inset-top)) + 112px);z-index:7;flex-direction:column;gap:6px;width:min(380px,100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.note{background:#050e1ef0;border:1px solid #9dffb0;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;animation:.25s ease-out note-in;display:flex}@keyframes note-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.call-panel.ringing,.ring-portrait,.note{animation:none}}@media (max-width:600px){.call-panel,.asking-chip{top:calc(max(16px, env(safe-area-inset-top)) + 112px)}.notes{top:calc(max(16px, env(safe-area-inset-top)) + 166px)}}.notes.below{margin-top:74px}.icon-btn.pulse{border-color:#ffd46b;animation:1.2s ease-in-out infinite pulse-ring}@keyframes pulse-ring{50%{box-shadow:0 0 0 6px #ffd46b40}}@media (prefers-reduced-motion:reduce){.icon-btn.pulse{animation:none}}.update-notice{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 96px);z-index:60;border:1px solid var(--cyan);background:#050e1ef5;border-radius:16px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px 8px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.plan-btn{padding:0 10px;font-size:16px}.plan-grid{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#040916;border-radius:12px;align-self:center;width:100%;max-width:340px}.turn-held{left:50%;top:calc(env(safe-area-inset-top) + 84px);z-index:6;border:1px solid var(--cyan);font:700 11px var(--display);letter-spacing:1.5px;color:var(--cyan-text);background:#050a18d9;border-radius:30px;align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;transform:translate(-50%)}.turn-held .icon-btn{touch-action:none;width:52px;height:52px;font-size:24px}@media (max-width:700px){.turn-held{top:calc(env(safe-area-inset-top) + 128px)}}.shape-bar{z-index:5;border:1.5px solid var(--cyan);background:#050c1af0;border-radius:16px;flex-direction:column;gap:8px;width:min(94vw,460px);padding:10px;display:flex;position:absolute;top:124px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #36e2ff40}.shape-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.shape-tool{border:1.5px solid var(--line);background:var(--panel-2);height:52px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:18px;display:flex}.shape-tool[aria-pressed=true]{border-color:var(--cyan);background:#0b2350;box-shadow:0 0 10px #36e2ff59}.shape-label{font:700 9px var(--display);letter-spacing:.6px;text-transform:uppercase;color:var(--soft)}.shape-sizes{gap:4px;display:flex}.shape-sizes button{border:1.5px solid var(--line);background:var(--panel-2);min-width:40px;height:32px;color:var(--text);font:700 11px var(--display);cursor:pointer;border-radius:10px;padding:0 6px}.shape-sizes button[aria-checked=true]{border-color:var(--cyan);background:#0b2350}.thumb.jump{width:72px;height:56px;font:700 12px var(--display);letter-spacing:1.5px;border-color:var(--cyan);color:var(--cyan-text);border-radius:28px}.thumb[aria-pressed=true]{border-color:var(--cyan);background:#0b2350}.paint-bar~.shape-bar{display:none}.help-btn{font-family:var(--display,inherit);color:var(--cyan);font-size:18px;font-weight:700}.help-log{overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:min(46vh,380px);padding:2px;display:flex;overflow-y:auto}.help-msg{white-space:pre-wrap;-webkit-user-select:text;user-select:text;border-radius:14px;max-width:88%;margin:0;padding:8px 12px;font-size:14px;line-height:1.45}.help-msg.bot{background:#36e2ff14;border:1px solid #7fe9ff59;border-bottom-left-radius:4px;align-self:flex-start}.help-msg.user{border:1px solid var(--cyan);background:#0e2a5ce6;border-bottom-right-radius:4px;align-self:flex-end}.help-chips{flex-wrap:wrap;gap:6px;display:flex}.help-chips .chip{cursor:pointer;text-align:left;height:auto;min-height:30px;font:inherit;border:1px solid #7fe9ff59;padding:5px 12px;font-size:13px}.agent-call{border-color:#9dffb0}.agent-call .portrait.talking{box-shadow:0 0 0 2px #9dffb0,0 0 14px #9dffb099}.mic-meter{background:#9dffb01f;border-radius:2px;width:100%;max-width:160px;height:3px;display:block;overflow:hidden}.mic-meter span{transform-origin:0;background:#9dffb0;height:100%;transition:transform 80ms linear;display:block;transform:scaleX(0)}.agent-subs{flex-direction:column;gap:4px;display:flex}.spinner.tiny{vertical-align:-1px;border-width:2px;width:10px;height:10px}