:root{--bg:#0f1118;--panel:#171a24;--line:#272b3a;--ink:#ece8dd;--muted:#8b90a3;--amber:#d9962b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100dvh}.screen{height:100%;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:12px;display:flex}.center{text-align:center;justify-content:center;align-items:center}.logo{letter-spacing:-.03em;color:var(--amber);margin:0;font-size:clamp(3rem,16vw,5.5rem)}.tag{color:var(--muted);margin:0 0 24px}.stack{flex-direction:column;gap:12px;width:min(280px,100%);display:flex}.studio{bottom:max(16px, env(safe-area-inset-bottom));color:var(--muted);font-size:.85rem;position:absolute}.btn{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:10px;padding:8px 16px;font-weight:600}.btn:hover{border-color:var(--amber)}.btn[aria-pressed=true],.btn.primary{background:var(--amber);border-color:var(--amber);color:#1a1405}.btn.big{min-height:56px;font-size:1.15rem}.btn:disabled{opacity:.35;cursor:not-allowed}:focus-visible{outline-offset:2px;outline:3px solid #f3c26a}.bar{align-items:center;gap:12px;display:flex}.bar h2{margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.tile{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;font-size:1.5rem;display:flex}.tile small{color:var(--amber);letter-spacing:.1em;font-size:.8rem}.tile:disabled small{color:var(--muted)}.hud{gap:6px;display:grid}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ink span:first-child{color:var(--muted);font-size:.85rem}.meter{background:var(--panel);border:1px solid var(--line);border-radius:5px;flex:1;height:10px;overflow:hidden}.meter i{background:var(--amber);transform-origin:0;width:100%;height:100%;display:block}.stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#field{image-rendering:pixelated;touch-action:none;background:var(--bg);border:1px solid var(--line);cursor:crosshair}.hint{text-align:center;color:var(--muted);pointer-events:none;text-shadow:0 1px 2px #000;font-size:.85rem;position:absolute;top:8px;left:0;right:0}.toolbar{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.toolbar .btn{padding-inline:4px}.overlay{text-align:center;background:#0f1118db;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.overlay h2{margin:0;font-size:1.8rem}.overlay p{color:var(--muted);margin:0}.overlay .btn{min-width:180px}.stars{letter-spacing:.15em;color:var(--amber)!important;font-size:2.4rem!important}#toast{left:50%;bottom:max(80px, env(safe-area-inset-bottom));z-index:10;background:var(--panel);border:1px solid var(--amber);text-align:center;border-radius:10px;max-width:90vw;padding:10px 16px;position:fixed;transform:translate(-50%)}#toast a{color:var(--amber);margin-left:8px}