:root{font-family:"Noto Serif CJK SC","Songti SC","STSong","SimSun",serif;color:#e5dbc1;background:#102427;--line:#59736c;--gold:#bda575;--ink:#142b2d;--pale:#e8d6ae;--muted:#a8baae}*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{background:radial-gradient(circle at 78% 9%,#3e5d5a 0%,#233f42 16%,#12292d 51%,#09191e 100%);min-height:100vh;overflow-x:hidden}.landscape{position:absolute;top:0;left:0;width:100%;height:400px;pointer-events:none;overflow:hidden;opacity:.65}.moon{position:absolute;width:200px;height:200px;border-radius:50%;right:12%;top:-55px;background:radial-gradient(circle,#e0c99a 0%,#dbc79a 46%,rgba(218,200,155,0) 70%);opacity:.38}.mountains{position:absolute;bottom:0;width:120%;height:220px;left:-10%;background:linear-gradient(140deg,transparent 33%,#102d35 34%,#102d35 39%,transparent 41%),linear-gradient(36deg,transparent 45%,#1a3940 46%,#1a3940 56%,transparent 57%);opacity:.6}.mountains.b{bottom:-95px;transform:scaleX(-1);opacity:.45}.shell{position:relative;z-index:1;max-width:1450px;padding:28px 34px;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:3px 6px 21px}.eyebrow{font-family:ui-sans-serif,system-ui,sans-serif;color:#a5b7ad;font-size:10px;letter-spacing:2.5px;font-weight:700}.brand h1{font-size:44px;margin:1px 0 0;letter-spacing:4px;font-weight:600;text-shadow:0 2px 20px #0008}.brand h1 span{color:#d5ba83}.brand h1 i{font-size:15px;color:#b9b4a1;font-weight:normal;font-style:normal;letter-spacing:2px;margin-left:10px}.brand p{color:#9caeab;letter-spacing:3px;font-size:13px;margin:6px 0 0}.heading-actions{display:flex;align-items:center;gap:14px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px}.heading-actions a{color:#e9dcbb;border:1px solid #668177;padding:10px 16px;text-decoration:none;border-radius:5px;background:#203c3dc0}.heading-actions a:hover{background:#355554}.version{padding:9px 11px;border:1px solid #9e856033;border-radius:2px;color:#c9ae7e;letter-spacing:1px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:stretch}.gamepanel,.sidepanel{border:1px solid #62807788;background:linear-gradient(170deg,#193337,#102529);box-shadow:0 20px 55px #020d1090,inset 0 0 0 4px #1e3c3b;border-radius:7px;overflow:hidden}.gamepanel{padding:11px 12px 12px}.panel-cap{display:flex;justify-content:space-between;align-items:center;gap:8px;height:31px;padding:0 8px 10px;font-size:14px;color:#dfd4b2;white-space:nowrap;letter-spacing:2px}.panel-cap-left,.panel-cap-right{display:flex;align-items:center;gap:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#aace9c;box-shadow:0 0 9px #97b77b}.tiny{font-family:ui-sans-serif,system-ui,sans-serif;color:#8ca49c;font-size:10px;letter-spacing:.2px}.chip{font-size:10px;letter-spacing:0;background:#364f4e;border-radius:2px;padding:4px 6px;color:#ddc897}.canvas-holder{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#567567;border:2px solid #baa87c;box-shadow:inset 0 0 0 4px #112c2d}#game{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.canvas-corner{position:absolute;width:22px;height:22px;border:2px solid #e1c98d;pointer-events:none}.c1{top:4px;left:4px;border-right:0;border-bottom:0}.c2{top:4px;right:4px;border-left:0;border-bottom:0}.c3{bottom:4px;left:4px;border-right:0;border-top:0}.c4{bottom:4px;right:4px;border-left:0;border-top:0}.story{display:flex;align-items:stretch;min-height:83px;gap:11px;margin:12px 0;background:linear-gradient(90deg,#253f3e,#1d3437);border:1px solid #5d7063;padding:9px}.speaker{display:flex;align-items:center;gap:10px;min-width:150px;padding-right:8px;border-right:1px solid #526b62}.speaker strong{display:block;color:#e1d1aa;font-size:15px;letter-spacing:2px;font-weight:500}.speaker small{display:block;color:#94aa9b;font-size:10px;max-width:117px;line-height:1.6;margin-top:6px}.seal{display:grid;place-items:center;width:39px;height:39px;background:#944b3e;color:#e5c6a1;border:1px solid #c58a66;font-size:23px;font-weight:bold;border-radius:3px;box-shadow:inset 0 0 0 3px #803e34}.seal.small{width:34px;height:34px;font-size:20px}.bubble{display:flex;align-items:center;flex:1}.bubble p{margin:0;line-height:1.8;color:#eee1c3;font-size:14px}.flash{animation:flash .45s ease}@keyframes flash{0%{opacity:.2}100%{opacity:1}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#a1b4a7}.key{border:1px solid #61766b;color:#e3d1ab;padding:3px 6px;border-radius:3px;font:11px ui-monospace,monospace;background:#273e3c}.dotsep{color:#587168}.minor{border:1px solid #61756a;color:#d4bd8e;background:#1a3334;border-radius:4px;padding:9px 12px;font-family:inherit;cursor:pointer;white-space:nowrap}.minor:hover{background:#315453}.sidepanel{padding:24px 22px;display:flex;flex-direction:column;gap:17px}.section-title{display:flex;align-items:center;gap:12px}.section-title h2{font-weight:500;letter-spacing:3px;margin:4px 0 0;font-size:25px}.section-title .eyebrow{font-size:9px}.lv{font-size:11px;color:#d3bf8c;margin-left:auto;white-space:nowrap}.avatar{display:flex;gap:15px;align-items:center;padding:15px;background:linear-gradient(110deg,#365654,#263f3e);border:1px solid #7181787a}.avatar-backdrop{position:relative;width:76px;height:74px;background:linear-gradient(150deg,#789482,#385c62);display:grid;place-items:center;overflow:hidden;border:1px solid #829589;flex-shrink:0}.avatar-symbol{font-size:47px;color:#e7c999;z-index:2;text-shadow:0 2px 9px #25443e}.avatar-light{position:absolute;width:80px;height:80px;background:#a6c5a355;border-radius:50%;right:-44px;top:-45px}.avatar-text strong{font-size:20px;font-weight:500;letter-spacing:2px;display:block}.avatar-text small{display:block;font-size:12px;color:#a9baa8;margin-top:8px;letter-spacing:1px}.meters{display:flex;flex-direction:column;gap:13px;margin-top:1px}.meterrow{display:flex;align-items:center;gap:9px;font-size:12px;color:#ceccbb}.meterrow>span:first-child{width:28px}.meterrow>span:last-child{font:11px ui-monospace,monospace;width:56px;text-align:right;color:#b3c6ba}.meter{height:10px;border:1px solid #83948b77;background:#0f2229;flex:1;box-shadow:inset 0 1px 2px #0008}.hpfill{width:100%;height:100%;background:linear-gradient(90deg,#a95350,#d88872)}.qifill{width:100%;height:100%;background:linear-gradient(90deg,#527f8a,#88b5ad)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #5470677a;border-bottom:1px solid #5470677a;padding:16px 0;gap:8px}.stats>div{text-align:center;border-right:1px solid #56706655}.stats>div:last-child{border:0}.stats small{display:block;font-size:11px;color:#a0ae9a}.stats strong{display:block;margin-top:6px;font:24px Georgia,serif;color:#dec58e}.quest{border:1px solid #6e795ea1;padding:15px;background:#2f443b96}.quest-title{color:#dbc995;font-size:15px;letter-spacing:1px;font-weight:bold;display:flex;align-items:center;justify-content:space-between}.status{font:10px ui-sans-serif,system-ui,sans-serif;color:#a3b38a;background:#3c5c4d;padding:4px 7px;border-radius:2px}.quest p{font-size:14px;line-height:1.7;margin:13px 0;color:#e5e0c9}.quest small{display:block;color:#92aa99;font-size:11px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions button{border:1px solid #a9946a;background:#c3a678;color:#263a36;padding:13px 7px;border-radius:3px;cursor:pointer;font:15px "Noto Serif CJK SC",serif}.actions button:nth-child(2){background:#3f5953;color:#e5d6ac}.actions button:hover{filter:brightness(1.13)}.saves{display:grid;grid-template-columns:1fr 1fr;gap:9px}.saves button{border:1px solid #58766f;background:transparent;color:#bdcabb;padding:10px;cursor:pointer;font:12px inherit}.saves button:hover{background:#385655}.note{border-top:1px solid #49615b;padding-top:15px;color:#92aa9a;margin-top:auto}.note span{color:#b3c5b2;font-size:12px;font-weight:bold}.note p{font-size:12px;line-height:1.8;margin:8px 0}.note b{font-weight:normal;color:#e0c89a}.touch-controls{display:none}footer{display:flex;justify-content:space-between;gap:15px;margin-top:18px;padding:0 7px;color:#859c91;font:11px ui-sans-serif,system-ui,sans-serif;letter-spacing:1px}@media(max-width:1180px){.layout{grid-template-columns:minmax(0,1fr) 292px}.shell{padding:20px}.sidepanel{padding:19px}.brand h1{font-size:36px}.controls{font-size:10px}}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidepanel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-title,.avatar,.meters,.stats,.quest,.actions,.saves,.note{min-width:0}.section-title,.avatar,.quest,.note{grid-column:span 2}.note{margin-top:0}.shell{padding:13px}.brand h1{font-size:30px}.brand p{font-size:11px}.heading-actions{flex-direction:column;align-items:end}.panel-cap{font-size:11px}.version{font-size:10px}}@media(max-width:600px){.shell{padding:8px}.heading{padding:14px 5px 17px}.heading-actions .version{display:none}.heading-actions a{font-size:10px;padding:8px}.eyebrow{font-size:8px}.brand h1{font-size:27px}.brand h1 i{font-size:9px;display:block}.brand p{font-size:10px;letter-spacing:1px}.gamepanel{padding:6px}.panel-cap{letter-spacing:0;gap:6px;padding:0 4px 4px;height:28px}.panel-cap-right .tiny,.chip,.panel-cap-left .tiny{display:none}.story{min-height:85px;padding:8px;gap:9px;margin:7px 0}.speaker{min-width:108px;gap:5px}.seal{width:31px;height:31px;font-size:17px}.speaker strong{font-size:12px}.speaker small{font-size:9px;max-width:78px}.bubble p{font-size:11px}.toolbar{padding:5px 0;gap:5px}.controls{gap:5px}.controls .key{font-size:9px;padding:2px 4px}.minor{font-size:10px;padding:8px}.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 0}.touch-controls button{touch-action:none;user-select:none;cursor:pointer;background:#314d4a;border:1px solid #8c9f86;color:#e5d7b9;border-radius:6px;height:42px;font:13px inherit}.dpad{position:relative;width:135px;height:90px}.dpad button{position:absolute;width:43px}.dpad .up{top:0;left:45px}.dpad .left{top:45px;left:0}.dpad .down{top:45px;left:45px}.dpad .right{top:45px;left:90px}.actionpad{display:flex;gap:8px}.actionpad button{padding:0 11px}.actionpad button:last-child{background:#a98e64;color:#203436}.sidepanel{padding:14px;gap:12px}.avatar{padding:10px}.stats{padding:11px 0}footer{font-size:9px;line-height:1.6;flex-direction:column;gap:4px;margin-bottom:10px}}

.preview-modes{display:flex;align-items:center;gap:8px;padding:3px 3px 11px;flex-wrap:wrap}.preview-modes a{color:#c4c9b9;border:1px solid #5a7970;background:#233d3b;text-decoration:none;border-radius:4px;padding:6px 11px;font:11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.3px}.preview-modes a:hover,.preview-modes a:focus-visible{color:#fff5db;background:#365b51;border-color:#bda575}.preview-modes a.active{color:#f6e6b8;background:#4e604f;border-color:#c9a967}@media(max-width:600px){.preview-modes{gap:4px;padding-bottom:6px}.preview-modes a{padding:6px 7px;font-size:10px}}