:root{--gold:#d8bd7b;--gold-light:#f1dfb3;--ink:#111a19;--text:#e9e9dc;--muted:#a1aa9e;--line:#b5c2ab30;--serif:'STKaiti','KaiTi',Georgia,serif;--safe:clamp(20px,3.6vw,64px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#141e1b;color:var(--text);font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .2s,border-color .2s,transform .2s}button:hover:not(:disabled){border-color:var(--gold)}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.game{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate}.world-stage{position:absolute;inset:0;z-index:-3;background:#c5c8b9}.world-stage>canvas,.world-stage>img,.world-stage>video{display:block;width:100%;height:100%;object-fit:cover}.world-stage>video{object-fit:contain;background:#171f1d}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0e1818ed 0%,#15221b70 15%,#15221b05 37%,#101d1700 47%,#0a141486 68%,#0b1515fc 87%),linear-gradient(90deg,#14201a77,transparent 24%,transparent 77%,#14201a55)}.film-grain{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.transition{position:absolute;inset:0;background:#e8e5d5;opacity:0;pointer-events:none}.transition.flash{animation:ink-transition .85s ease-out}.hud-top{position:absolute;top:30px;left:var(--safe);right:var(--safe);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4}.game-brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.game-brand>svg{width:29px;height:40px;stroke:var(--gold-light);fill:none;stroke-width:2;filter:drop-shadow(0 0 8px #d8bd7b33)}h1{font:700 23px var(--serif);margin:0;letter-spacing:3px;color:#f5f0db}h1 span{margin-left:3px}.game-brand small{display:block;font-size:9px;letter-spacing:5px;margin-top:8px;color:#a9ae9b}.chapter-hud{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:15px;color:#bcc1af;max-width:35%}.chapter-hud #location-tag{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chapter-rule{height:15px;width:1px;background:#cad1b849;flex-shrink:0}.hud-tools{display:flex;gap:10px}.hud-button{width:39px;height:39px;padding:10px;border:1px solid #cbd4bb40;background:#12201b52;border-radius:50%;color:#d2d7c5}.hud-button>svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hud-button:hover{color:var(--gold);background:#23312bed}.quest-hud{position:absolute;left:var(--safe);top:128px;display:flex;flex-direction:column;gap:9px;border-left:1px solid #d6bb7666;padding-left:17px;max-width:33%;text-shadow:0 1px 5px #10201488}.quest-type{font-size:11px;letter-spacing:3px;color:var(--gold)}.quest-type i{display:inline-block;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);margin-right:8px}.quest-hud strong{font-size:17px;font-weight:500;line-height:1.5}.quest-hud>span:last-child{font-size:12px;color:#c1c7b6}.identity-hud{position:absolute;right:var(--safe);top:132px;display:flex;gap:10px;align-items:center;max-width:26%;text-align:right}.identity-symbol{font-size:36px;color:#d3bb80;order:2}.identity-hud small{display:block;font-size:10px;letter-spacing:2px;color:#bdc4b1;margin-bottom:6px}.identity-hud #character-tag{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.6}.world-prompt{position:absolute;left:42%;top:46%;transform:translateX(-50%);border:1px solid #c8bb9480;background:#18231ece;border-radius:3px;backdrop-filter:blur(8px);padding:7px 13px;font-size:11px;color:#e4d8b5;box-shadow:0 4px 25px #25332633}.world-prompt.near{left:75%;top:35%;color:#f8e4a8;box-shadow:0 0 18px #efcb7655}.dialogue-hud{position:absolute;left:max(var(--safe),calc((100% - 1250px)/2));right:max(var(--safe),calc((100% - 1250px)/2));bottom:61px;z-index:3;transition:opacity .35s,transform .35s}.dialogue-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.speaker{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:3px;color:var(--gold)}.speaker-mark{font-size:19px}.dialogue-tools{display:flex;gap:15px}.subtle-button{border:0;background:transparent;padding:4px;color:#bbc1ae;font-size:11px}.subtle-button:hover{color:var(--gold-light)}kbd{display:inline-block;min-width:18px;padding:2px 4px;border:1px solid #d1dac13a;border-radius:2px;font:10px 'Segoe UI',sans-serif;color:#bdc6b4;line-height:1.3}.subtle-button kbd{margin-left:7px}.narration-row{display:flex;align-items:start;gap:36px;margin-bottom:22px;min-height:63px}.narration-row h2{font:26px var(--serif);margin:0;line-height:1.5;color:#f4edcf;flex:0 0 28%;text-shadow:0 2px 14px #111f12}.narration-row p{margin:0;font-size:14px;line-height:1.9;color:#d3d7c9;white-space:pre-line;max-height:108px;overflow-y:auto;text-shadow:0 1px 5px #0e1615}.typing::after{content:'▏';color:var(--gold);animation:blink .7s infinite}.question-line{display:flex;align-items:center;gap:15px;margin:0 0 15px}.question-line h3{font-size:13px;font-weight:400;letter-spacing:1px;color:#d6d4bb;margin:0;white-space:nowrap}.question-line>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#c1bb8766)}.question-line>span:last-child{transform:rotate(180deg)}.choice-grid{display:grid;grid-template-columns:3fr 1fr;gap:12px}#choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:119px;width:100%;padding:17px 16px 14px;background:linear-gradient(135deg,#243029d9,#15211edc);border:1px solid #87977c55;box-shadow:inset 0 1px #fff1,0 5px 22px #060e0c33;text-align:left;overflow:hidden;backdrop-filter:blur(12px)}.choice::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:width .25s}.choice:hover:not(:disabled),.choice:focus-visible{background:linear-gradient(135deg,#414530ee,#243328ed);border-color:#c6ae70;transform:translateY(-4px);box-shadow:0 0 25px #cbb87916,inset 0 1px #ead4aa44}.choice:hover::after,.choice:focus-visible::after{width:100%}.choice-key{position:absolute;right:12px;top:12px;font:11px Georgia,serif;color:#a5b196;border:1px solid #afbc9845;display:grid;place-items:center;width:20px;height:20px}.choice-symbol{position:absolute;right:18px;bottom:13px;width:43px;height:43px;stroke:#c2b17838;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.choice-title{font-size:16px;font-weight:500;letter-spacing:1px;display:block;max-width:85%;line-height:1.45;color:#eee8d4}.choice-hint{font-size:11px;line-height:1.65;color:#aab39e;display:block;max-width:88%;margin-top:8px}.choice-tail{font-size:10px;letter-spacing:1px;color:#cbb880;display:block;margin-top:12px}.custom-choice{background:linear-gradient(135deg,#3c3c2bdb,#282e20dd);border-color:#c8b36b70}.custom-choice .choice-title{color:#e1ca8d}.bottom-hud{position:absolute;bottom:20px;left:var(--safe);right:var(--safe);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9ea993;gap:15px}.bottom-hud>span{display:flex;align-items:center;gap:6px}.bottom-hud i{width:4px;height:4px;background:#aebc87;border-radius:50%;display:inline-block}.controls-help{gap:7px!important;opacity:.75}.generation-hud{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);width:min(550px,87%);display:flex;align-items:center;gap:26px;background:#12201bec;padding:28px 32px;border:1px solid #9cab7655;backdrop-filter:blur(15px);box-shadow:0 20px 80px #101a1777;z-index:5}.generation-hud h2{font:23px var(--serif);margin:9px 0}.generation-hud p{font-size:12px;color:#b9c0ab;line-height:1.7}.ink-orbit{width:72px;height:72px;flex-shrink:0;display:grid;place-items:center;position:relative}.ink-orbit i{position:absolute;inset:0;border:1px solid #c3af6633;border-top-color:var(--gold);border-radius:50%;animation:orbit 2.5s linear infinite}.ink-orbit span{font-size:42px;color:var(--gold);font-family:Georgia,serif}.micro-label{font-size:10px;letter-spacing:3px;color:#b8a56b}.generation-track{height:2px;background:#9ca57a33;overflow:hidden;margin:17px 0 10px}.generation-track i{display:block;width:35%;height:100%;background:var(--gold);animation:progress 2.2s ease-in-out infinite}#elapsed{font:11px monospace;color:#99a28d}.game.busy .dialogue-hud,.game.playing .dialogue-hud{opacity:0;transform:translateY(25px);pointer-events:none}.game.playing .quest-hud,.game.playing .identity-hud{opacity:.3}.game.playing .scene-vignette{background:linear-gradient(180deg,#0b1419a0,transparent 20%,transparent 75%,#101b1b99)}.game.busy .world-prompt,.game.playing .world-prompt{display:none}.show-dialogue{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);padding:12px 30px;background:#202f25e3;border:1px solid #b5a67999;color:var(--gold-light);z-index:5}.show-dialogue span{margin-left:20px}.game-dialog{width:min(470px,calc(100vw - 36px));max-height:86dvh;overflow-y:auto;background:linear-gradient(135deg,#253027,#131f1a);border:1px solid #a5ab7155;color:var(--text);padding:38px;box-shadow:0 35px 100px #06110dc0}.game-dialog::backdrop{background:#07130f9c;backdrop-filter:blur(8px)}.game-dialog h2{font:29px var(--serif);margin:16px 0}.menu-description{font-size:12px;line-height:1.8;color:#aeb7a0;margin:12px 0 25px}.game-dialog label:not(.toggle){display:block;font-size:12px;color:#d2d6be;margin:16px 0 9px}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:#a6b299;font-size:25px;padding:5px 10px}.game-dialog select,.game-dialog textarea{width:100%;background:#0c1b1590;color:#dedec3;border:1px solid #9ca57a55;padding:12px;font-size:12px;border-radius:0}.game-dialog textarea{resize:vertical;min-height:100px;max-height:180px;font-size:15px;line-height:1.8}.toggle{display:flex;align-items:start;gap:10px;font-size:13px;margin:23px 0}.toggle input{accent-color:var(--gold);margin-top:4px}.toggle small{display:block;font-size:11px;color:#99a58e;margin-top:7px;line-height:1.7}.config-status{padding:12px;border:1px solid #9da77530;font:10px monospace;line-height:1.9;color:#a4b08f;white-space:pre-line;overflow-wrap:anywhere}.primary,.secondary{padding:13px 20px;display:block;width:100%;border:1px solid #c7b57480;text-align:center;letter-spacing:1px}.primary{background:#c2af72;color:#172016;font-weight:600}.primary span{float:right}.primary:hover{background:#dbc98f}.secondary{background:transparent;color:#c4ccaf;margin-top:10px}.text-action{display:block;width:100%;background:none;border:0;color:#8e9d83;margin:17px 0 0;font-size:11px}.history-dialog{width:min(620px,92vw)}#tree{display:flex;flex-direction:column;gap:7px;max-height:52dvh;overflow:auto}.tree-node{display:flex;align-items:center;gap:12px;min-height:54px;border:1px solid #b5bd9230;background:#15231aaa;text-align:left;padding:12px;color:#bac6ad}.tree-node.active{border-color:#c7b574;background:#38402a}.node-dot{width:7px;height:7px;border:1px solid #9dab88;transform:rotate(45deg);flex-shrink:0}.tree-node.active .node-dot{background:var(--gold);border-color:var(--gold)}.node-text{font-size:14px}.node-text small{display:block;font-size:10px;color:#8e9e80;margin-top:5px}#node-count{float:right}.custom-footer{display:flex;align-items:center;gap:20px;margin-top:16px}.custom-footer>span{font-size:10px;color:#a5af8b;white-space:nowrap}.custom-footer .primary{width:auto;flex:1}.error-panel{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,88vw);background:#252d23f5;border:1px solid #ad9567;padding:30px;box-shadow:0 15px 60px #0b160f88}.error-panel p{font-size:14px;line-height:1.8;color:#dcd3b5}.error-panel>div{display:flex;gap:10px}.error-panel .secondary{margin-top:0}.toast{position:fixed;left:50%;top:105px;transform:translateX(-50%);padding:12px 24px;background:#1e2d23f0;border:1px solid #bcc08a66;color:#e9dfb3;font-size:12px;z-index:30;max-width:90vw;text-align:center;box-shadow:0 8px 40px #05170e66}.touch-controls{display:none;position:absolute;left:var(--safe);top:50%;gap:7px}.touch-controls button{height:40px;width:40px;background:#13271b69;border:1px solid #c0c4a769;color:#e4e4c9;border-radius:50%;font-size:21px;touch-action:none}.touch-controls button:last-child{margin-left:5px}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}@keyframes ink-transition{0%{opacity:.85}100%{opacity:0}}@keyframes blink{50%{opacity:0}}
@media(min-width:1600px){.dialogue-hud{bottom:75px}.choice{min-height:140px;padding:22px}.choice-title{font-size:19px}.choice-hint{font-size:13px}.narration-row p{font-size:16px}.narration-row h2{font-size:30px}}
@media(max-width:1050px){.chapter-hud{display:none}.hud-top{top:22px}.quest-hud{top:110px}.identity-hud{top:110px}.dialogue-hud{bottom:54px}.narration-row{gap:22px;margin-bottom:15px;min-height:58px}.narration-row h2{font-size:22px;flex-basis:36%}.narration-row p{font-size:13px;max-height:100px}.choice-grid,#choices{gap:8px}.choice{padding:14px 12px;min-height:117px}.choice-title{font-size:14px}.choice-hint{font-size:10px}.choice-key{right:8px;top:8px;width:17px;height:17px;font-size:9px}.question-line h3{font-size:12px}.game-brand h1{font-size:22px}.controls-help{display:none!important}}
@media(max-width:650px){:root{--safe:20px}.hud-top{top:20px;gap:10px}.game-brand{gap:8px}.game-brand>svg{width:22px;height:33px}h1{font-size:19px!important;letter-spacing:2px}.game-brand small{font-size:8px;letter-spacing:3px;margin-top:5px}.hud-tools{gap:6px}.hud-button{width:32px;height:32px;padding:8px}#fullscreen{display:none}.quest-hud{top:99px;max-width:62%;gap:6px;padding-left:11px}.quest-type{font-size:9px}.quest-hud strong{font-size:14px}.quest-hud>span:last-child{display:none}.identity-hud{top:99px;max-width:29%;gap:5px}.identity-symbol{font-size:24px}.identity-hud small{font-size:8px}.identity-hud #character-tag{font-size:10px}.world-prompt{top:39%;font-size:10px;padding:6px 9px}.dialogue-hud{bottom:47px}.dialogue-top{margin-bottom:9px}.speaker{font-size:10px;letter-spacing:2px}.subtle-button{font-size:9px}.subtle-button kbd{display:none}.narration-row{display:block;margin-bottom:13px;min-height:0}.narration-row h2{font-size:22px;margin-bottom:8px}.narration-row p{font-size:12px;line-height:1.75;max-height:65px;min-height:42px}.question-line{gap:8px;margin-bottom:10px}.question-line h3{font-size:11px;white-space:normal;text-align:center;max-width:80%;line-height:1.5}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#choices{display:contents}.choice{min-height:83px;padding:12px 11px 10px}.choice-title{font-size:13px}.choice-hint{font-size:9px;margin-top:5px;max-width:90%;line-height:1.5;max-height:28px;overflow:hidden}.choice-tail{display:none}.choice-symbol{width:28px;height:28px;right:8px;bottom:8px}.choice-key{right:7px;top:7px;width:16px;height:16px;font-size:9px}.bottom-hud{bottom:16px;font-size:9px}.touch-controls{display:flex;top:45%}.game-dialog{padding:30px 25px}.game-dialog h2{font-size:26px}.generation-hud{bottom:15%;padding:22px;gap:17px}.ink-orbit{width:48px;height:48px}.ink-orbit span{font-size:31px}.generation-hud h2{font-size:20px}.toast{top:75px;font-size:11px}.show-dialogue{bottom:62px}.world-stage>video{object-fit:cover}.game.playing .world-stage>video{object-fit:contain}}
@media(max-height:680px) and (min-width:651px){.hud-top{top:17px}.quest-hud,.identity-hud{top:94px}.quest-hud>span:last-child{display:none}.dialogue-hud{bottom:42px}.choice{min-height:85px;padding:12px}.choice-tail{display:none}.narration-row{margin-bottom:9px;min-height:45px}.narration-row h2{font-size:21px}.narration-row p{font-size:12px;max-height:65px}.dialogue-top{margin-bottom:8px}.question-line{margin-bottom:10px}.bottom-hud{bottom:13px}.world-prompt{top:39%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}