:root{--bg:#14100c;--bg-2:#1a140e;--surface:#1f1811;--surface-edge:#0f0b07;--panel:#1c150f;--ink:#efe6d6;--muted:#a99a83;--brass:#c9a35a;--brass-soft:#c9a35a29;--line:#c9a35a24;--hole:#241c14;--hole-rim:#c9a35a3d;--border:#c9a35a33;--shadow:#0000008c;--ok:#3fbf9c;--bad:#ec7a70;--font-cjk:"Songti SC", "STSong", "Songti TC", "SimSun", serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif}@media (prefers-color-scheme:light){:root{--bg:#ece2d0;--bg-2:#e4d9c3;--surface:#e6dcc6;--surface-edge:#cdbf9f;--panel:#efe6d5;--ink:#2c241a;--muted:#6f6250;--brass:#9a7328;--brass-soft:#78562624;--line:#78562638;--hole:#d7cab0;--hole-rim:#78562657;--border:#7856263d;--shadow:#50371447}}:root[data-theme=light]{--bg:#ece2d0;--bg-2:#e4d9c3;--surface:#e6dcc6;--surface-edge:#cdbf9f;--panel:#efe6d5;--ink:#2c241a;--muted:#6f6250;--brass:#9a7328;--brass-soft:#78562624;--line:#78562638;--hole:#d7cab0;--hole-rim:#78562657;--border:#7856263d;--shadow:#50371447}:root[data-theme=dark]{--bg:#14100c;--bg-2:#1a140e;--surface:#1f1811;--surface-edge:#0f0b07;--panel:#1c150f;--ink:#efe6d6;--muted:#a99a83;--brass:#c9a35a;--brass-soft:#c9a35a29;--line:#c9a35a24;--hole:#241c14;--hole-rim:#c9a35a3d;--border:#c9a35a33;--shadow:#0000008c}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(120% 90% at 50% -10%, var(--bg-2), var(--bg) 60%);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh}.wrap{flex-direction:column;gap:20px;max-width:600px;margin:0 auto;padding:28px 20px 40px;display:flex}header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.brand{align-items:baseline;gap:14px;display:flex}.logo{font-family:var(--font-cjk);letter-spacing:2px;color:var(--ink);font-size:46px;line-height:.9}.brand-meta{flex-direction:column;gap:3px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--brass);font-size:10.5px;font-weight:600}.players{font-family:var(--font-serif);color:var(--muted);font-size:15px;font-style:italic}.players b{font-style:normal;font-weight:600}.toggles{gap:8px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--panel);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;font-size:15px;transition:color .15s,border-color .15s;display:grid}.icon-btn:hover{color:var(--ink);border-color:var(--brass)}.icon-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.turnbar{border:1px solid var(--border);background:linear-gradient(var(--panel), var(--bg-2));border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.turn{align-items:center;gap:10px;font-size:14px;display:flex}.turn .dot{border-radius:50%;width:16px;height:16px;box-shadow:inset -2px -3px 4px #00000059,inset 2px 2px 3px #ffffff59}.turn .who{font-weight:600}.turn .verb{color:var(--muted)}.scores{font-variant-numeric:tabular-nums;gap:14px;display:flex}.score{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.score .pip{border-radius:50%;width:10px;height:10px}.score b{color:var(--ink);font-weight:600}.board-frame{background:radial-gradient(130% 120% at 50% 8%, var(--surface), var(--surface-edge));border:1px solid var(--border);box-shadow:0 18px 44px -18px var(--shadow), inset 0 1px 0 #ffffff0d;border-radius:20px;padding:14px;position:relative}.board{touch-action:manipulation;width:100%;height:auto;display:block}.hole{fill:var(--hole);stroke:var(--hole-rim);stroke-width:1px}.lattice{stroke:var(--line);stroke-width:1.4px}.homezone{fill:var(--brass-soft)}.marble{cursor:default}.marble.movable{cursor:pointer}.marble.dim{opacity:.55}.marble .hit{fill:#0000}.marble.movable .hit{pointer-events:all}.mb-inner{transform-box:fill-box;transform-origin:50%;transition:transform .16s}.mb-inner.sel{transform:scale(1.1)}.sel-ring{fill:none;stroke:var(--active,#37b493);stroke-width:2px;opacity:.9}.hint{cursor:pointer}.hint .hit{fill:#0000;pointer-events:all}.hint .hcore{fill:var(--active,#37b493);opacity:.9}.hint .hring{fill:none;stroke:var(--active,#37b493);stroke-width:2px;opacity:.55;transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.win-halo{fill:none;stroke:#f5d372;stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.15s ease-out infinite winhalo}@keyframes winhalo{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}.turnbar.won{border-color:#f5c95b8c;box-shadow:0 0 0 1px #f5c95b38,0 6px 22px -12px #f5c95b99}.win-note{font-family:var(--font-cjk);letter-spacing:1px;align-items:center;gap:6px;font-size:20px;animation:.5s cubic-bezier(.2,1.4,.4,1) both winpop;display:inline-flex}.win-zh{background:linear-gradient(#ffe9a8,#f5c95b 55%,#e0a63a);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes winpop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.rematch{color:var(--ink);cursor:pointer;font-size:12px;font-family:var(--font-ui);background:0 0;border:1px solid #f5c95b73;border-radius:999px;padding:4px 12px;transition:background .15s,border-color .15s;animation:.5s cubic-bezier(.2,1.4,.4,1) .12s both winpop}.rematch:hover{background:#f5c95b1f;border-color:#f5c95bb3}.rematch:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rule{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.rule .zh{font-family:var(--font-cjk);color:var(--ink);letter-spacing:1px;font-size:14px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;font-size:13px;font-family:var(--font-ui);border-radius:10px;padding:9px 16px;transition:border-color .15s}.btn:hover{border-color:var(--brass)}.btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.note{color:var(--muted);text-align:center;border-top:1px solid var(--border);margin:0;padding-top:16px;font-size:12px;line-height:1.55}@media (max-width:460px){.logo{font-size:38px}header{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.mb-inner{transition:none}.hint .hring{opacity:.5;animation:none}.win-halo{opacity:0;animation:none}.win-note,.rematch{animation:none}}.standings{border:1px solid var(--border);background:linear-gradient(var(--panel), var(--bg-2));color:var(--muted);font-variant-numeric:tabular-nums;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.standings .stand{align-items:center;gap:6px;display:inline-flex}.standings .stand b{color:var(--ink);font-size:15px;font-weight:700}.standings .pip{border-radius:50%;width:10px;height:10px}.standings .sep{opacity:.5}.standings .games{opacity:.7;margin-left:4px;font-size:11px}.chatdock{flex-direction:column;gap:10px;display:flex}.chat-emojis{flex-wrap:wrap;gap:6px;display:flex}.emoji-btn{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;font-size:19px;line-height:1;transition:transform .1s,border-color .15s;display:grid}.emoji-btn:hover{border-color:var(--brass);transform:translateY(-1px)}.emoji-btn:active{transform:scale(.9)}.emoji-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.chat-compose{align-items:center;gap:8px;display:flex}.sender-toggle{border:1px solid var(--border);border-radius:10px;flex:none;display:inline-flex;overflow:hidden}.sender-toggle button{color:var(--muted);cursor:pointer;font-size:12px;font-family:var(--font-ui);background:0 0;border:0;padding:8px 10px}.sender-toggle button.on.you{color:var(--ink);background:#37b49338}.sender-toggle button.on.moon{color:var(--ink);background:#e8756b38}.chat-input{background:var(--bg-2);border:1px solid var(--border);min-width:0;color:var(--ink);font-family:var(--font-ui);border-radius:10px;flex:1;padding:9px 12px;font-size:14px}.chat-input::placeholder{color:var(--muted)}.chat-input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.chat-send{border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:10px;flex:none;padding:9px 14px;font-size:13px}.chat-send:hover{border-color:var(--brass)}.chat-send:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.blobs-layer{pointer-events:none;border-radius:20px;position:absolute;inset:0;overflow:hidden}.blob-stack{flex-direction:column-reverse;align-items:flex-start;gap:6px;max-width:62%;display:flex;position:absolute;bottom:14px;left:14px}.blob{color:#1a1410;word-break:break-word;border-radius:16px 16px 16px 6px;max-width:100%;padding:7px 13px;font-size:15px;line-height:1.3;box-shadow:0 6px 18px -8px #00000080}.blob-you{background:linear-gradient(#a7ecd8,#6fd3b6)}.blob-moon{background:linear-gradient(#ffcfc9,#f0a49c)}.spike{max-width:32rem;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem 2rem;margin:0 auto}.spike h1{font-family:var(--font-cjk);color:var(--brass);letter-spacing:.1em;margin:0 0 .25rem;font-size:2.5rem}.spike .eyebrow{color:var(--muted);margin-bottom:1.5rem;font-size:.85rem}.spike .probe{background:var(--panel);border:1px solid var(--border);border-radius:.9rem;margin-bottom:.75rem;padding:.9rem 1rem}.spike .probe-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.spike .probe-title{font-weight:600}.spike .probe-sub{color:var(--muted);margin-top:.1rem;font-size:.8rem}.spike button.run{background:var(--brass);color:#1c140e;cursor:pointer;white-space:nowrap;border:0;border-radius:.6rem;padding:.5rem .9rem;font-size:.9rem;font-weight:700}.spike button.run:active{filter:brightness(1.1)}.spike button.run:disabled{opacity:.5;cursor:default}.spike .status{white-space:pre-wrap;word-break:break-word;color:var(--muted);margin-top:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.spike .dot{background:var(--muted);vertical-align:middle;border-radius:50%;width:.6rem;height:.6rem;margin-right:.4rem;display:inline-block}.spike .dot.ok{background:var(--ok)}.spike .dot.bad{background:var(--bad)}.spike .foot{color:var(--muted);margin-top:1.5rem;font-size:.8rem;line-height:1.5}