:root{--cream:#f6f0e6;--ink:#3b3128;--muted:#8a7d6e;--pill:#fffaf2;--sage:#8fa58a;--rose:#d99a8f;--dark:#2c2622}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--cream);font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);-webkit-text-size-adjust:100%}#stage{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;outline:none;touch-action:none}.pill{background:var(--pill);border-radius:999px;box-shadow:0 6px 20px #3c2d1e1f,0 1px 2px #3c2d1e14}#who{position:fixed;left:16px;top:16px;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;z-index:5}#who .av{width:34px;height:34px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}#who b{display:block;font-size:14px;line-height:1.1}#who small{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}#who small i{width:7px;height:7px;border-radius:50%;background:#7bb36f;display:inline-block}#tools{position:fixed;right:16px;top:16px;display:flex;gap:8px;z-index:5}.ib{border:0;cursor:pointer;height:40px;min-width:40px;padding:0 14px;font:700 13px inherit;font-family:inherit;color:var(--ink)}.ib.on{background:var(--dark);color:#fff}#acts{position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:6px;padding:6px;z-index:5;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}#acts::-webkit-scrollbar{display:none}#acts button{border:0;background:transparent;border-radius:999px;padding:10px 14px;font:700 14px inherit;font-family:inherit;color:var(--ink);cursor:pointer;white-space:nowrap}#acts button:hover{background:#f1e6d6}#acts button.on{background:var(--dark);color:#fff}#status{position:fixed;left:50%;bottom:78px;transform:translate(-50%);font-size:13px;color:var(--muted);z-index:5;white-space:nowrap;background:#fffaf2cc;padding:6px 14px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:min(340px,calc(100vw - 32px));background:#fffaf2;border-radius:22px;padding:22px 22px 18px;box-shadow:0 20px 60px #281e1440;z-index:10;opacity:0;pointer-events:none;transition:.25s ease}#card.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#card .tag{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:800}#card h2{margin:6px 0 8px;font-size:22px}#card p{margin:0 0 12px;font-size:14px;line-height:1.55;color:#5c5045}#card .guess{display:inline-block;font-size:12px;background:#f7e3d9;color:#9a5a4a;border-radius:999px;padding:4px 10px;margin-bottom:12px}#card .row{display:flex;gap:8px;justify-content:flex-end}#card .row button{border:0;border-radius:999px;padding:9px 16px;font:700 13px inherit;font-family:inherit;cursor:pointer}#card .go{background:var(--sage);color:#fff}#card .close{background:#efe6d8;color:var(--ink)}#esc{position:fixed;right:16px;bottom:18px;z-index:6;display:none}#hint{position:fixed;left:16px;bottom:24px;font-size:12px;color:var(--muted);z-index:4}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--cream);z-index:20;font-weight:800;color:var(--muted);transition:opacity .5s}@media(max-width:640px){#hint{display:none}#status{bottom:80px;font-size:12px}.ib{height:36px;min-width:36px;padding:0 11px;font-size:12px}#who{padding:6px 12px 6px 6px}}
