:root{color-scheme:dark;--bg:#111821;--panel:#1b2531;--line:#344252;--text:#e8eef5;--muted:#9bafc3;--accent:#edc78f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}header{padding:24px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}h1{margin:2px 0;font-size:28px}small,.muted{color:var(--muted)}main{max-width:1400px;margin:auto;padding:28px 4%}.layout{display:grid;grid-template-columns:230px 1fr 270px;gap:20px}.editor{display:grid;grid-template-columns:210px 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}h2{font-size:21px;margin:0 0 16px}h3{font-size:16px;margin:15px 0 8px}button{background:#273646;border:1px solid #46576a;color:var(--text);padding:10px 16px;border-radius:8px;cursor:pointer;font:inherit;margin:4px 4px 4px 0}button:hover{border-color:var(--accent)}button.active,.primary{background:var(--accent);color:#20232a;border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.block{display:block;width:100%;text-align:left}input,textarea,select{width:100%;background:#111b26;border:1px solid #46576a;border-radius:7px;padding:10px;color:var(--text);font:inherit}textarea{min-height:90px}label{display:block;color:var(--muted);margin:10px 0 5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.stat{padding:8px 14px;background:var(--panel);border-radius:8px}.story{min-height:230px;font-size:19px;white-space:pre-wrap}.log{font-size:14px;color:var(--muted);white-space:pre-wrap}.badge{color:var(--accent)}.condition{padding:6px 0;border-bottom:1px solid var(--line)}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent);color:#111;padding:10px 20px;border-radius:10px;display:none;max-width:90%}details{margin-top:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:var(--accent)}@media(max-width:950px){.layout{grid-template-columns:1fr 1fr}.layout>section{grid-column:1/-1;grid-row:1}.editor{grid-template-columns:1fr}header{display:block}.grid{grid-template-columns:1fr}}@media(max-width:600px){.layout{display:block}main{padding:16px}header{padding:18px}}
:root{--line:#2b3745}header{padding:18px 5%}h1{font-size:23px}main{padding-top:24px}.play-shell{max-width:800px;margin:auto}.status-line{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px;margin:0 4px 18px}.scene{padding:30px;border-radius:12px}.story{min-height:130px;font-size:18px;line-height:1.9;margin-bottom:24px}.choices{max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:5px}.event-actions{margin-bottom:14px}.places{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.places button,.quiet{background:transparent}.next-goal{text-align:center;color:var(--muted);font-size:14px;margin:18px 0 26px}.secondary{border-top:1px solid var(--line);padding-top:4px}.secondary>details{margin:0;border-bottom:1px solid var(--line);padding:13px 4px}summary{cursor:pointer;color:var(--muted);font-size:14px}.editor{max-width:1050px;margin:auto;grid-template-columns:190px 1fr}.editor section>.grid{display:block}.editor section>.grid>label{max-width:100%;margin-bottom:16px}.editor .panel .grid{display:grid}.editor hr{border:0;border-top:1px solid var(--line);margin:18px 0}.editor pre{font-size:13px}button{font-size:15px;padding:9px 14px}@media(max-width:650px){.status-line{flex-wrap:wrap}.scene{padding:22px}.editor{grid-template-columns:1fr}.story{min-height:100px}header nav{margin-top:10px}}
.places button.active{background:var(--accent);color:#20232a}
.game-shell{max-width:1120px;margin:auto}.game-topbar{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;background:var(--bg);margin-bottom:18px}.hud-group{border:1px solid #397c94;border-radius:20px;background:#183242;padding:7px 18px;font-size:14px;color:#c2dfeb}.hud-group strong{margin-left:10px;color:#fff}.hud-details{position:relative;margin:0 0 0 auto}.hud-details+.hud-details{margin-left:0}.hud-details summary{padding:8px 15px;border:1px solid #397c94;border-radius:20px;color:#c2dfeb;list-style:none}.hud-popover{position:absolute;right:0;top:46px;width:310px;max-height:65vh;overflow:auto;padding:18px;background:#1b2936;border:1px solid #397c94;border-radius:12px;box-shadow:0 14px 40px #0008}.scene-wrap{position:relative}.text-stage{min-height:380px;padding:40px 220px 36px 40px;border:1px solid #34576a;border-radius:18px;background:linear-gradient(145deg,#1b2c3a,#15202b)}.scene-heading small{color:#80b6cc;font-size:12px}.scene-heading h2{margin:7px 0 24px;font-size:23px}.text-stage .story{font-size:19px;line-height:2;min-height:95px;max-width:720px}.text-stage .choices{max-width:620px}.choice-button{border-radius:24px;background:#1e5269;border-color:#468ba6;margin:10px 0;padding:12px 22px}.choice-button:hover{background:#8d405d;border-color:#dc8da9}.action-result{border-left:3px solid #55a4c1;background:#193342;padding:15px 20px;margin-top:24px;max-width:680px;border-radius:0 10px 10px 0}.action-result p{white-space:pre-wrap;margin:7px 0;line-height:1.8}.speaker{font-size:13px;color:#92cce0;font-weight:600}.change-stack{position:absolute;right:18px;top:24px;width:170px;display:flex;flex-direction:column;gap:8px}.change{border:1px solid #397c94;border-radius:20px;background:#193c4d;padding:8px 13px;font-size:13px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.change strong{color:#92dfba}.change.loss strong{color:#f0afbe}.action-dock{border:1px solid #34576a;border-radius:14px;background:#192b38;margin-top:16px;padding:16px 24px;text-align:center}.action-dock .actions{justify-content:center}.action-dock .places{border-top:1px solid #34576a;margin-top:12px;padding-top:10px}.event-button{background:#7a3853;border-color:#bf738f;border-radius:22px}.game-footer{display:flex;justify-content:center;margin-top:14px}.game-footer details{text-align:center}.game-footer summary{font-size:12px}.places button.active{background:#3b7c97;color:#fff}@media(max-width:800px){.text-stage{padding:26px;min-height:300px}.change-stack{position:static;width:auto;flex-direction:row;flex-wrap:wrap;margin:12px 0}.change{max-width:100%}.hud-popover{width:280px}.game-topbar{gap:6px}.hud-group{padding:6px 12px}.hud-details{margin-left:0}.action-dock{padding:14px}.game-topbar .hud-details:last-child .hud-popover{right:0}}
@media(max-width:600px){.hud-popover{position:fixed;top:150px;left:16px;right:16px;width:auto;max-height:55vh}.text-stage .story{font-size:17px}.text-stage{padding:22px}.choice-button{font-size:15px}}