:root{color-scheme:dark;font-family:Songti SC,SimSun,"Noto Serif CJK SC",serif;--ink: #f2ead8;--muted: #b8ad9b;--paper: #201a15;--panel: #171310;--panel-2: #2a2119;--line: #695a48;--line-bright: #c7ad76;--accent: #d6b567;--danger: #b86753;--spirit: #7594a8;--energy: #9aa66b;background:#100d0b;color:var(--ink);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#2b2118,#14110e 48%,#080706),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,236,190,.03) 3px 4px)}button{font:inherit}.shell{display:grid;min-height:100vh;place-items:center;padding:clamp(8px,1.4vw,20px)}.game-frame{position:relative;width:min(1680px,calc(100vw - clamp(16px,2.8vw,40px)));height:min(940px,calc(100vh - clamp(16px,2.8vw,40px)));min-height:min(680px,calc(100vh - 16px));border:3px solid #43372b;background:#0e0c0a;box-shadow:0 24px 70px #000000b8,inset 0 0 0 2px #d6b5671f;display:grid;grid-template-rows:82px minmax(0,1fr) 44px}.start-overlay,.battle-panel,.info-panel{position:absolute;top:82px;right:0;bottom:44px;left:0;z-index:10;display:grid;place-items:center;background:linear-gradient(#0a0807c7,#080706e0),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,236,190,.035) 5px 6px)}.start-overlay[hidden],.battle-panel[hidden],.info-panel[hidden],.start-card[hidden]{display:none}.start-card,.battle-panel>div,.info-panel>div{width:min(680px,calc(100% - 80px));border:3px double var(--line-bright);background:linear-gradient(145deg,#2c241cfa,#0e0c0afa),repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,236,190,.025) 14px 15px);padding:28px;box-shadow:0 18px 50px #000000ad,inset 0 0 0 1px #fff0be14}.info-panel>div{width:min(820px,calc(100% - 96px));max-height:min(680px,calc(100% - 80px));overflow:auto}.start-card h1{margin:0 0 10px;font-size:54px;line-height:1.1;letter-spacing:0;color:#f7e3ad}.start-card p,.info-panel p{margin:0 0 22px;color:#dfd1bb;font-size:22px;line-height:1.45;white-space:pre-line}.start-card button,.segmented button,.origin-list button,.talent-list button,.info-actions button,.battle-actions button,#battle-close{min-height:48px;border:2px solid var(--line);background:linear-gradient(#241f1a,#12100e);color:var(--ink);cursor:pointer}.start-card button:hover,.segmented button:hover,.origin-list button:hover,.talent-list button:hover,.info-actions button:hover,.battle-actions button:hover,#battle-close:hover,.command-panel button:hover,.battle-option-group button:hover{border-color:var(--line-bright);background:linear-gradient(#33291f,#171310)}.start-card button:focus-visible,.segmented button:focus-visible,.origin-list button:focus-visible,.talent-list button:focus-visible,.info-actions button:focus-visible,.battle-actions button:focus-visible,#battle-close:focus-visible,.command-panel button:focus-visible,.battle-option-group button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.start-card>button,#battle-close{width:100%;margin-top:10px;font-size:24px}.start-card button.active,.origin-list button.active,.talent-list button.active,.segmented button.active{border-color:var(--accent);background:#3a2f22}.create-card label{display:grid;gap:8px;font-size:20px;color:#d8ccb7}.create-card input{height:46px;border:2px solid var(--line);background:#090806;color:var(--ink);padding:0 12px;font:inherit;font-size:24px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.origin-list,.talent-list{display:grid;gap:8px;margin-bottom:14px}.origin-list button,.talent-list button{display:grid;gap:4px;padding:10px 12px;text-align:left}.origin-list strong,.talent-list strong{font-size:21px;color:#f1dfb8}.origin-list span,.talent-list span{color:var(--muted);font-size:16px}.talent-list{grid-template-columns:repeat(3,minmax(0,1fr))}.creation-preview{border:2px solid var(--line);background:#100d0a;color:#d8ccb7;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 12px;margin-bottom:14px;padding:12px;font-size:16px}.creation-preview strong{grid-column:1 / -1;color:#f7e3ad;font-size:19px}.battle-panel,.info-panel{background:#0000009e}.battle-panel>div,.info-panel>div{margin-bottom:160px}.info-panel{place-items:start center;padding-top:34px}.info-panel>div{margin-bottom:0}.info-panel strong{display:block;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(214,181,103,.45);color:#f7e3ad;font-size:34px}#battle-close{position:absolute;bottom:170px;width:240px;left:calc(50% - 120px)}#battle-close[hidden]{display:none}.battle-card{display:grid;gap:16px}.battle-header{display:flex;justify-content:space-between;gap:18px;align-items:center}.battle-header strong{display:block;margin:0;color:#f7e3ad;font-size:34px}.battle-header span{color:#d0c1aa;font-size:22px}.battle-bars{display:grid;grid-template-columns:1fr 1fr;gap:14px}.battle-bars>div{border:2px solid var(--line);background:#100d0b;padding:12px;display:grid;gap:8px}.battle-bars span,.battle-bars b{font-size:20px}.battle-bars b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.battle-bars i{height:14px;border:2px solid #8b7c62;background:#050403;overflow:hidden}.battle-bars em{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--danger) 0 12px,#d3a070 12px 16px)}.battle-intent{min-height:38px;border:2px solid var(--line);background:#0d0a08;color:#dfd2bf;display:flex;align-items:center;padding:6px 12px;font-size:18px;line-height:1.35;white-space:pre-line}.battle-log{height:136px;overflow:auto;margin:0;padding:12px 12px 12px 36px;border:2px solid var(--line);background:#0a0807;color:#e0d3c0;font-size:20px;line-height:1.42}.battle-log li+li{margin-top:8px}.battle-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.battle-actions button{padding:0 8px;font-size:19px}.battle-actions button:disabled{color:#796f62;cursor:default}.battle-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.battle-option-group{min-width:0;border:2px solid var(--line);background:#100d0b;padding:10px;display:grid;gap:8px}.battle-option-title{display:block;color:#f7e3ad;font-size:18px;font-weight:500}.battle-option-group button{min-height:44px;border:2px solid var(--line);background:#181410;color:var(--ink);cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center;padding:6px 10px;text-align:left}.battle-option-group button strong,.battle-option-group button span{min-width:0}.battle-option-group button strong{font-size:18px;font-weight:500}.battle-option-group button span,.battle-option-empty{color:var(--muted);font-size:15px;line-height:1.3}.battle-option-group button:disabled{border-color:#574238;border-left-color:#b85d4b;background:#120d0b;color:#8d7a6a;cursor:default;opacity:.9}.battle-option-group button:disabled span{color:#b78a79}.info-actions{display:grid;gap:10px}.info-actions button{width:100%;padding:0 16px;font-size:21px;text-align:left}.browser-bar{border-bottom:2px solid #41352a;background:linear-gradient(#332a21,#17120f),repeating-linear-gradient(90deg,rgba(255,236,190,.04) 0 1px,transparent 1px 18px);display:grid;grid-template-columns:168px 1fr;gap:16px;align-items:center;padding:10px 18px}.window-title{color:#f6dfaa;font-size:22px;letter-spacing:0}.address{border:2px solid #4f4133;background:#0a0806;color:#b8ab96;height:36px;display:flex;align-items:center;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.layout{display:grid;grid-template-areas:"player play side";grid-template-columns:clamp(218px,17vw,282px) minmax(0,1fr) clamp(210px,16vw,260px);gap:8px;padding:8px;min-height:0;height:100%;overflow:hidden;align-items:stretch}.panel,.dialogue,.keybar{border:3px double var(--line);background:linear-gradient(145deg,#231e19fa,#0d0b0afa),repeating-linear-gradient(0deg,rgba(255,236,190,.025) 0 1px,transparent 1px 18px);box-shadow:inset 0 0 0 1px #fff0be0f}.player-panel,.side{min-width:0}.player-panel{grid-area:player;padding:12px;display:flex;flex-direction:column;gap:9px}.portrait{width:86px;height:86px;margin:0 auto 2px;border:3px double var(--line-bright);background:radial-gradient(circle at 50% 34%,#f3dca2 0 15%,#2b2118 16% 24%,transparent 25%),linear-gradient(135deg,#c8ad72,#31261d);color:#1a120b;display:grid;place-items:center;font-size:36px;font-weight:700;text-shadow:1px 1px #fff2cc}.meter-row{display:flex;justify-content:space-between;gap:10px;font-size:20px;line-height:1.1}.meter-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:500}.meter{height:11px;border:2px solid #8b7c62;background:#060504;overflow:hidden}.meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,#d19b72 0 10px,var(--danger) 10px 14px)}#mp-meter{background:repeating-linear-gradient(90deg,#8db3c4 0 10px,var(--spirit) 10px 14px)}#energy-meter{background:repeating-linear-gradient(90deg,#b2bb78 0 10px,var(--energy) 10px 14px)}.stats{margin:4px 0 0;display:grid;gap:7px;font-size:19px}.stats div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(197,180,142,.24);padding-bottom:5px}.stats dt,.stats dd{margin:0}.stats dd{color:#f7e3ad}.playfield{grid-area:play;min-width:0;display:grid;grid-template-rows:auto 118px;gap:8px;min-height:0;height:100%;align-content:start}#game{border:3px double var(--line-bright);overflow:hidden;background:#070604;position:relative;width:100%;aspect-ratio:16 / 9;height:auto;min-height:0}#game:focus{outline:2px solid var(--accent);outline-offset:2px}#game canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.dialogue{padding:10px 12px;display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start;min-height:0}.speaker{border:2px solid var(--line);background:#17120f;color:#f7e3ad;padding:6px 8px;text-align:center;font-size:20px}.dialogue p{margin:0;color:#eadcc8;font-size:21px;line-height:1.45}.side{grid-area:side;display:grid;grid-template-rows:142px 104px minmax(0,1fr);gap:8px;min-height:0}.panel-title{height:34px;border-bottom:1px solid rgba(197,180,142,.36);display:flex;align-items:center;justify-content:center;color:#f7e3ad;background:linear-gradient(90deg,#d6b56714,#d6b56705);font-size:20px}.mini-map canvas{display:block;width:min(188px,calc(100% - 24px));height:92px;image-rendering:pixelated;image-rendering:crisp-edges;margin:10px auto 0;border:2px solid var(--line);background:#090806;box-shadow:0 0 0 1px #000000a6}.quest-panel p{margin:14px 16px;color:#e9d8bd;font-size:20px}.quest-panel p:before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;background:var(--accent);box-shadow:0 0 0 2px #d6b56733;transform:rotate(45deg);vertical-align:2px}.command-panel{display:grid;gap:6px;padding:8px;align-content:start}.command-panel button{min-height:38px;border:2px solid #5b4d3f;background:linear-gradient(#201a15,#12100e);color:#eadcc8;text-align:left;padding:0 12px 0 34px;font-size:20px;cursor:pointer;position:relative}.command-panel button:before{content:"";position:absolute;left:14px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid transparent}.command-panel button.active{background:linear-gradient(#3b3023,#1b1510);border-color:var(--accent);color:#fff1c8}.command-panel button.active:before{border-left-color:var(--accent)}.keybar{border-left:0;border-right:0;border-bottom:0;background:linear-gradient(#1d1814,#0f0d0b),repeating-linear-gradient(90deg,rgba(255,236,190,.04) 0 1px,transparent 1px 22px);display:flex;align-items:center;justify-content:center;color:#eadcc8;font-size:20px;font-family:ui-monospace,Songti SC,serif}@media(max-width:1260px){.layout{grid-template-columns:204px minmax(0,1fr) 204px}.player-panel{padding:10px;gap:7px}.portrait{width:72px;height:72px;font-size:31px}.meter-row,.quest-panel p,.command-panel button{font-size:18px}.meter-row strong{font-size:16px}.stats{font-size:17px}.side{grid-template-rows:128px 94px minmax(0,1fr)}.mini-map canvas{width:min(164px,calc(100% - 20px));height:82px;margin-top:8px}.command-panel button{min-height:34px;padding-left:30px}}@media(max-width:980px){.shell{place-items:start center;padding:8px}.game-frame{width:calc(100vw - 16px);height:auto;min-height:calc(100vh - 16px);grid-template-rows:auto auto 42px}.start-overlay,.battle-panel,.info-panel{top:72px;right:0;bottom:42px;left:0}.browser-bar{grid-template-columns:132px 1fr;padding:8px 12px}.address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout{grid-template-areas:"play" "player" "side";grid-template-columns:1fr;height:auto;overflow:visible}.playfield{grid-template-rows:auto auto}.dialogue{grid-template-columns:82px 1fr}.player-panel{display:grid;grid-template-columns:78px 1fr 1fr;align-items:center;gap:8px 12px}.portrait{grid-row:span 6;width:68px;height:68px;margin:0}.stats{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}.side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto}.command-panel{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.command-panel button{text-align:center;padding:0 8px}.command-panel button:before{display:none}}@media(max-width:640px){.browser-bar{grid-template-columns:1fr;gap:6px}.window-title{font-size:20px}.layout{padding:6px;gap:6px}.playfield{grid-template-rows:auto auto}.dialogue,.player-panel,.side{grid-template-columns:1fr}.portrait{display:none}.stats,.command-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.keybar{padding:0 8px;font-size:16px;text-align:center}}