:root{--bg: #120c08;--ink: #ffe8c8;--orange: #ff7a18;--leaf: #2f6b2f;--muted: #c4a078;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--ink);background:radial-gradient(900px 500px at 50% -10%,#3a1c08,transparent),var(--bg)}*{box-sizing:border-box}body{margin:0}#app{max-width:980px;margin:0 auto;padding:24px 16px 60px}h1{margin:0 0 6px;font-size:clamp(1.8rem,4vw,2.6rem)}.lede{color:var(--muted);margin:0 0 18px}.layout{display:grid;grid-template-columns:1fr 280px;gap:18px}@media(max-width:800px){.layout{grid-template-columns:1fr}}.stage-wrap{position:relative;background:#0a0705;border-radius:20px;border:1px solid #3a2818;overflow:hidden;aspect-ratio:1;box-shadow:inset 0 0 80px #ff641414}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.side{display:flex;flex-direction:column;gap:12px}.panel{background:#1a120c;border:1px solid #3a2818;border-radius:14px;padding:14px}.panel h2{margin:0 0 10px;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}.tools{display:flex;flex-wrap:wrap;gap:8px}button,.tools button{appearance:none;border:1px solid #4a3020;background:#24180f;color:var(--ink);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}button.active,button.primary{background:linear-gradient(180deg,#ff8a2a,#c45310);border-color:transparent;color:#1a0a00;font-weight:700}.templates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.templates button{border-radius:12px;padding:10px;font-size:.85rem}.score{font-size:1.4rem;font-weight:800;color:var(--orange)}.hint{font-size:.85rem;color:var(--muted);line-height:1.4}