@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{color:#f3efdf;font-synthesis:none;background:#081216;font-family:Noto Serif SC,SimSun,serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline-offset:5px;outline:1px solid #e6c993}.cinema{background:#081216;width:100%;height:100svh;min-height:540px;position:relative;overflow:hidden}.screen{background-position:50%;background-size:cover;position:absolute;inset:0}.screen:after{content:"";pointer-events:none;background:linear-gradient(#0005,#0000 22% 42%,#000b 100%);position:absolute;inset:0}.screen video{object-fit:cover;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.screen video.previous{z-index:0}.cinema[data-phase=film] .screen video{object-fit:contain;background:#081216}.cinema[data-phase=film] .screen:after{background:linear-gradient(#0000 70%,#0009)}nav{z-index:4;text-shadow:0 2px 6px #000;justify-content:space-between;align-items:center;padding:25px 35px;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}nav span{letter-spacing:4px;color:#e9d7af}nav div{gap:22px;display:flex}nav button{color:#d7dfd6;text-shadow:0 2px 6px #000;background:0 0;border:0;padding:6px;font-size:11px}.subtitles{text-align:center;z-index:3;text-shadow:0 2px 7px #000;position:absolute;bottom:6%;left:10%;right:10%}.scene-caption{color:#e3e4d8;max-width:950px;margin:0 auto 14px;font-size:14px;line-height:2}.story-prompt{letter-spacing:1px;max-width:960px;margin:0 auto 16px;font-size:19px;line-height:1.9}.decisions{flex-wrap:wrap;justify-content:center;align-items:center;gap:35px;display:flex}.decisions button{letter-spacing:2px;text-shadow:0 2px 5px #000;background:#15232966;border:0;border-bottom:1px solid #d6bc8166;padding:10px 15px;font-size:16px;transition:background .2s}.decisions button:hover{background:#ad8c4655}.word-input{gap:28px;margin:10px 0 18px;display:flex}.word-input label{color:#dfd5bd;align-items:center;gap:12px;font-size:13px;display:flex}.word-input input{color:#fff;background:#06111655;border:0;border-bottom:1px solid #d8c7a5aa;border-radius:0;width:230px;padding:10px;font-size:16px}.word-input input::placeholder{color:#bac3b6;font-size:13px}.word-input small{color:#cbc5b3;min-width:30px;font:10px sans-serif}.word-input .over{color:#ff9c87}#summon>small{margin-top:12px;font-size:10px;display:block}.error{color:#efd1a3;font-size:12px;line-height:1.7}.initial{letter-spacing:8px;background:radial-gradient(at 50% 20%,#27424a,#081216 70%);place-items:center;height:100%;font-size:24px;display:grid}@media (max-width:760px){.cinema{min-height:620px}nav{padding:18px 14px;font-size:10px}nav span{letter-spacing:2px}nav div{gap:4px}nav button{padding:4px;font-size:9px}.subtitles{bottom:5%;left:6%;right:6%}.scene-caption{font-size:12px}.story-prompt{font-size:15px;line-height:1.9}.word-input{flex-direction:column;gap:12px}.word-input label{justify-content:center;font-size:12px}.word-input input{width:180px;font-size:14px}.decisions{gap:10px}.decisions button{letter-spacing:1px;padding:9px 11px;font-size:12px}.screen video{object-position:center}.cinema[data-phase=film] .screen video{object-fit:contain}.cinema[data-phase=film] .subtitles{bottom:6%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#video-status{z-index:5;background:#071319df;border:1px solid #c2ac7355;border-radius:4px;width:340px;max-height:45vh;padding:14px 16px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.6;position:absolute;top:78px;right:28px;overflow:auto;box-shadow:0 8px 32px #0003}.video-status-title{color:#f2ddb1;justify-content:space-between;font-size:13px;display:flex}.video-status-title small{color:#9baea9;font-size:10px}.playing-label{color:#eee8d8;border-bottom:1px solid #a2b9ae22;margin:9px 0;padding-bottom:9px}#video-status ul{margin:0;padding:0;list-style:none}#video-status li{justify-content:space-between;gap:10px;padding:4px 0;display:flex}#video-status li span{color:#bbc5c0;white-space:nowrap}#video-status strong{color:#e0bd7d;text-align:right;font-weight:400}#video-status strong.ready{color:#9ad6b6}#video-status strong.failed{color:#ffab98}.sync-label{color:#8fa39d;margin:9px 0 0;font-size:10px}@media (max-width:760px){#video-status{width:auto;max-height:32vh;padding:10px 12px;font-size:10px;top:58px;left:12px;right:12px}.video-status-title{font-size:11px}#video-status li{padding:2px 0}.playing-label{margin:5px 0;padding-bottom:5px}}#evolve{background:#08161de8;border:1px solid #c2ac7355;border-radius:4px;padding:20px 24px}.evolve-hint{color:#bfc9bd;margin-bottom:14px;font-size:12px;display:block}.cinema[data-phase=growth] .scene-caption{display:none}@media (max-width:760px){#evolve{padding:14px 10px}.cinema[data-phase=growth] .subtitles{bottom:4%}.cinema[data-phase=growth] #video-status{max-height:24vh}.evolve-hint{font-size:10px}.cinema[data-phase=growth] .story-prompt{font-size:13px}}.stream-form{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.stream-form[hidden]{display:none}.stream-form input{color:#fff;background:#07191cbb;border:0;border-bottom:1px solid #cbb78b;max-width:230px;padding:12px}.stream-form button{color:#eee1bb;background:#1d3436cc;border:1px solid #cbb78b;padding:10px 20px}.stream-form input::placeholder{color:#bac3b6}.stream-experience [hidden]{display:none!important}.stream-experience .screen video{object-fit:contain;background:#061014}.stream-experience .screen:after{background:linear-gradient(#0004,#0000 22% 60%,#000b)}.stream-experience[data-phase=loading] .screen:after{background:0 0}.stream-loading{z-index:6;text-align:center;background:radial-gradient(at 50% 42%,#203338,#09161b 65%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.loading-seal{outline-offset:7px;color:#e5d2a7;letter-spacing:5px;border:1px solid #bca37588;border-radius:50%;outline:1px solid #bca37522;place-items:center;width:88px;height:88px;font-size:20px;animation:3s ease-in-out infinite seal-breathe;display:grid;box-shadow:0 0 60px #d4be8d11}.stream-loading p{letter-spacing:4px;margin:24px 0 0;font-size:19px}.stream-loading small{color:#afbbb7;font:12px system-ui,sans-serif}.stream-loading button{color:#e4d4b1;background:0 0;border:0;border-bottom:1px solid #baab89;margin-top:15px;padding:10px 18px}.stream-experience nav{z-index:7}.stream-experience[data-phase=loading] nav div{visibility:hidden}.stream-status{z-index:4;color:#d5d9cd;pointer-events:none;background:#05101477;border-radius:20px;padding:7px 12px;font:11px system-ui,sans-serif;position:absolute;top:72px;right:32px}.stream-status:empty{display:none}.stream-experience .subtitles{max-width:980px;margin:auto;bottom:5%;left:8%;right:8%}.chapter-label{letter-spacing:5px;color:#dbbf8c;margin:0 0 13px;font-size:11px}.stream-experience .story-prompt{text-wrap:pretty;max-width:850px;font-size:18px;line-height:1.9}.stream-experience .stream-form{flex-direction:column;align-items:center;gap:12px;display:flex}.stream-fields{justify-content:center;gap:26px;width:100%;display:flex}.stream-fields label{text-align:left;flex-direction:column;gap:8px;width:280px;display:flex;position:relative}.stream-fields label>span{color:#dbc9a7;letter-spacing:3px;font-size:11px}.stream-experience .stream-form input{border-radius:0;width:100%;max-width:100%;padding:12px 55px 12px 12px;font-size:16px;line-height:1.5}.stream-fields small{color:#a7b8ae;font:10px system-ui,sans-serif;position:absolute;bottom:17px;right:10px}.stream-form input[aria-invalid=true]{border-color:#ee9579}.input-hint{color:#c0c6b6;margin:0;font-size:11px}.stream-experience .stream-form button{letter-spacing:3px;padding:11px 26px;font-size:14px}.stream-experience #feedback{color:#d9c69f;min-height:18px;margin:12px 0 0;font-size:12px}.stream-experience #diagnostics{z-index:8;color:#b6d7ca;white-space:pre-wrap;background:#061116ee;max-width:450px;padding:12px;font:11px monospace;position:absolute;top:80px;left:25px}@keyframes seal-breathe{50%{border-color:#d7c294;box-shadow:0 0 65px #d4be8d25}}@media (max-width:760px){.stream-experience .subtitles{bottom:3%;left:5%;right:5%}.stream-experience .story-prompt{font-size:14px;line-height:1.8}.stream-fields{gap:12px}.stream-fields label{width:46%}.stream-experience .stream-form input{padding:10px 42px 10px 8px;font-size:14px}.stream-fields small{font-size:9px;bottom:15px;right:6px}.chapter-label{letter-spacing:3px;margin-bottom:10px;font-size:10px}.stream-status{font-size:10px;top:51px;right:14px}.stream-experience .stream-form button{font-size:12px}.stream-experience .screen video{object-position:center 34%}}@media (prefers-reduced-motion:reduce){.loading-seal{animation:none}}.stream-experience .screen canvas{object-fit:contain;pointer-events:none;background:#061014;width:100%;height:100%;position:absolute;inset:0}.stream-recovery{z-index:5;gap:12px;display:flex;position:absolute;top:110px;right:30px}.stream-recovery:empty{display:none}.stream-recovery button{color:#dfd1b0;background:#06101477;border:0;border-bottom:1px solid #baab8966;padding:7px 10px;font-size:11px}@media (max-width:760px){.stream-experience .screen canvas{object-position:center 34%}.stream-recovery{top:85px;right:14px}}.arena-rules{color:#c0c6b6;max-width:720px;margin:10px auto 0;font-size:11px;line-height:1.8}.arena-rules summary{cursor:pointer;letter-spacing:2px;list-style:none}.arena-rules p{text-align:left;background:#07191ccc;padding:12px}.battle-result{z-index:5;pointer-events:none;text-align:center;text-shadow:0 3px 18px #000,0 0 48px #000;color:#f0dba2;background:0 0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.battle-result>span{letter-spacing:6px;font-size:20px}.battle-result strong{letter-spacing:14px;font-size:clamp(80px,11vw,152px);font-weight:500;line-height:1.3}.battle-result p{letter-spacing:8px;margin:0 0 16px;font-size:clamp(24px,3vw,40px)}.battle-result small{letter-spacing:3px;font-size:13px}.battle-result[data-won=false]{color:#e5b6a4}.career{color:#e6d5ac;letter-spacing:2px;margin:0;font-size:13px}.stream-experience[data-phase=battle] .chapter-label,.stream-experience[data-phase=battle] .story-prompt{display:none}.stream-fields label{flex:1;max-width:310px}.stream-experience[data-phase=growth] .subtitles{max-height:75vh;padding:8px;overflow-y:auto}.stream-experience[data-phase=growth] .story-prompt{margin-bottom:10px;font-size:15px}@media (max-width:760px){.battle-result>span{font-size:15px}.battle-result strong{font-size:80px}.battle-result p{font-size:25px}.stream-experience[data-phase=growth] .stream-fields{flex-wrap:wrap;gap:9px}.stream-experience[data-phase=growth] .stream-fields label{flex:42%;max-width:none}.stream-experience[data-phase=growth] .stream-form input{padding-top:7px;padding-bottom:7px}.stream-experience[data-phase=growth] .stream-fields small{bottom:12px}.stream-experience[data-phase=growth] .arena-rules{margin-top:4px}.career{font-size:11px}.input-hint{line-height:1.7}}