:root{--night:#0d2533;--deep:#153947;--panel:#0a2735ed;--panel-edge:#b3a184;--paper:#f4ead7;--ink:#1d3941;--gold:#eac58f;--mist:#c3d3cd;--rose:#daa18e;--error:#f4ada2}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--night);color:#f8f2e7;font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ffe0ac;outline-offset:3px}.game{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 80% 10%,#406b70 0,#173e4b 42%,#0d2533 100%);position:relative;overflow:hidden}.game:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(#fff3 .7px,transparent .8px);background-size:20px 20px;opacity:.18}.frame{width:min(100%,1100px);min-height:100vh;min-height:100dvh;margin:auto;display:flex;flex-direction:column;position:relative;padding:14px clamp(12px,3vw,30px) 22px}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;margin:0 0 11px}.logo{color:var(--gold);font-family:Georgia,"Noto Serif CJK SC",serif;font-size:1.1rem;font-weight:700;letter-spacing:.15em}.status{font-size:.85rem;color:var(--mist);text-align:right}.meter{height:4px;background:#d6e2dd3b;border-radius:10px;overflow:hidden;margin-bottom:12px;z-index:2}.meter span{height:100%;display:block;background:linear-gradient(90deg,#dca48f,#efcd96);transition:width .3s}.scene-visual{height:clamp(220px,48vh,520px);position:relative;border:1px solid #a9b5a07d;border-radius:22px;overflow:hidden;background:linear-gradient(140deg,#426875,#152d45);box-shadow:0 15px 50px #06192599}.scene-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 44%,#092431a8 100%);z-index:1}.scene-visual.has-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}.scene-visual .fallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.scene-visual .fallback:before,.scene-visual .fallback:after{content:"";position:absolute;border-radius:50%;background:#efd3a277}.scene-visual .fallback:before{width:260px;height:260px;right:14%;top:3%;filter:blur(60px)}.scene-visual .fallback:after{width:610px;height:200px;bottom:-130px;left:-5%;background:#0e2a3ecc;filter:blur(25px)}.scene-symbol{font-size:clamp(3.4rem,10vw,7rem);opacity:.48;color:#e4d2b2;z-index:0}.scene-caption{position:absolute;z-index:2;left:clamp(19px,4vw,42px);bottom:15px;color:#e7d5b7;font-size:.82rem;letter-spacing:.14em}.portrait{position:absolute;z-index:2;right:2%;bottom:-5%;height:90%;max-width:40%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 24px #081b2a8a)}.dialogue{position:relative;z-index:3;max-width:880px;width:calc(100% - 24px);margin:-64px auto 0;border:1px solid var(--panel-edge);border-radius:19px;background:var(--panel);box-shadow:0 20px 60px #051925c9;padding:clamp(18px,3.5vw,29px);min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.speaker{color:var(--gold);font-size:1rem;font-weight:750;letter-spacing:.12em}.line{font-family:Georgia,"Noto Serif CJK SC","Songti SC",serif;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.86;margin:10px 0 18px;max-width:750px}.dialogue-bottom{display:flex;align-items:end;justify-content:space-between;gap:15px}.count{color:#aabfbd;font-size:.82rem}.action{min-height:46px;border:1px solid var(--gold);border-radius:10px;padding:9px 18px;color:#193644;background:var(--gold);font-weight:800}.action:hover{background:#f8d8a9}.action.secondary{color:#f4ead7;background:#355a5b;border-color:#8fa9a2}.action.secondary:hover{background:#476c69}.puzzle{max-width:880px;width:calc(100% - 24px);margin:-64px auto 0;position:relative;z-index:3;border:1px solid #d3ba93;border-radius:19px;background:#0a2937f4;box-shadow:0 20px 60px #051925c9;padding:clamp(18px,3.5vw,30px)}.puzzle .line{margin-bottom:15px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{min-height:58px;border:1px solid #9fafa47f;border-radius:12px;background:#244b53;color:#f8f1e3;text-align:left;padding:12px 15px}.option:hover{background:#39636a}.option.selected{background:#e9c690;color:#193b44;border-color:#e9c690}.option:disabled{opacity:.55;cursor:default}.sequence{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.token{padding:7px 10px;min-width:68px;border:1px dashed #a6bbb1;border-radius:8px;color:#ead5ac;background:#193a46}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.feedback{color:var(--error);min-height:24px;margin-top:10px;font-size:.92rem}.hint-button{border:0;background:none;color:var(--gold);text-decoration:underline;text-underline-offset:3px;padding:5px 0}.hint-box{border-left:3px solid var(--gold);background:#335555;padding:10px 13px;margin-top:7px;border-radius:0 8px 8px 0;color:#f5e8d3}.code-input{width:170px;max-width:100%;border-radius:10px;border:1px solid #a9b9b0;background:#f4ead7;color:#183843;text-align:center;padding:10px 12px;font-size:1.3rem;letter-spacing:.18em}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-item{border-radius:12px;background:#f2e6ce;color:#1e3a42;padding:13px}.score-item label{display:block;font-weight:750}.score-item small{display:block;min-height:41px;line-height:1.45}.score-item input{display:block;width:100%;border-radius:8px;border:1px solid #839a97;background:#fffdf6;color:#173943;font-size:1.1rem;padding:8px}.ending{max-width:750px;margin:25px auto 20px;background:#f4e9d4;color:#234048;border:1px solid #cbb18d;border-radius:18px;padding:clamp(23px,5vw,50px);box-shadow:0 25px 70px #071a29bd}.ending h1{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:clamp(2rem,6vw,3.4rem);color:#9b5a51;margin:0 0 25px}.ending p{font-size:1.08rem;line-height:2;letter-spacing:.02em}.ending .sign{text-align:right;color:#915850}.ending .end-action{margin-top:15px}.scene-visual[data-tone="clinic"]{background:linear-gradient(135deg,#193748,#68817e)}.scene-visual[data-tone="school"]{background:linear-gradient(135deg,#5b726a,#a98d70)}.scene-visual[data-tone="mountain"]{background:linear-gradient(135deg,#a2b7ad,#416c72)}.scene-visual[data-tone="winter"]{background:linear-gradient(135deg,#111f38,#456779)}.scene-visual[data-tone="spring"]{background:linear-gradient(135deg,#b5caba,#648e86)}.scene-visual[data-tone="result"]{background:linear-gradient(135deg,#e9c69b,#6c9b93)}.scene-visual[data-tone="wudang"]{background:linear-gradient(135deg,#b9d2c3,#4c8a84)}@media(max-width:620px){.frame{padding:11px 9px 20px}.scene-visual{height:43vh;height:43dvh;min-height:230px}.portrait{height:82%;max-width:49%}.dialogue,.puzzle{width:calc(100% - 12px);margin:-42px auto 0;min-height:250px}.line{font-size:1.08rem;line-height:1.85}.options{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr 1fr}.score-item{padding:10px}.score-item small{min-height:55px}.status{max-width:130px}}@media(max-width:380px){.score-grid{grid-template-columns:1fr}.score-item small{min-height:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* Keep narrative illustrations visible above dialogue on small screens. */
.scene-visual.has-image .fallback{display:none}.scene-visual.has-image{height:auto;aspect-ratio:16/9}.scene-visual[data-scene="classroom"] img{object-position:center 35%}.dialogue,.puzzle{margin:14px auto 0}.scene-caption{bottom:12px}@media(max-width:620px){.scene-visual.has-image{height:auto;min-height:0;aspect-ratio:16/9;border-radius:16px}.dialogue,.puzzle{margin:12px auto 0}}