:root{--bg:#f4f1ec;--panel:#fff;--fg:#26221d;--muted:#7a7166;--line:#e2dbd0;--accent:#a0652f;--ok:#2e7d4f;--ng:#c0392b;--kds:#1f6f8b;--ref:#6a4c93;--est:#b7791f;--game:#8a8178;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171513;--panel:#211e1b;--fg:#ece5da;--muted:#a39887;--line:#36312b;--accent:#d39a5e;--ok:#5fbf86;--ng:#ef6f5e;--kds:#5bb6d6;--ref:#b79ae0;--est:#e5a948;--game:#a39b92}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,-apple-system,Malgun Gothic,Apple SD Gothic Neo,sans-serif}.app{grid-template:"top top""side view"1fr"foot foot"/340px minmax(0,1fr);height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;grid-area:top;align-items:center;gap:1.5rem;padding:.6rem 1rem;display:flex}.topbar h1{margin:0;font-size:1.1rem}.steps{scrollbar-width:none;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.steps button{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.3rem .75rem}.steps button.active{background:var(--accent);border-color:var(--accent);color:#fff}.steps button:disabled{opacity:.45;cursor:not-allowed}.sidebar{border-right:1px solid var(--line);flex-direction:column;grid-area:side;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.75rem .9rem}.panel h2{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .4rem;font-size:.95rem;display:flex}.panel p{margin:.3rem 0}.panel-sub,.muted{color:var(--muted)}.ok{color:var(--ok)}.ng{color:var(--ng)}.kv{border-collapse:collapse;width:100%}.kv th{text-align:left;color:var(--muted);white-space:nowrap;vertical-align:top;padding:.25rem .5rem .25rem 0;font-weight:500}.kv td{vertical-align:top;padding:.25rem 0}.kv td:last-child{text-align:right;padding-left:.4rem}.field{flex-direction:column;gap:.2rem;margin:.4rem 0;display:flex}.field input[type=date]{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;padding:.25rem .4rem}.field input[type=range]{width:100%;accent-color:var(--accent)}.readout{font-variant-numeric:tabular-nums}.badge{color:#fff;cursor:help;white-space:nowrap;border-radius:999px;padding:0 .45rem;font-size:.72rem;font-weight:500;line-height:1.4;display:inline-block}.badge-kds{background:var(--kds)}.badge-ref{background:var(--ref)}.badge-est{background:var(--est)}.badge-game{background:var(--game)}.viewport{grid-area:view;min-height:0;position:relative}.viewport canvas{display:block}.hint{color:#fff;pointer-events:none;background:#00000073;border-radius:6px;padding:.25rem .6rem;font-size:.78rem;position:absolute;bottom:.75rem;left:.75rem}.scene-label{color:#fff;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600}.statusbar{color:var(--muted);border-top:1px solid var(--line);background:var(--panel);grid-area:foot;padding:.35rem 1rem;font-size:.75rem}@media (width<=760px){.app{grid-template:"top""view"55vh"side"minmax(0,1fr)"foot"/minmax(0,1fr)}.sidebar{border-right:none;border-top:1px solid var(--line);min-width:0;padding:.75rem 1rem}.topbar{flex-wrap:nowrap;gap:.5rem;padding:.5rem 1rem}.topbar h1{flex:none;font-size:1rem}.hint{display:none}}