:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#071713;--forest:#0d2a22;--forest-light:#173f34;--parchment:#f1e8cf;--parchment-muted:#bfcbbf;--ember:#e5a84b;--starlight:#6bc6b0;--danger:#ffad9f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--ink);color:var(--parchment);margin:0;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}.gateway{grid-template-columns:minmax(20rem,1.2fr) minmax(22rem,.8fr);min-height:100vh;display:grid;overflow:hidden}.brand-panel{isolation:isolate;background:radial-gradient(circle at 50% 44%, #6bc6b033, transparent 17rem), radial-gradient(circle at 85% 14%, #e5a84b1f, transparent 23rem), linear-gradient(145deg, #0b211b, var(--forest));border-right:1px solid #f1e8cf1a;flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(3rem,8vw,8rem);display:flex;position:relative}.brand-panel:before,.brand-panel:after{content:"";z-index:-1;pointer-events:none;border:1px solid #e5a84b1f;position:absolute;inset:1.5rem}.brand-panel:after{background-image:radial-gradient(circle,#f1e8cf52 0 1px,#0000 1.5px);background-size:5.2rem 5.2rem;border-color:#0000;inset:2rem;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.brand-copy{z-index:1;max-width:42rem;position:relative}.eyebrow,.passport-kicker,.chapter-mark{color:var(--ember);letter-spacing:.2em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}h1{letter-spacing:-.055em;text-shadow:0 0 4rem #6bc6b033;margin:.15em 0 .08em;font-family:Georgia,Times New Roman,STKaiti,KaiTi,serif;font-size:clamp(5rem,14vw,10rem);font-weight:400;line-height:.9}.tagline{max-width:24rem;color:var(--parchment-muted);font-family:STKaiti,KaiTi,serif;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.7}.chapter-mark{color:#f1e8cf7a;letter-spacing:.11em;margin:0;position:absolute;bottom:3.2rem;left:clamp(3rem,8vw,8rem)}.star-compass{aspect-ratio:1;border:1px solid #6bc6b03d;border-radius:50%;width:min(44vw,34rem);animation:7s ease-in-out infinite compass-breathe;position:absolute;top:50%;left:58%;transform:translate(-50%,-50%)}.star-compass:before,.star-compass:after,.star-compass span:before,.star-compass span:after{content:"";background:linear-gradient(90deg, transparent, var(--starlight), transparent);transform-origin:50%;position:absolute;top:50%;left:50%}.star-compass:before,.star-compass:after{width:112%;height:1px;transform:translate(-50%,-50%)rotate(45deg)}.star-compass:after{transform:translate(-50%,-50%)rotate(-45deg)}.star-compass span:before,.star-compass span:after{width:70%;height:1px;transform:translate(-50%,-50%)}.star-compass span:after{transform:translate(-50%,-50%)rotate(90deg)}.passport{align-self:center;width:min(31rem,100% - 3rem);margin:2rem auto;padding:clamp(2rem,5vw,3.5rem)}.passport-tabs{border-bottom:1px solid #f1e8cf24;gap:1.7rem;margin-bottom:3rem;display:flex}.passport-tabs button,.text-action{appearance:none;color:#f1e8cf85;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 .75rem}.passport-tabs button.active{border-bottom-color:var(--ember);color:var(--parchment)}.passport-copy h2,.signed-in h2{margin:.4rem 0 .75rem;font-family:STKaiti,KaiTi,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1.15}.passport-copy>p:last-child,.signed-in>p:not(.passport-kicker):not(.account-email){color:var(--parchment-muted);line-height:1.7}.auth-form{margin-top:2.4rem;display:grid}.adventure-name-field{display:grid}.auth-form label{color:var(--parchment-muted);margin:1rem 0 .55rem;font-size:.86rem}.auth-form input{width:100%;color:var(--parchment);background:0 0;border:0;border-bottom:1px solid #f1e8cf47;border-radius:0;outline:0;padding:.95rem 0;transition:border-color .16s,box-shadow .16s}.auth-form input::placeholder{color:#bfcbbf66}.auth-form input:focus{border-bottom-color:var(--starlight);box-shadow:0 2px #6bc6b01f}.form-error{color:var(--danger);margin:1rem 0 0;font-size:.88rem;line-height:1.5}.field-hint{color:#bfcbbf8c;margin:.55rem 0 0;font-size:.74rem;line-height:1.55}.primary-action{border:1px solid var(--ember);background:var(--ember);color:#201607;cursor:pointer;border-radius:999px;width:100%;margin-top:2rem;padding:1rem 1.25rem;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s}.primary-action:hover:not(:disabled){background:#f0bc65;transform:translateY(-2px);box-shadow:0 .75rem 2rem #e5a84b29}.primary-action:disabled{cursor:wait;opacity:.55}.text-action{margin:1.3rem auto 0;padding-inline:.3rem;display:block}.text-action:hover:not(:disabled){color:var(--parchment)}.passport-tabs button:focus-visible,.primary-action:focus-visible,.text-action:focus-visible{outline:2px solid var(--starlight);outline-offset:4px}.account-email{color:var(--starlight);overflow-wrap:anywhere;border-block:1px solid #f1e8cf1f;margin:1.5rem 0;padding:.8rem 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@keyframes compass-breathe{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.98)rotate(0)}50%{opacity:.75;transform:translate(-50%,-50%)scale(1.02)rotate(3deg)}}@media (max-width:760px){.gateway{display:block}.brand-panel{border-bottom:1px solid #f1e8cf1a;border-right:0;justify-content:flex-end;min-height:19rem;padding:3rem 2rem 2.4rem}.brand-panel:before{inset:.8rem}.brand-panel:after,.chapter-mark{display:none}h1{font-size:5rem}.tagline{margin-bottom:0;font-size:1.1rem}.star-compass{width:18rem;top:45%;left:72%}.passport{padding:2rem 0 3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.adventure-shell{isolation:isolate;background:radial-gradient(circle at 50% 42%,#72cabe24,#0000 23rem),linear-gradient(#061713 0%,#0b2821 54%,#482f20 100%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.adventure-sky,.adventure-sky:before,.adventure-sky:after{z-index:-3;content:"";pointer-events:none;position:absolute;inset:0}.adventure-sky:before{opacity:.48;background-image:radial-gradient(circle,#fff1c6c2 0 1px,#0000 1.6px),radial-gradient(circle,#6bc6b08f 0 1px,#0000 1.5px);background-position:0 0,3rem 2.4rem;background-size:7rem 7rem,9rem 9rem;-webkit-mask-image:linear-gradient(#000,#0000 58%);mask-image:linear-gradient(#000,#0000 58%)}.adventure-sky:after{border-left:.35rem solid #121f1ba3;border-radius:60% 40% 0 0;width:5rem;height:8rem;inset:auto auto 10% 10%;transform:skew(-7deg);box-shadow:4rem 2rem 0 -1.8rem #121f1ba3}.dune{z-index:-2;aspect-ratio:1.8;opacity:.72;background:linear-gradient(160deg,#735039,#2d2f25 62%);border-radius:50% 60% 0 0;width:80%;position:absolute;bottom:-18vw;left:-15%;transform:rotate(8deg)}.dune-two{opacity:.82;background:linear-gradient(190deg,#875d3d,#233027 68%);width:92%;bottom:-22vw;left:auto;right:-18%;transform:rotate(-7deg)}.mist{z-index:-1;filter:blur(2.5rem);background:#d3ddcb17;border-radius:50%;width:70%;height:25%;animation:14s ease-in-out infinite alternate mist-drift;position:absolute;bottom:16%;right:-12%}.adventure-header{z-index:3;background:linear-gradient(#04120fb3,#0000);border-bottom:1px solid #f1e8cf1a;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.4rem clamp(1.4rem,4vw,4rem);display:flex;position:relative}.mori-wordmark{color:var(--ember);margin-right:1rem;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.adventure-title{color:#f1e8cf9e;letter-spacing:.12em;font-size:.78rem}.adventure-account{color:#f1e8cf61;align-items:center;gap:.9rem;font-size:.7rem;display:flex;position:relative}.name-control{position:relative}.adventure-name-badge{color:var(--parchment);cursor:pointer;background:#e5a84b14;border:1px solid #e5a84b57;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.72rem;display:inline-flex}.adventure-name-badge span{color:var(--ember)}.adventure-name-badge:hover,.adventure-name-badge:focus-visible{border-color:var(--ember);outline:0}.name-editor{z-index:12;width:min(21rem,100vw - 2rem);color:var(--parchment);text-align:left;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:linear-gradient(135deg,#e5a84b17,#0000 42%),#041410f5;border:1px solid #e5a84b61;padding:1rem;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 1.4rem 4rem #00000061}.name-editor:before{content:"";pointer-events:none;border:1px solid #f1e8cf12;position:absolute;inset:.35rem}.name-editor-heading{border-bottom:1px solid #f1e8cf1f;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.8rem;display:flex;position:relative}.name-editor-heading span,.name-editor label{color:#f1e8cf85;letter-spacing:.1em;font-size:.68rem;display:block}.name-editor-heading strong{color:var(--ember);margin-top:.2rem;font-family:STKaiti,KaiTi,serif;font-size:1.45rem;font-weight:400;display:block}.name-editor-heading button{color:#f1e8cf94;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.2rem;position:relative}.name-editor form{padding-top:.9rem;display:grid;position:relative}.name-editor input{color:var(--parchment);background:#0000002e;border:1px solid #6bc6b057;outline:0;margin-top:.5rem;padding:.7rem .75rem}.name-editor input:focus{border-color:var(--starlight)}.name-rule,.name-error,.name-success{margin:.7rem 0 0;font-size:.7rem;line-height:1.55}.name-rule{color:#f1e8cf7a}.name-error{color:var(--danger)}.name-success{color:var(--starlight)}.name-editor form>button{color:var(--parchment);cursor:pointer;background:#e5a84b1f;border:1px solid #e5a84b94;margin-top:.9rem;padding:.65rem .8rem}.name-editor form>button:disabled,.name-editor input:disabled{cursor:not-allowed;opacity:.48}.adventure-account .text-action{font-size:inherit;border:0;margin:0;padding:0}.story-stage{text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;margin:0 1rem;padding:4rem 0 2rem;display:flex;position:relative}.story-progress{gap:.55rem;display:flex;position:absolute;top:1rem}.story-progress span{background:#f1e8cf2e;width:1.8rem;height:2px;transition:background .5s,box-shadow .5s}.story-progress span.reached{background:var(--ember);box-shadow:0 0 .8rem #e5a84b8c}.listening-orbit{aspect-ratio:1;flex-shrink:0;width:clamp(12rem,28vh,18rem);margin-bottom:1.5rem;position:relative}.orbit-ring,.compass-core{border:1px solid #6bc6b052;border-radius:50%;position:absolute;inset:0}.ring-one:before,.ring-two:before{content:"";background:linear-gradient(90deg,#0000,#6bc6b08c,#0000);width:112%;height:1px;position:absolute;top:50%;left:-6%;transform:rotate(45deg)}.ring-two{border-style:dashed;inset:15%;transform:rotate(25deg)}.ring-two:before{transform:rotate(-90deg)}.compass-core{color:var(--ember);background:radial-gradient(circle,#e5a84b47,#0000 68%);border-color:#e5a84b94;place-items:center;font-size:2.2rem;display:grid;inset:35%;box-shadow:0 0 3rem #e5a84b2e}.phase-narrating .ring-one,.phase-prompting .ring-one,.phase-transition .ring-one,.phase-waiting .ring-one,.phase-booting .ring-one{animation:9s linear infinite orbit-turn}.phase-narrating .ring-two,.phase-prompting .ring-two,.phase-transition .ring-two,.phase-waiting .ring-two,.phase-booting .ring-two{animation:6s linear infinite orbit-turn-reverse}.phase-narrating .compass-core,.phase-prompting .compass-core,.phase-transition .compass-core,.phase-waiting .compass-core,.phase-booting .compass-core{animation:1.8s ease-in-out infinite listening-pulse}.act-label{color:var(--ember);letter-spacing:.22em;margin:0 0 .5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.stage-status{letter-spacing:.05em;text-shadow:0 0 2rem #6bc6b03d;margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(1.75rem,4vw,3rem);font-weight:400;line-height:1.25}.start-adventure,.player-error button{color:var(--parchment);cursor:pointer;letter-spacing:.12em;background:#071713bd;border:1px solid #e5a84bad;border-radius:999px;margin-top:1.5rem;padding:.78rem 2rem;box-shadow:0 0 2rem #e5a84b1f}.start-adventure:hover,.player-error button:hover{border-color:var(--ember);background:#e5a84b24}.playback-control{min-height:3rem;color:var(--parchment);cursor:pointer;font:inherit;letter-spacing:.08em;background:#041310c2;border:1px solid #6bc6b07a;border-radius:999px;align-items:center;gap:.65rem;margin-top:1.15rem;padding:.65rem 1.25rem .65rem .72rem;transition:border-color .18s,background .18s,transform .18s;display:inline-flex;box-shadow:0 0 2rem #6bc6b01a}.playback-control:hover,.playback-control:focus-visible{border-color:var(--aqua);background:#6bc6b021;outline:0;transform:translateY(-.1rem)}.playback-control-icon{aspect-ratio:1;width:2rem;color:var(--ember);letter-spacing:0;border:1px solid #e5a84b85;border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;display:grid}.playback-paused .orbit-ring,.playback-paused .compass-core{animation-play-state:paused}.choice-deck{z-index:4;flex-shrink:0;justify-content:center;gap:clamp(1.2rem,4vw,3.2rem);padding:0 1rem clamp(1.3rem,4vh,3rem);display:flex;position:relative}.story-button{color:#f1e8cf4d;cursor:default;width:min(13rem,33.3333vw - 1.33333rem);min-width:0;font:inherit;background:0 0;border:0;flex-direction:column;flex:0 min(13rem,33.3333vw - 1.33333rem);align-items:center;padding:0;display:flex;position:relative}.story-button-orb{aspect-ratio:1;background:radial-gradient(circle at 42% 38%,#f1e8cf1a,#0000 50%),#061612c7;border:1px solid #f1e8cf2e;border-radius:50%;place-items:center;width:clamp(4.6rem,9vw,6.2rem);font-family:Georgia,Times New Roman,serif;font-size:1.25rem;transition:transform .18s,border-color .18s,color .18s,box-shadow .18s,background .18s;display:grid;position:relative;box-shadow:inset 0 0 0 .45rem #0000001f}.story-button-orb:before{border-radius:inherit;content:"";border:1px solid #0000;position:absolute;inset:-.5rem}.story-choice-label{min-height:4.2rem;color:var(--parchment);letter-spacing:.04em;opacity:0;visibility:hidden;margin-top:.7rem;font-size:clamp(.76rem,1.7vw,.94rem);font-weight:600;line-height:1.45;transition:color .18s,opacity .22s,transform .22s;transform:translateY(.35rem)}.phase-choosing .story-button:not(:disabled){cursor:pointer}.phase-choosing .story-button:not(:disabled) .story-button-orb{color:var(--parchment);border-color:#6bc6b0b8;animation:2.8s ease-in-out infinite button-await;box-shadow:inset 0 0 0 .45rem #0000001f,0 0 2.4rem #6bc6b030}.phase-choosing .story-button:not(:disabled) .story-choice-label{opacity:1;visibility:visible;transform:translateY(0)}.phase-choosing .story-button:not(:disabled):nth-child(2) .story-button-orb{animation-delay:.18s}.phase-choosing .story-button:not(:disabled):nth-child(3) .story-button-orb{animation-delay:.36s}.phase-choosing .story-button:not(:disabled):hover .story-button-orb,.phase-choosing .story-button:not(:disabled):focus-visible .story-button-orb{z-index:1;border-color:var(--ember);color:var(--ember);transform:translateY(-.3rem)scale(1.05);box-shadow:0 0 0 .4rem #e5a84b1a,0 0 3rem #e5a84b47}.phase-choosing .story-button:not(:disabled):hover .story-choice-label,.phase-choosing .story-button:not(:disabled):focus-visible .story-choice-label{color:var(--ember)}.phase-choosing .story-button:not(:disabled):focus-visible{outline:0}.player-error{max-width:28rem;color:var(--danger)}.player-error button{color:var(--parchment)}.debug-panel{z-index:8;color:#f1e8cfc7;text-align:left;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#030f0ce0;border:1px solid #6bc6b047;width:min(25rem,100% - 2rem);max-height:calc(100svh - 15rem);padding:1rem 1.2rem;font-size:.75rem;line-height:1.6;position:absolute;top:4.8rem;right:1rem;overflow:auto}.debug-title{color:var(--starlight);letter-spacing:.08em;margin:0 0 .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.debug-panel details{border-top:1px solid #f1e8cf1a;padding:.7rem 0}.debug-panel summary{cursor:pointer;color:var(--ember)}.debug-panel pre{white-space:pre-wrap;overflow:auto}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-turn-reverse{to{transform:rotate(-335deg)}}@keyframes listening-pulse{50%{transform:scale(1.12);box-shadow:0 0 4rem #e5a84b52}}@keyframes button-await{50%{box-shadow:inset 0 0 0 .45rem #0000001f,0 0 3.1rem #6bc6b047}}@keyframes mist-drift{to{transform:translate(-9%)scale(1.12)}}@media (max-width:700px){.adventure-header{padding:1rem 1.2rem}.adventure-account>span,.adventure-title{display:none}.name-editor{position:fixed;top:4rem;right:1rem}.story-stage{padding-top:3rem}.listening-orbit{width:min(48vw,13rem)}.choice-deck{gap:1.2rem}.debug-panel{max-height:calc(100svh - 13rem);top:4rem}}@media (max-height:650px){.listening-orbit{width:9rem;margin-bottom:.7rem}.story-progress{top:.75rem}.story-stage{padding-top:2.5rem}}