:root{color-scheme:light;--paper: #f4f1e8;--mist: #dce9de;--leaf: #627b63;--leaf-deep: #314c45;--water: #6ca5a0;--light: #f0c45d;--clay: #9b6a50;--ink: #263936;--muted: #61706a;--panel: rgba(244, 241, 232, .84);--line: rgba(38, 57, 54, .18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#dce9dee0,#6ca5a047),#eef0e7}button{font:inherit}button,.game-canvas{touch-action:none}.app-shell{display:grid;min-height:100vh;padding:16px;place-items:center}.world-frame{position:relative;width:min(1180px,100%);height:min(760px,calc(100vh - 32px));min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#8fb897;box-shadow:0 24px 70px #314c453d}.game-canvas,.game-canvas canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:2;pointer-events:none}.hud-top{top:14px;left:14px;right:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hud-bottom{left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.label{margin:0 0 6px;color:var(--leaf-deep);font-size:.72rem;font-weight:800;letter-spacing:.16em}h1{margin:0;font-size:clamp(1.45rem,3vw,2.1rem);letter-spacing:0}.scene-subline{margin:6px 0 0;color:var(--muted);font-size:.92rem}.status-text,#hintText{max-width:360px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1.55}.mood-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;pointer-events:auto}.mood-chip{min-height:38px;border:1px solid rgba(49,76,69,.2);border-radius:8px;padding:8px 11px;color:var(--leaf-deep);background:#f4f1e8db;cursor:pointer}.mood-chip.is-active{color:#f9f5ec;background:var(--leaf)}.wardrobe-panel{position:absolute;z-index:4;top:82px;right:14px;width:min(360px,calc(100vw - 28px));max-height:calc(100% - 178px);overflow:auto;border:1px solid var(--line);border-radius:8px;padding:14px;color:var(--ink);background:#f4f1e8eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px #314c4538}.control-panel{position:absolute;z-index:4;top:82px;left:14px;width:min(344px,calc(100vw - 28px));max-height:calc(100% - 178px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:#f4f1e8eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px #314c4538}.panel-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 12px 0}.panel-tab{min-height:34px;border:1px solid rgba(49,76,69,.2);border-radius:8px;padding:7px 10px;color:var(--leaf-deep);background:#ffffff80;cursor:pointer}.panel-tab.is-active,.stack-form button,.inline-actions button{color:#f9f5ec;background:var(--leaf)}.panel-section{padding:14px 12px 16px}.panel-section h2,.list-block h3{margin:0;letter-spacing:0}.panel-copy,.panel-meta{margin:10px 0 0;color:var(--muted);line-height:1.5}.panel-meta{font-size:.9rem}.stack-form{display:grid;gap:10px;margin-top:12px}.form-row{display:grid;gap:6px}.form-row span,.list-block h3{color:var(--leaf-deep);font-size:.86rem;font-weight:700}.form-row input,.form-row select{min-height:38px;border:1px solid rgba(49,76,69,.18);border-radius:8px;padding:9px 10px;color:var(--ink);background:#fffc}.soft-button,.chip-cloud button,.plain-list button,.stack-form button{min-height:36px;border:1px solid rgba(49,76,69,.2);border-radius:8px;padding:8px 11px;cursor:pointer}.soft-button,.chip-cloud button,.plain-list button{color:var(--leaf-deep);background:#ffffff8f}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.list-block{margin-top:16px;padding-top:12px;border-top:1px solid rgba(38,57,54,.12)}.plain-list{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}.plain-list li{display:flex;align-items:center;justify-content:space-between;gap:12px}.plain-list li div{display:grid;gap:4px}.plain-list li span,.empty-row{color:var(--muted);font-size:.9rem}.chip-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.owned-tag,.locked-tag{white-space:nowrap;font-size:.88rem}.owned-tag{color:var(--leaf)}.locked-tag{color:var(--clay)}.wardrobe-panel[hidden]{display:none}.wardrobe-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wardrobe-head h2,.wardrobe-section h3{margin:0;letter-spacing:0}.wardrobe-head h2{font-size:1.25rem}.wardrobe-head button{width:34px;height:34px;border:1px solid rgba(49,76,69,.2);border-radius:8px;color:var(--leaf-deep);background:#ffffff6b;cursor:pointer}.wardrobe-note{margin:12px 0;color:var(--muted);line-height:1.5}.wardrobe-section{padding:10px 0;border-top:1px solid rgba(38,57,54,.12)}.wardrobe-section h3{margin-bottom:8px;font-size:.92rem}.wardrobe-options{display:flex;flex-wrap:wrap;gap:8px}.wardrobe-options button{min-height:34px;border:1px solid rgba(49,76,69,.2);border-radius:8px;padding:7px 10px;color:var(--leaf-deep);background:#ffffff75;cursor:pointer}.wardrobe-options button.is-active{color:#f9f5ec;background:var(--leaf)}.touch-controls{position:absolute;z-index:3;right:14px;bottom:98px;display:none;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:6px}.touch-controls button{border:1px solid rgba(49,76,69,.2);border-radius:8px;color:var(--leaf-deep);background:#f4f1e8e0;box-shadow:0 6px 18px #314c4524;cursor:pointer;transition:background .12s ease,transform .12s ease}.touch-controls button:active,.touch-controls button.is-pressed{color:#f9f5ec;background:var(--leaf);transform:translateY(1px)}.touch-controls [data-dir=up]{grid-column:2}.touch-controls [data-dir=left]{grid-column:1;grid-row:2}.touch-controls [data-dir=down]{grid-column:2;grid-row:2}.touch-controls [data-dir=right]{grid-column:3;grid-row:2}.touch-controls [data-action=rest]{grid-column:2;grid-row:3}@media (hover: none),(max-width: 760px){.app-shell{padding:0}.world-frame{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0}.hud-top,.hud-bottom{left:10px;right:10px}.hud-bottom{align-items:stretch;flex-direction:column}.control-panel,.wardrobe-panel{left:10px;right:10px;top:84px;width:auto;max-height:calc(100% - 192px)}.wardrobe-panel{top:auto;bottom:154px}#hintText{max-width:min(360px,calc(100vw - 20px))}.mood-row{justify-content:flex-start;max-width:calc(100vw - 20px)}.touch-controls{display:grid}.wardrobe-panel{top:78px;right:10px;left:10px;width:auto;max-height:calc(100vh - 244px)}}