:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf9f5;--fg:#1a1a18;--muted:#6b6a64;--line:#0000001f;--accent:#c2410c}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1f1f1d;--fg:#f2f1ec;--muted:#a3a29b;--line:#ffffff24;--accent:#fb923c}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.55 system-ui,sans-serif}a{color:inherit}header.site{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:14px 16px;display:flex}header.site>a{font-weight:700;text-decoration:none}header.site nav{gap:14px;font-size:14px;display:flex}main{max-width:960px;margin:0 auto;padding:16px}h1{margin:12px 0;font-size:28px;line-height:1.2}.lede{color:var(--muted);max-width:60ch}iframe.game{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;max-width:560px;height:680px;margin:12px 0;display:block}.result{font-weight:600}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;display:grid}.card{border:1px solid var(--line);border-radius:10px;padding:14px;text-decoration:none;display:block}.card strong{margin-bottom:4px;display:block}.card span{color:var(--muted);font-size:14px}code,.url{background:var(--line);word-break:break-all;border-radius:4px;padding:2px 6px;font:14px ui-monospace,monospace}ol li{margin:6px 0}.button{background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.small{color:var(--muted);font-size:13px}.chat{border:1px solid var(--line);border-radius:12px;max-width:720px;margin:12px 0;overflow:hidden}.chat .status{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:6px 14px;padding:8px 12px;font-size:13px;display:flex}.chat .status .code{font-family:ui-monospace,monospace}.chat .log{max-height:60vh;padding:12px;overflow-y:auto}.chat .log p{white-space:pre-wrap;margin:0 0 12px}.chat .log p.you{text-align:right;color:var(--accent)}.chat .log p.note{color:var(--muted);font-size:14px;font-style:italic}.chat .say{border-top:1px solid var(--line);gap:8px;padding:10px 12px;display:flex}.chat .say input{font:inherit;border:1px solid var(--line);color:var(--fg);background:0 0;border-radius:8px;flex:1;padding:8px 10px}.chat .say button,button.link{font:inherit;cursor:pointer}.chat .say button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 14px}.chat>.small{margin:0;padding:0 12px 10px}button.link{color:inherit;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.create,.editor{max-width:760px}.create label{margin:12px 0 6px;font-weight:600;display:block}.create textarea,.editor input,.editor textarea.json{width:100%;font:inherit;border:1px solid var(--line);color:var(--fg);background:0 0;border-radius:8px;padding:10px}.editor textarea.json{margin:8px 0;font:13px/1.45 ui-monospace,monospace}.create .button,.editor .button{cursor:pointer;font:inherit;border:0;margin-top:10px}.button[disabled]{opacity:.5;cursor:default}.kinds{gap:8px;display:flex}.kinds button{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px}.kinds button.on{background:var(--fg);color:var(--bg)}.error{color:#dc2626}.panel{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:12px 14px}.panel ul{margin:6px 0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input{flex:1;min-width:220px}.editor .card{flex-direction:column;gap:4px;margin:8px 0;display:flex}.share{margin-top:10px}footer.site{border-top:1px solid var(--line);max-width:960px;margin:32px auto 0;padding:16px}
