:root{--bg:#07070a;--panel:#0e0e13;--line:#1d1d26;--line-strong:#2b2b38;--fg:#ededf2;--muted:#8d8d9e;--subtle:#5a5a6c;--ok:#06d6a0;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--board:min(calc(100vw - 32px), calc(100svh - 300px), 720px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{background:radial-gradient(800px 500px at 50% 35%, #7c5cff1a, transparent 70%), radial-gradient(600px 400px at 70% 80%, #4cc9f00d, transparent 70%), var(--bg);min-height:100svh}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.mono{font-family:var(--mono)}.tabular{font-variant-numeric:tabular-nums}.world{flex-direction:column;min-height:100svh;display:flex}.bar{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.logo{background:conic-gradient(#ff5d73 0 25%, #ffd166 0 50%, #7c5cff 0 75%, #4cc9f0 0);border-radius:4px;width:16px;height:16px}.stats{color:var(--muted);font-variant-numeric:tabular-nums;gap:20px;font-size:13px;display:flex}.stats>span{align-items:center;gap:7px;display:inline-flex}.dot{background:var(--subtle);border-radius:50%;width:7px;height:7px}.dot.on{background:var(--ok);animation:2s infinite beacon;box-shadow:0 0 #06d6a099}@keyframes beacon{70%{box-shadow:0 0 0 7px #06d6a000}to{box-shadow:0 0 #06d6a000}}.stage{flex-direction:column;flex:1;align-items:center;padding:8px 16px 24px;display:flex}.frame{width:var(--board);height:var(--board);overscroll-behavior:contain;box-shadow:0 0 0 1px var(--line-strong), 0 30px 80px -20px #7c5cff40, 0 20px 40px -20px #000c;scrollbar-width:none;background:#0b0b10;border-radius:10px;position:relative;overflow:auto}.frame::-webkit-scrollbar{display:none}.frame.zoom-1{overflow:hidden}.board{image-rendering:pixelated;width:calc(var(--board) * var(--zoom));height:calc(var(--board) * var(--zoom));background-size:100% 100%;position:relative}.canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:manipulation;display:block}.cursor{pointer-events:none;outline:1px solid #ffffffe6;position:absolute;box-shadow:0 0 0 2px #0009}.board-wrap{position:relative}.toast{border:1px solid var(--line-strong);pointer-events:none;background:#0e0e13eb;border-radius:999px;width:max-content;max-width:90%;padding:8px 14px;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tools{width:var(--board);gap:12px;margin-top:16px;display:grid}.palette{grid-template-columns:repeat(16,minmax(0,1fr));gap:6px;display:grid}.swatch{aspect-ratio:1;border:0;border-radius:6px;transition:transform .12s;box-shadow:inset 0 0 0 1px #ffffff14}.swatch:hover{transform:translateY(-2px)}.swatch.picked{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px #fff;transform:translateY(-3px)}.meta{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.ammo{flex:1;align-items:center;gap:12px;display:flex}.ammo-bar{background:var(--line);border-radius:3px;flex:1;max-width:220px;height:6px;overflow:hidden}.ammo-bar span{border-radius:3px;height:100%;transition:width .25s,background .25s;display:block}.zoom{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.zoom button{color:var(--muted);background:0 0;border:0;padding:4px 10px;font-size:12px}.zoom button+button{border-left:1px solid var(--line-strong)}.zoom button.on{color:var(--fg);background:#1a1a22}.lore{width:var(--board);color:var(--subtle);text-wrap:pretty;margin:20px 0 0;font-size:13px;line-height:1.6}.foot{color:var(--subtle);justify-content:space-between;gap:16px;padding:16px 24px 20px;font-size:12px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--fg)}@media (max-width:640px){:root{--board:calc(100vw - 24px)}.bar{padding:14px 12px}.stats{gap:14px}.hide-sm{display:none!important}.stage{padding:4px 12px 20px}.palette{grid-template-columns:repeat(8,minmax(0,1fr))}.foot{padding:14px 12px 18px}}