.chat-page{height:100svh;display:flex;flex-direction:column;padding-top:4.25rem;overflow:hidden}.chat-stage{position:relative;flex:1 1 auto;min-height:0;background:radial-gradient(ellipse at 50% 35%,rgba(226,85,22,.16),transparent 42%),radial-gradient(ellipse at 70% 80%,rgba(201,147,46,.08),transparent 36%),var(--soot)}#skull-canvas{display:block;width:100%;height:100%;min-height:0;touch-action:none;cursor:grab}#skull-canvas:active{cursor:grabbing}.chat-log-panel{position:absolute;inset:1rem auto 1rem 1rem;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;width:min(22rem,calc(100% - 2rem));overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 4.5rem);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 4.5rem)}.chat-log{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem;overflow:hidden}.chat-msg{display:grid;gap:.2rem;max-width:92%;padding:.55rem .7rem .65rem;border:1px solid var(--line);background:#0d0b09d1;animation:chatIn .35s var(--ease)}.chat-msg-user{align-self:flex-end;border-color:#e2551659}.chat-msg-skull{align-self:flex-start}.chat-msg-who{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--candle)}.chat-msg-user .chat-msg-who{color:var(--ember);text-align:right}.chat-msg p{margin:0;color:var(--bone);font-size:.92rem;line-height:1.4}.chat-interim{margin:0;padding:.45rem .65rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;line-height:1.45;color:var(--fog);font-style:italic;background:#0d0b09b3;border:1px dashed var(--line);pointer-events:none}@keyframes chatIn{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.chat-dock{flex-shrink:0;display:grid;justify-items:center;gap:.85rem;padding:1.25rem 1rem max(1.25rem,env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--smoke)}.chat-status{max-width:28rem;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;line-height:1.6;text-transform:uppercase;color:var(--fog)}.chat-btn{min-width:10.5rem;position:relative}.mic-change-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--fog);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;padding:.2rem .4rem}.mic-change-btn:hover{color:var(--bone)}.mic-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:#04070eb8}.mic-picker-card{width:min(22rem,100%);padding:1.15rem 1.2rem 1.2rem;border:1px solid rgba(232,236,242,.16);background:#080b12f5;color:var(--bone, #e8ecf2)}.mic-picker-title{margin:0 0 .45rem;font-family:var(--font-display, var(--serif), Georgia, serif);font-size:1.35rem;line-height:1.2}.mic-picker-hint{margin:0 0 .9rem;font-size:.82rem;line-height:1.45;color:var(--fog, #9aa3b5)}.mic-picker-list{display:grid;gap:.45rem;margin-bottom:1rem;max-height:min(40vh,16rem);overflow:auto}.mic-picker-option{display:flex;gap:.65rem;align-items:flex-start;padding:.55rem .6rem;border:1px solid rgba(232,236,242,.12);cursor:pointer;font-size:.9rem;line-height:1.35}.mic-picker-option:has(input:checked){border-color:#e255168c;background:#e2551614}.mic-picker-option input{margin-top:.2rem}.mic-picker-actions{display:flex;justify-content:flex-end;gap:.55rem}.chat-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.chat-btn.is-live{background:var(--blood);color:var(--bone);box-shadow:0 0 0 calc(4px + var(--level, 0) * 14px) #e2551638;animation:chatPulse 1.6s ease-in-out infinite}.chat-btn.is-live:hover{background:#8a2424;color:var(--bone)}@keyframes chatPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.skull-widget{position:fixed;right:1.1rem;bottom:1.1rem;z-index:90;width:7.25rem;height:7.25rem;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(226,85,22,.28),transparent 55%),var(--soot);box-shadow:0 .65rem 1.8rem #00000080;cursor:pointer}.landing-skull .skull-widget{position:relative!important;right:auto!important;bottom:auto!important;z-index:1;width:100%!important;height:100%!important;margin:0;background:#0d0b098c!important;box-shadow:0 4px 12px #00000059!important}.landing-skull .skull-widget:hover,.landing-skull .skull-widget:focus-visible{outline:1px solid #ffb060!important;outline-offset:1px!important;box-shadow:0 4px 12px #00000073!important}.skull-widget:hover,.skull-widget:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ember),0 .65rem 1.8rem #00000080}.skull-widget:disabled{cursor:wait;opacity:.72}.skull-widget canvas{display:block;width:100%;height:100%}@media(max-width:760px){.chat-page{padding-top:6.5rem}.chat-dock{padding-top:1rem;gap:.65rem}.skull-widget{width:5.75rem;height:5.75rem;right:.85rem;bottom:.85rem}.chat-log-panel{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;width:auto}}.spooky-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:max(1.25rem,env(safe-area-inset-top,0px)) clamp(1rem,4vw,2rem) max(1.35rem,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(9,8,7,.35) 0%,rgba(9,8,7,.08) 28%,transparent 48%,rgba(9,8,7,.45) 78%,rgba(9,8,7,.82) 100%);color:var(--bone);pointer-events:none;transition:opacity .65s var(--ease),visibility .65s var(--ease)}.spooky-loader.is-done{opacity:0;visibility:hidden}.spooky-loader__mist{position:absolute;inset:auto 0 0;height:38%;background:radial-gradient(ellipse 50% 40% at 20% 80%,rgba(243,235,224,.05),transparent 70%),radial-gradient(ellipse 45% 35% at 78% 90%,rgba(243,235,224,.04),transparent 70%);animation:spooky-mist 7s ease-in-out infinite alternate;pointer-events:none}.spooky-loader__panel{position:relative;width:min(28rem,100%);display:grid;gap:.75rem;justify-items:stretch;padding:1rem 1.1rem 1.05rem;background:#0d0b09c7;border:1px solid var(--line);box-shadow:0 -12px 40px #00000059;pointer-events:auto}.spooky-loader__brand{font-family:var(--font-display);font-weight:800;font-size:clamp(1.85rem,6vw,2.6rem);letter-spacing:.04em;line-height:.9;text-align:center;margin:0}.spooky-loader__brand span{color:var(--ember)}.spooky-loader__epitaph{margin:0;text-align:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment);min-height:1.2em;transition:opacity .35s var(--ease)}.spooky-loader__epitaph.is-swap{opacity:0}.spooky-loader__plot{position:relative;padding:.85rem .2rem .35rem}.spooky-loader__plot:before,.spooky-loader__plot:after{content:"";position:absolute;top:0;width:1px;height:.85rem;background:linear-gradient(180deg,var(--fog),transparent)}.spooky-loader__plot:before{left:0}.spooky-loader__plot:after{right:0}.spooky-loader__trough{position:relative;height:.85rem;border:1px solid var(--line);background:repeating-linear-gradient(-12deg,transparent,transparent 6px,rgba(243,235,224,.03) 6px,rgba(243,235,224,.03) 7px),linear-gradient(180deg,#1a1511,#0a0908);box-shadow:inset 0 0 0 1px #00000059;overflow:hidden;clip-path:polygon(0% 18%,3% 0%,97% 0%,100% 22%,100% 78%,97% 100%,4% 100%,0% 82%)}.spooky-loader__fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,var(--ember-deep) 0%,var(--ember) 42%,var(--candle) 78%,#f0d08a 100%);box-shadow:0 0 18px #e2551673,inset 0 1px #f3ebe040;transition:width .18s linear}.spooky-loader__fill:after{content:"";position:absolute;top:0;right:0;width:1.1rem;height:100%;background:linear-gradient(90deg,transparent,rgba(243,235,224,.55));animation:spooky-flicker 1.1s ease-in-out infinite;mix-blend-mode:soft-light}.spooky-loader__markers{display:flex;justify-content:space-between;margin-top:.45rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}.spooky-loader__meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fog)}.spooky-loader__pct{color:var(--candle);font-variant-numeric:tabular-nums}.spooky-loader__hint{margin:0;text-align:center;font-family:var(--font-serif);font-size:.9rem;color:#e4d7c3b8}@keyframes spooky-mist{0%{transform:translate(-2%) scaleY(1);opacity:.7}to{transform:translate(2%) scaleY(1.08);opacity:1}}@keyframes spooky-flicker{0%,to{opacity:.35}40%{opacity:.9}70%{opacity:.5}}@media(prefers-reduced-motion:reduce){.spooky-loader__mist,.spooky-loader__fill:after{animation:none}.spooky-loader{transition:none}}