:root{--bg:#0b0d12;--ink:#e8eefc;--accent:#fb7185;--muted:#8b93a7;--card:#141824;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}#app{max-width:1000px;margin:0 auto;padding:24px 16px 60px}h1{margin:0}.lede{color:var(--muted)}.layout{display:grid;grid-template-columns:200px 1fr;gap:14px;margin-top:16px}@media(max-width:800px){.layout{grid-template-columns:1fr}}.palette,.board{background:var(--card);border:1px solid #243044;border-radius:16px;min-height:480px;padding:12px;position:relative}.palette button{display:block;width:100%;margin:0 0 8px;padding:10px;border-radius:12px;border:1px solid #334;background:#1a2233;color:var(--ink);cursor:pointer;text-align:left}.item{position:absolute;min-width:88px;padding:10px;border-radius:12px;background:#1f2937;border:1px solid #475569;cursor:grab;-webkit-user-select:none;user-select:none;font-size:.85rem;box-shadow:0 8px 24px #0006}.item.scare{background:#3f1d24;border-color:#fb7185}.item.prop{background:#1e293b}.item.room{background:#172554;border-color:#60a5fa;min-width:140px;min-height:90px}.bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.bar button{border-radius:999px;border:1px solid #334;background:#1a2233;color:var(--ink);padding:8px 12px;cursor:pointer}.fear{color:var(--accent);font-weight:800}
