:root{--c4-accent:var(--world-accent,#b9f36b);--c4-bg:var(--world-bg,#0d0d0f);--c4-panel:var(--world-panel,rgba(32,18,6,.72));--c4-line:var(--world-line,rgba(185,243,107,.18));--c4-text:#f5f5f5;--c4-muted:#a6a6ad;--c4-ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--c4-bg);color:var(--c4-text);font-family:Heebo,system-ui,sans-serif}body{min-height:100vh;overflow-x:hidden}.c4-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(16px,4vw,42px);background:color-mix(in srgb,var(--c4-panel) 86%,transparent);border-bottom:1px solid var(--c4-line);backdrop-filter:blur(18px) saturate(1.18)}.c4-back,.c4-home-link{color:var(--c4-muted);text-decoration:none;font-size:.85rem;padding:8px 14px;border:1px solid var(--c4-line);border-radius:999px;transition:all .18s var(--c4-ease)}.c4-back:hover,.c4-home-link:hover{color:var(--c4-text);border-color:var(--c4-accent);transform:translateY(-1px)}.c4-brand{display:grid;justify-items:center;font-weight:800;letter-spacing:.08em}.c4-brand small{font-size:.58rem;color:var(--c4-accent);letter-spacing:.24em;margin-top:2px}.c4-home{width:34px;height:34px;border:1px solid var(--c4-line);border-radius:10px;background:transparent;color:var(--c4-accent);font-size:1.1rem;cursor:pointer}.c4-shell{width:min(620px,calc(100% - 28px));margin:0 auto;padding:clamp(44px,9vh,96px) 0 56px}.c4-screen{display:none;animation:c4In .32s var(--c4-ease) both}.c4-screen.active{display:block}.c4-kicker{margin:0 0 10px;color:var(--c4-accent);font-size:.68rem;letter-spacing:.26em;font-weight:800}.c4-screen h1{font-size:clamp(2.2rem,8vw,4.2rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px}.c4-lede{max-width:460px;color:var(--c4-muted);font-size:1rem;line-height:1.7}.c4-preview{height:150px;margin:34px 0;display:flex;align-items:flex-end;justify-content:center;gap:13px;padding:22px;border:1px solid var(--c4-line);border-radius:24px;background:linear-gradient(145deg,rgba(114,213,196,.13),rgba(255,255,255,.03));box-shadow:0 22px 70px -32px rgba(0,0,0,.85)}.c4-preview span{width:34px;aspect-ratio:1;border-radius:50%;box-shadow:0 5px 12px rgba(0,0,0,.34)}.c4-preview .red,.c4-disc.red{background:radial-gradient(circle at 32% 28%,#ffb6aa,#d85b63 60%,#752637)}.c4-preview .yellow,.c4-disc.yellow{background:radial-gradient(circle at 32% 28%,#fff4b0,#e5b94e 58%,#9b5d26)}.c4-actions{display:flex;flex-wrap:wrap;gap:12px}.c4-btn{min-width:156px;padding:14px 18px;border:1px solid var(--c4-line);border-radius:14px;background:rgba(255,255,255,.04);color:var(--c4-text);font:700 .92rem Heebo,system-ui,sans-serif;cursor:pointer;text-align:start;transition:transform .16s var(--c4-ease),border-color .18s,background .18s}.c4-btn span{display:block}.c4-btn small{display:block;color:var(--c4-muted);font-size:.62rem;letter-spacing:.12em;margin-top:4px}.c4-btn:hover{transform:translateY(-2px);border-color:var(--c4-accent);background:rgba(255,255,255,.08)}.c4-btn:active{transform:scale(.97)}.c4-btn.primary{background:linear-gradient(135deg,var(--c4-accent),#2c9f9f);color:#061015;border-color:transparent}.c4-home-link{display:inline-block;margin-top:24px}.c4-game-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.c4-game-top h1{font-size:clamp(2rem,6vw,3.5rem)}.c4-status{display:grid;justify-items:end;gap:4px;color:var(--c4-muted);font-size:.82rem}.c4-status strong{color:var(--c4-accent)}.c4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px;border:1px solid var(--c4-line);border-radius:24px;background:linear-gradient(145deg,var(--world-bg-2,#17171a),var(--world-bg,#0d0d0f));box-shadow:0 28px 70px -32px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.14)}.c4-cell{position:relative;aspect-ratio:1;border:0;border-radius:50%;background:color-mix(in srgb,var(--c4-accent) 10%,var(--world-bg-2,#17171a));box-shadow:inset 0 5px 9px rgba(0,0,0,.48);cursor:pointer;transition:background .16s,transform .16s var(--c4-ease)}.c4-cell:hover{background:color-mix(in srgb,var(--c4-accent) 24%,var(--world-bg-2,#17171a));transform:translateY(-2px)}.c4-disc{display:block;width:82%;height:82%;margin:9%;border-radius:50%;box-shadow:0 5px 9px rgba(0,0,0,.36),inset 0 1px 2px rgba(255,255,255,.4);animation:c4Drop .25s var(--c4-ease) both}.c4-rule{margin:16px 2px 0;color:var(--c4-muted);font-size:.78rem;line-height:1.6}.c4-result{font-size:1.3rem;color:var(--c4-accent);font-weight:700;margin:8px 0 26px}.tw-post-game-review{margin-top:20px!important}@keyframes c4In{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes c4Drop{from{opacity:0;transform:translateY(-10px) scale(.78)}to{opacity:1;transform:none}}@media(max-width:520px){.c4-header{padding-inline:14px}.c4-brand{font-size:.87rem}.c4-shell{width:min(100% - 20px,620px)}.c4-board{gap:5px;padding:8px}.c4-game-top{align-items:flex-start;flex-direction:column}.c4-status{justify-items:start}.c4-btn{flex:1;min-width:0}}@media(prefers-reduced-motion:reduce){.c4-screen,.c4-disc{animation:none}.c4-btn,.c4-cell{transition:none}}