:root{--bg-0:oklch(11% .022 160);--bg-1:oklch(15.5% .028 160);--bg-2:oklch(20.5% .032 160);--bg-3:oklch(25.5% .034 160);--ink:oklch(93% .018 160);--ink-dim:oklch(76% .028 160);--ink-faint:oklch(68% .028 160);--gold:oklch(79% .135 86);--gold-soft:oklch(72% .1 86);--gold-deep:oklch(60% .11 82);--gold-wash:oklch(79% .135 86/.09);--on-gold:oklch(16% .03 160);--ember:oklch(66% .13 28);--moss:oklch(76% .11 158);--amber-note:oklch(78% .12 78);--line:oklch(29% .03 160);--line-soft:oklch(23% .028 160);--focus:oklch(79% .135 86);--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-caption:.75rem;--text-secondary:.875rem;--text-body:1rem;--text-lead:1.25rem;--text-title:1.5rem;--text-display:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-state:.24s;--z-base:1;--z-orb-glow:0;--z-toast:50}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-0);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body);letter-spacing:.012em;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);margin:0;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 42% at 50% 0,oklch(24% .05 160),#0000 70%),radial-gradient(34% 26% at 50% 108%,oklch(30% .07 80/.5),#0000 70%);position:fixed;inset:0}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.15}p{text-wrap:pretty;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}input,select{font:inherit;color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.adv{max-width:34rem;min-height:100dvh;padding:var(--space-4) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.adv-bar{align-items:flex-start;gap:var(--space-3);display:flex}.adv-titles{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.adv-title{font-family:var(--font-display);font-size:var(--text-lead);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.adv-status{font-size:var(--text-secondary);color:var(--ink-dim);font-variant-numeric:tabular-nums}.adv-tools{gap:var(--space-2);flex-shrink:0;display:flex}.icon-chip{border:1px solid var(--line);background:var(--bg-1);width:2.75rem;height:2.75rem;color:var(--ink-dim);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}@media (hover:hover){.icon-chip:hover{border-color:var(--gold-deep);color:var(--ink)}}.icon-chip:active{transform:scale(.94)}.icon-chip[aria-pressed=true]{border-color:var(--gold-deep);color:var(--gold)}.adv-stage{border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:var(--bg-1);flex:1 0 auto;min-height:min(58vw,19rem);position:relative;overflow:hidden}.adv-stage .orb-canvas{position:absolute;inset:0}.orb-canvas{background:radial-gradient(42% 42% at 50% 55%, oklch(62% .12 82), oklch(30% .06 160) 62%, var(--bg-1) 78%);width:100%;height:100%;display:block}canvas[data-nogl=true]{background:radial-gradient(42% 42% at 50% 55%, oklch(62% .12 82), oklch(30% .06 160) 62%, var(--bg-1) 78%)}.adv-caption{padding:var(--space-2) var(--space-4);font-size:var(--text-secondary);color:var(--ink-dim);background:var(--bg-1);border-top:1px solid var(--line-soft);margin:0;position:absolute;bottom:0;left:0;right:0}.adv-narration{font-family:var(--font-display);font-size:var(--text-lead);max-width:34ch;line-height:1.55}.adv-prompt{color:var(--ink-dim);max-width:42ch;font-style:italic}.adv-stats{gap:var(--space-4);font-size:var(--text-secondary);color:var(--ink-dim);font-variant-numeric:tabular-nums;display:flex}.adv-stats strong{color:var(--ink)}.adv-exercise{background:var(--gold-wash);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);border:1px solid oklch(60% .1 82);flex-direction:column;display:flex}.adv-exercise-name{font-size:var(--text-lead);color:var(--gold);text-transform:capitalize;font-weight:700}.adv-exercise-detail{font-size:var(--text-lead);color:var(--ink);font-weight:600}.adv-exercise-action-hint{font-size:var(--text-secondary);color:var(--gold);margin:var(--space-1) 0 0;border-top:1px solid var(--line-soft);padding-top:var(--space-2);font-style:italic;line-height:1.45}.adv-dock{gap:var(--space-3);background:var(--bg-0);padding:var(--space-3) 0 var(--space-2);z-index:var(--z-base);border-top:1px solid var(--line-soft);flex-direction:column;display:flex;position:sticky;bottom:0}.adv-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-body);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.adv-action-row{gap:var(--space-2);align-items:stretch;width:100%;display:flex}.adv-btn-speak{background:var(--gold);min-width:7.5rem;color:var(--on-gold);border-radius:var(--radius-md);padding:0 var(--space-4);cursor:pointer;flex:none;font-size:1rem;font-weight:700}@media (hover:hover){.adv-btn-speak:hover{background:var(--gold-soft);transform:translateY(-1px)}}.adv-btn-speak:active{transform:scale(.985)}.adv-btn-listening{animation:1.2s ease-in-out infinite pulseMic;color:#fff!important;background:#dc2626!important}@keyframes pulseMic{0%,to{box-shadow:0 0 #dc262699}50%{box-shadow:0 0 0 8px #dc262600}}.adv-input-wrap{gap:var(--space-2);flex:1;align-items:stretch;min-width:0;display:flex}.adv-input-large{letter-spacing:.015em;min-width:0;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;flex:1;line-height:1.5;color:#fff!important;border:1.5px solid var(--line)!important;border-radius:var(--radius-md)!important;padding:var(--space-2) var(--space-4)!important;background:#09130d!important;min-height:3.25rem!important;font-size:1.05rem!important}.adv-input-large::placeholder{font-size:.95rem;color:#8c9b90!important}.adv-input-large:focus{outline:none;box-shadow:0 0 12px #d4af5a40;border-color:var(--gold)!important;background:#0c1810!important}.adv-btn-send{background:var(--bg-2);border:1.5px solid var(--line);min-width:3.25rem;color:var(--gold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) ease;flex:none;font-size:1.25rem;font-weight:700}@media (hover:hover){.adv-btn-send:hover:not(:disabled){border-color:var(--gold);background:var(--gold-wash);transform:translateY(-1px)}}.adv-subdock-row{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.adv-btn-end{font-size:var(--text-secondary);color:var(--ink-dim);border:1px solid var(--line-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:auto;min-height:2rem}@media (hover:hover){.adv-btn-end:hover{border-color:var(--line);color:var(--ink)}}.adv-btn:disabled{opacity:.45;cursor:default}.adv-dm-thinking-panel{align-items:center;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gold-deep);text-align:center;margin:var(--space-2) 0;background:radial-gradient(circle,#d4af5a1f,#0f1914d9);flex-direction:column;animation:2s ease-in-out infinite dmFadePulse;display:flex;box-shadow:0 0 25px #d4af5a2e}.adv-dm-thinking-header{align-items:center;gap:var(--space-2);display:inline-flex}.adv-dm-thinking-icon{color:var(--gold);font-size:1.2rem;animation:6s linear infinite spinSlow}.adv-dm-thinking-title{font-family:var(--font-display);font-size:var(--text-lead);color:var(--gold);letter-spacing:.02em;font-weight:600}.adv-dm-thinking-dot-pulse{background:var(--gold);width:8px;height:8px;box-shadow:0 0 10px var(--gold);border-radius:50%;animation:1.2s ease-in-out infinite dmDotGlow}.adv-dm-thinking-subtext{font-size:var(--text-secondary);color:var(--ink-dim);margin:0}@keyframes dmFadePulse{0%,to{border-color:var(--line);box-shadow:0 0 15px #d4af5a1a}50%{border-color:var(--gold);box-shadow:0 0 30px #d4af5a47}}@keyframes dmDotGlow{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adv-start,.adv-end{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-8) 0;flex-direction:column;flex:1;display:flex}.adv-start-orb{aspect-ratio:1;width:min(52vw,200px)}.adv-display{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.01em;font-weight:600}.adv-display-gold{font-family:var(--font-display);font-size:var(--text-title);color:var(--gold)}.adv-lede{color:var(--ink-dim);max-width:30ch}.adv-start-form{gap:var(--space-4);background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--radius-lg);width:100%;padding:var(--space-6) var(--space-4);text-align:left;flex-direction:column;display:flex}.adv-field{gap:var(--space-2);flex-direction:column;display:flex}.adv-field>span{font-size:var(--text-secondary);color:var(--ink-dim);font-weight:600}.adv-notice{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-secondary);background:oklch(60% .1 78/.1);border:1px solid oklch(60% .1 78)}.adv-disclosure{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--bg-1);padding:var(--space-2) var(--space-4)}.adv-disclosure summary{cursor:pointer;min-height:2.75rem;font-weight:600;font-size:var(--text-secondary);color:var(--ink-dim);align-items:center;display:flex}.adv-voice-grid{gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);flex-direction:column;display:flex}.adv-voice-grid input[type=range]{width:100%;accent-color:var(--gold)}.adv-log{color:oklch(84% .02 160);border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-secondary);white-space:pre-wrap;word-break:break-word;text-align:left;background:oklch(8% .015 160);max-height:14rem;margin:0;line-height:1.6;overflow-y:auto}.adv-trio{gap:var(--space-3);justify-content:center;align-items:center;min-height:min(65vw,22rem);transition:min-height .6s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.adv-trio-awakening{min-height:min(75vw,25rem)}.orb-pick{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-1);border-radius:var(--radius-lg);cursor:pointer;transition:opacity .6s cubic-bezier(.2, .8, .2, 1), transform .6s cubic-bezier(.2, .8, .2, 1), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;flex:1 1 0;display:flex}@media (hover:hover){.orb-pick:not(.orb-pick-enlarged):hover{border-color:var(--line);background:var(--bg-1);transform:translateY(-4px)scale(1.02)}}.orb-pick:active{transform:scale(.97)}.orb-pick:disabled{cursor:default}.orb-pick.orb-pick-vanish{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),visibility .5s;transform:scale(.4)translateY(35px)}.orb-pick.orb-pick-enlarged{z-index:10;width:100%;max-width:22rem;padding:var(--space-2);cursor:default;background:0 0;border-color:#0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.orb-pick-canvas{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:var(--bg-1);pointer-events:auto;width:min(28vw,140px);transition:width .65s cubic-bezier(.16,1,.3,1),height .65s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .65s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 8px 24px #00000073}.orb-pick.orb-pick-enlarged .orb-pick-canvas{border-radius:var(--radius-lg);border-color:var(--gold-deep);width:min(65vw,19rem);height:min(65vw,19rem);box-shadow:0 0 40px #d4af5a4d,0 20px 50px #000000b3}.orb-pick-name{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;transition:opacity .3s}.orb-pick-mins{font-size:var(--text-secondary);color:var(--ink-dim);font-variant-numeric:tabular-nums;transition:opacity .3s}.orb-pick-enlarged .orb-pick-name,.orb-pick-enlarged .orb-pick-mins{display:none}.orb-awakening-panel{align-items:center;gap:var(--space-1);text-align:center;margin-top:var(--space-3);flex-direction:column;animation:.5s ease-out orbFadeIn;display:flex}.orb-awakening-title{font-family:var(--font-display);font-size:var(--text-lead);color:var(--gold);letter-spacing:.01em;font-weight:600}.orb-awakening-subtitle{font-size:var(--text-secondary);color:var(--ink-dim);max-width:30ch;line-height:1.4}.orb-awakening-pulse{align-items:center;gap:var(--space-2);font-size:var(--text-secondary);color:var(--gold-soft);margin-top:var(--space-2);display:inline-flex}.orb-pulse-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 10px var(--gold);border-radius:50%;animation:1.4s ease-in-out infinite orbPulseGlow}@keyframes orbPulseGlow{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;box-shadow:0 0 16px var(--gold);transform:scale(1.4)}}@keyframes orbFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.adv-login-buttons{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.adv-layout{flex-direction:column;min-height:100dvh;display:flex}.adv-main{gap:var(--space-4);width:100%;min-width:0;max-width:34rem;padding:var(--space-4) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));flex-direction:column;flex:1;margin:0 auto;display:flex}.adv-side{background:var(--bg-1);border-right:1px solid var(--line-soft)}.adv-side-inner{gap:var(--space-3);padding:var(--space-4);flex-direction:column;height:100%;display:flex;overflow-y:auto}.adv-side-head{align-items:center;gap:var(--space-2);display:flex}.adv-side-title{font-family:var(--font-display);font-size:var(--text-lead);flex:1;font-weight:600}.chronicle-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chronicle-empty{font-size:var(--text-secondary);color:var(--ink-dim)}.chronicle-item{text-align:left;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-soft);background:var(--bg-0);transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}@media (hover:hover){.chronicle-item:hover{border-color:var(--gold-deep)}}.chronicle-item[aria-current=true]{border-color:var(--gold-deep);background:var(--gold-wash)}.chronicle-item-title{font-weight:600;font-size:var(--text-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chronicle-item-meta{font-size:var(--text-secondary);color:var(--ink-dim)}@media (width<=63.99rem){.adv-side{width:min(84vw,20rem);z-index:var(--z-toast);transition:transform var(--dur-state) var(--ease-out);position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.adv-side[data-open=true]{transform:none}.adv-scrim{z-index:calc(var(--z-toast) - 1);cursor:default;background:oklch(5% .01 160/.7);border:none;padding:0;position:fixed;inset:0}}@media (width>=64rem){.adv-layout{flex-direction:row}.adv-side{flex-shrink:0;width:19rem;height:100dvh;position:sticky;top:0}.adv-scrim,.adv-menu-chip{display:none}}.replay-turn{gap:var(--space-1);padding:var(--space-3) 0;border-top:1px solid var(--line-soft);flex-direction:column;display:flex}.replay-turn:first-of-type{border-top:none}.replay-you{font-size:var(--text-secondary);color:var(--ink-dim)}.replay-dm{font-family:var(--font-display);font-size:var(--text-body);line-height:1.55}.replay-xp{font-size:var(--text-secondary);color:var(--gold-soft);font-variant-numeric:tabular-nums}