:root{color:#1c2430;letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#eef2f5;--paper:#fbfcfd;--panel:#fff;--ink:#1c2430;--muted:#647184;--line:#dbe3ea;--teal:#0f9f94;--teal-soft:#dff6f3;--amber:#c78314;--amber-soft:#fff1ce;--blue:#315dd8;--coral:#cf5b4e;--shadow:0 14px 36px #222f431f;background:#eef2f5;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ffffffb8, #eef2f5e6), var(--bg);min-width:320px;min-height:100vh;margin:0}body.study-game-expanded{overflow:hidden}button{font:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}code{color:#263446;background:#eef3f7;border:1px solid #d8e3ec;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem}#app{min-height:100vh}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:22px}.topbar{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px;display:flex}.subhead{color:var(--teal);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.2}h2{margin-bottom:8px;font-size:1.45rem;line-height:1.28}h3{margin-bottom:8px;font-size:1rem;line-height:1.35}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-strip span{color:#0f3f3c;background:var(--teal-soft);text-align:center;border:1px solid #b9e6e1;border-radius:6px;min-width:64px;padding:6px 10px;font-size:.82rem;font-weight:700}.tabbar{gap:8px;padding:14px 2px;display:flex;overflow-x:auto}.tab-button,.game-button,.fullscreen-button,.control-pad button{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;transition:transform .16s,border-color .16s,background .16s}.tab-button{min-width:84px;padding:9px 14px;font-weight:700}.tab-button.active,.game-button.active{color:#073b38;background:var(--teal-soft);border-color:#74cdc5}.tab-button:hover,.game-button:hover,.fullscreen-button:hover,.control-pad button:hover{border-color:#97aabb;transform:translateY(-1px)}.workspace{grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr);align-items:start;gap:16px;display:grid}.document-panel,.game-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.document-panel{min-height:720px;max-height:calc(100vh - 156px);overflow:auto}.game-panel{padding:14px}.game-panel.enlarged{z-index:1000;flex-direction:column;max-width:none;display:flex;position:fixed;inset:14px;overflow:auto}.game-panel:fullscreen{background:var(--paper);flex-direction:column;width:100vw;min-height:100vh;padding:18px;display:flex;overflow:auto}.doc-stack{gap:12px;padding:18px;display:grid}.doc-heading{border-bottom:1px solid var(--line);padding-bottom:12px}.doc-heading p:last-child,.section-block p:last-child{margin-bottom:0}.section-block{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.section-block ul{margin:0;padding-left:18px}.section-block li+li{margin-top:6px}.chip-list,.source-list,.asset-list{list-style:none;padding-left:0!important}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip-list li{color:#684103;background:var(--amber-soft);border:1px solid #f0d38a;border-radius:5px;margin:0;padding:5px 8px;font-size:.84rem}.score-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.score-row div{border:1px solid var(--line);background:#f3f7fa;border-radius:8px;padding:12px}.score-row strong,.score-row span{display:block}.score-row span{color:var(--muted);margin-top:4px;font-size:.86rem}.finding{border-left:4px solid var(--coral)}.source-list li{border-bottom:1px solid #edf1f4;gap:4px;padding:9px 0;display:grid}.source-list span{color:var(--muted);font-size:.88rem}.asset-list{gap:7px;display:grid}.generated-plan pre{color:#e7f0ff;white-space:pre-wrap;background:#111c31;border:1px solid #2f4565;border-radius:7px;max-height:420px;margin:10px 0 0;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.55;overflow:auto}.game-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.game-switch{flex-wrap:wrap;gap:8px;display:flex}.game-top-actions{flex:none;align-items:center;gap:8px;display:flex}.game-button{padding:8px 12px;font-weight:700}.fullscreen-button{color:#172335;background:#fff;width:38px;height:36px;padding:0;font-size:1.12rem;font-weight:900;line-height:1}.hud-status{color:#103b26;text-align:center;background:#e5f7ea;border:1px solid #bce5c8;border-radius:6px;min-width:76px;padding:7px 10px;font-weight:700}.hud-status[data-phase=lost]{color:#6b1e19;background:#ffe7e3;border-color:#f0b7af}.hud-status[data-phase=won]{color:#5a3a00;background:var(--amber-soft);border-color:#f0d38a}.hud{border:1px solid var(--line);background:#f8fafb;border-radius:8px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:14px;min-height:84px;padding:13px;display:grid}.hud-title{color:var(--ink);margin-bottom:4px;font-weight:800}.hud-message{color:var(--muted);margin-bottom:0;font-size:.92rem}.hud-stats{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;display:grid}.hud-stats div{background:var(--panel);border:1px solid var(--line);border-radius:7px;min-width:72px;padding:8px}.hud-stats span,.hud-stats strong{display:block}.hud-stats span{color:var(--muted);font-size:.75rem}.hud-stats strong{color:var(--ink);margin-top:3px}.game-canvas{aspect-ratio:720/520;background:#0c1422;border:1px solid #1f3049;border-radius:8px;width:100%;min-height:0;margin-top:12px;position:relative;overflow:hidden}:is(.game-panel.enlarged .game-canvas,.game-panel:fullscreen .game-canvas){flex:auto;min-height:min(72vh,680px);max-height:calc(100vh - 230px)}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.control-pad{grid-template-columns:repeat(7,44px);justify-content:center;gap:8px;margin-top:12px;display:grid}.control-pad button{color:#172335;background:#fff;width:44px;height:40px;font-weight:800}.control-pad button[data-action=restart],.control-pad button[data-action=undo]{color:#684103;background:var(--amber-soft);border-color:#f0d38a}@media (width<=1100px){.workspace{grid-template-columns:1fr}.document-panel{min-height:auto;max-height:none}}@media (width<=720px){.app-shell{padding:12px}.topbar,.game-topline,.hud{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.status-strip{justify-content:flex-start}.score-row,.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.control-pad{grid-template-columns:repeat(4,44px)}}