:root{color:#263238;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#edf7f1}#app{display:grid;grid-template-columns:104px minmax(0,1fr)}#sidebar{z-index:30;display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:16px 12px;background:#f9fbf7;border-right:1px solid rgba(54,73,65,.15);box-shadow:4px 0 18px #2e403814}.brand-mark{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 4px;border:2px solid #42544d;border-radius:8px;background:#f6cf8d;color:#42544d;font-size:25px;font-weight:800}.tool-button{min-height:56px;display:grid;gap:4px;place-items:center;padding:8px 6px;border:1px solid rgba(54,73,65,.18);border-radius:8px;background:#fff;color:#2e4038;cursor:pointer;font:inherit;font-size:12px;line-height:1.15;transition:transform .14s ease,border-color .14s ease,background .14s ease}.tool-button:hover,.tool-button:focus-visible{border-color:#496f5d;background:#eef8f1;outline:none;transform:translateY(-1px)}.tool-button .icon{font-size:22px;line-height:1}.sidebar-panel{position:absolute;left:116px;top:88px;z-index:60;width:220px;padding:10px;border:1px solid rgba(40,56,49,.18);border-radius:8px;background:#fffffff5;box-shadow:0 14px 34px #232f2a29}.sidebar-panel.hidden{display:none}.panel-title{margin:2px 4px 8px;color:#4c6258;font-size:13px;font-weight:800}.panel-option{width:100%;min-height:38px;margin-top:6px;padding:8px 10px;border:1px solid rgba(53,76,64,.18);border-radius:7px;background:#fbfcf7;color:#2b3b34;cursor:pointer;font:inherit;font-size:14px;text-align:left}.panel-option:hover,.panel-option.active{border-color:#50705e;background:#e9f5ee}#game-shell{position:relative;min-width:0;min-height:0;background:#7dbd9d}#game-container{width:100%;height:100%}#game-container canvas{display:block}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#1b25216b}.popup-backdrop.hidden{display:none}.story-popup{width:min(560px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:18px;border:1px solid rgba(42,54,50,.16);border-radius:8px;background:#fffdf7;box-shadow:0 20px 60px #17221d3d}.popup-image{min-height:180px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(51,69,61,.16);background:linear-gradient(135deg,#d6eecf,#f4d4a2);color:#2c3c35bf;font-size:52px}.popup-copy{min-width:0}.popup-copy h2{margin:2px 0 10px;color:#263a32;font-size:24px;line-height:1.2}.popup-copy p{margin:0 0 18px;color:#506157;font-size:15px;line-height:1.65}.popup-close{min-width:88px;min-height:38px;padding:8px 14px;border:0;border-radius:7px;background:#496f5d;color:#fff;cursor:pointer;font:inherit;font-weight:700}.popup-close:hover,.popup-close:focus-visible{background:#335141;outline:none}@media (max-width: 720px){#app{grid-template-columns:76px minmax(0,1fr)}#sidebar{padding:10px 8px}.brand-mark{width:44px;height:44px;font-size:20px}.tool-button{min-height:50px;font-size:11px}.sidebar-panel{left:84px;top:66px;width:min(220px,calc(100vw - 96px))}.story-popup{grid-template-columns:1fr}.popup-image{min-height:140px}}