@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";html,body{background:#1a0a28;height:100%;margin:0;padding:0;overflow:hidden}body{overscroll-behavior:contain;touch-action:pan-y}#root{height:100%}.cuz[data-theme=light]{--bg:#f1eadc;--bg-2:#eae0cd;--surface:#fbf6eb;--surface-2:#f5eedc;--surface-3:#ece2cc;--line:#d9cdb1;--line-strong:#b89f73;--shadow-soft:0 1px 0 #ffffffb3 inset, 0 18px 40px -22px #50371459;--shadow-card:0 1px 0 #ffffffbf inset, 0 24px 60px -28px #50371473;--ink:#1b1611;--ink-2:#4a3f31;--ink-3:#7a6a52;--ink-mute:#9d8c72;--p1:#b23a4c;--p1-soft:#e9c9cf;--p1-ink:#7e1f2e;--p2:#244a86;--p2-soft:#c9d4ea;--p2-ink:#14305b;--gold:#b68536;--gold-soft:#f0dfb7;--board-bg:#e9d8b0;--board-bg-2:#dbc392;--board-line:#6f4a1f;--board-line-soft:#8b6027;--board-dot:#fbf6eb;--board-frame:#4a2e14;--board-frame-2:#2e1b0a;--board-grain:#4a2e140d;--good:#2f7b5f;--warn:#b57a1e;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px}.cuz[data-theme=dark]{--bg:#15110c;--bg-2:#0e0a06;--surface:#1f1a12;--surface-2:#261f15;--surface-3:#2e2618;--line:#3a2f1f;--line-strong:#5a4a30;--shadow-soft:0 1px 0 #ffebbe0a inset, 0 22px 48px -28px #000000d9;--shadow-card:0 1px 0 #ffebbe0d inset, 0 30px 70px -28px #000000e6;--ink:#f2e8d2;--ink-2:#d9ccae;--ink-3:#a89576;--ink-mute:#7b6a4f;--p1:#e96a7c;--p1-soft:#4a1e27;--p1-ink:#f4a8b3;--p2:#7ca0e6;--p2-soft:#1e2a48;--p2-ink:#b6c8ee;--gold:#e8b85e;--gold-soft:#4a3818;--board-bg:#2a1e10;--board-bg-2:#1e1409;--board-line:#c99458;--board-line-soft:#a77a41;--board-dot:#f2e8d2;--board-frame:#0b0703;--board-frame-2:#060300;--board-grain:#ffd2960a;--good:#6fbe9a;--warn:#e0b260}.cuz,.cuz *{box-sizing:border-box}.cuz{width:100%;height:100%;color:var(--ink);background:radial-gradient(120% 60% at 50% 0%, var(--bg) 0%, var(--bg-2) 70%, var(--bg-2) 100%);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45;position:relative;overflow:hidden}.cuz:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(1px 1px at 20% 30%, var(--board-grain), transparent 50%), radial-gradient(1px 1px at 70% 60%, var(--board-grain), transparent 50%), radial-gradient(1px 1px at 40% 80%, var(--board-grain), transparent 50%), radial-gradient(1px 1px at 90% 20%, var(--board-grain), transparent 50%);background-size:7px 7px,11px 11px,13px 13px,9px 9px;position:absolute;inset:0}.cuz button{cursor:pointer;font-family:inherit}.cuz input{font-family:inherit}.cuz button,.cuz [role=button],.cuz-board-dot,.cuz-stone{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cuz-board-dot,.cuz-stone{-webkit-user-select:none;user-select:none}.cuz-shell{z-index:1;width:100%;height:100%;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(env(safe-area-inset-bottom,10px) + 10px);flex-direction:column;max-width:480px;margin-inline:auto;display:flex;position:relative;overflow-y:auto}.cuz-lobby-fill{flex-direction:column;flex:1;display:flex}.cuz-topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.cuz-brand-mini{letter-spacing:.02em;color:var(--ink);align-items:center;gap:8px;font-family:DM Serif Display,serif;font-size:18px;display:inline-flex}.cuz-brand-mini .dot{background:var(--gold);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--gold) 25%, transparent);border-radius:999px}.cuz-theme-toggle{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:0;padding:3px;display:inline-flex;position:relative;box-shadow:0 1px 4px #0000002e}.cuz-theme-toggle:before{content:"";background:var(--surface-3);width:32px;height:32px;box-shadow:0 1px 0 #ffffff14 inset, 0 2px 6px #00000052, 0 0 0 1px var(--line-strong);border-radius:999px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;transform:translate(0)}.cuz-theme-toggle:has(button:last-child.is-on):before{transform:translate(32px)}.cuz-theme-toggle button{z-index:1;width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:color .15s;display:flex;position:relative}.cuz-theme-toggle button.is-on{color:var(--ink)}.cuz-hero{text-align:center;margin:14px 0 22px}.cuz-wordmark{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;margin:0;font-family:DM Serif Display,serif;font-size:86px;font-weight:400;line-height:.95;display:inline-block;position:relative}.cuz-wordmark .cuz-u-stone{vertical-align:-.04em;background:radial-gradient(circle at 35% 28%, color-mix(in oklab, var(--gold) 35%, white) 0%, var(--gold) 38%, color-mix(in oklab, var(--gold) 60%, black) 92%);width:1em;height:1em;box-shadow:inset 0 .04em .06em #fff6, inset 0 -.04em .08em #00000059, 0 .04em .1em color-mix(in oklab, var(--gold) 45%, transparent), 0 0 0 .04em color-mix(in oklab, var(--gold) 30%, transparent);border-radius:999px;margin:0 .04em;font-size:.78em;display:inline-block;position:relative}.cuz-wordmark .cuz-u-stone-letter{color:color-mix(in oklab, var(--gold) 50%, black);text-shadow:0 .012em #ffffff59,0 -.008em .02em #00000059;letter-spacing:0;z-index:1;justify-content:center;align-items:center;padding-top:.22em;font-family:DM Serif Display,serif;font-size:.78em;line-height:1;display:flex;position:absolute;inset:0}.cuz[data-theme=dark] .cuz-wordmark .cuz-u-stone-letter{color:color-mix(in oklab, var(--gold) 35%, black);text-shadow:0 .012em #ffd28c40,0 -.008em .02em #0000008c}.cuz-wordmark .cuz-u-stone-shine{filter:blur(.5px);pointer-events:none;background:radial-gradient(#ffffffd9,#0000 70%);border-radius:999px;width:28%;height:22%;position:absolute;top:12%;left:22%}.cuz[data-theme=dark] .cuz-wordmark .cuz-u-stone{box-shadow:inset 0 .04em .06em #ffffff40, inset 0 -.04em .08em #0000008c, 0 .05em .12em color-mix(in oklab, var(--gold) 35%, transparent), 0 0 0 .04em color-mix(in oklab, var(--gold) 25%, transparent)}.cuz-ornament{background:linear-gradient(90deg, transparent, var(--line-strong), transparent);width:56px;height:1px;margin:18px auto 10px;display:block;position:relative}.cuz-ornament:after{content:"";background:var(--gold);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--gold) 18%, transparent);border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cuz-tagline{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-3);margin-top:8px;font-family:Geist,sans-serif;font-size:12px}.cuz-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;position:relative}.cuz-card+.cuz-card{margin-top:18px}.cuz-field{margin-bottom:14px}.cuz-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.cuz-input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);width:100%;height:48px;color:var(--ink);outline:none;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.cuz-input::placeholder{color:var(--ink-mute)}.cuz-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in oklab, var(--gold) 22%, transparent);background:var(--surface)}.cuz-input.mono{letter-spacing:.18em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500}.cuz-btn{border-radius:var(--radius-md);letter-spacing:.005em;isolation:isolate;border:0;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex;position:relative}.cuz-btn:active{transform:translateY(1px)}.cuz-btn:disabled{opacity:.55;pointer-events:none}.cuz-btn-row{gap:10px;margin:14px 0 6px;display:grid}.cuz-btn--p1{color:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--p1) 100%, white 6%), var(--p1));box-shadow:inset 0 1px 0 #ffffff40, 0 1px 2px #0000002e, 0 14px 28px -12px color-mix(in oklab, var(--p1) 70%, transparent)}.cuz-btn--p1:hover{box-shadow:inset 0 1px 0 #ffffff4d, 0 1px 2px #0003, 0 18px 36px -12px color-mix(in oklab, var(--p1) 80%, transparent)}.cuz-btn--p2{color:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--p2) 100%, white 6%), var(--p2));box-shadow:inset 0 1px 0 #ffffff38, 0 1px 2px #0000002e, 0 14px 28px -12px color-mix(in oklab, var(--p2) 70%, transparent)}.cuz-btn--ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);box-shadow:0 1px 0 color-mix(in oklab, var(--surface) 100%, white 6%) inset}.cuz-btn--ghost:hover{border-color:var(--line-strong)}.cuz-btn--gold{color:var(--ink);background:linear-gradient(180deg, color-mix(in oklab, var(--gold-soft) 100%, white 8%), var(--gold-soft));border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);box-shadow:0 1px 0 #fff6 inset, 0 8px 18px -8px color-mix(in oklab, var(--gold) 35%, transparent)}.cuz-btn-sm{border-radius:12px;width:auto;height:40px;padding:0 16px;font-size:14px}.cuz-or{align-items:center;gap:12px;margin:18px 0 14px;display:flex}.cuz-or:before,.cuz-or:after{content:"";background:linear-gradient(90deg, transparent, var(--line) 50%, transparent);flex:1;height:1px}.cuz-or span{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.cuz-join-row{grid-template-columns:1fr auto;align-items:stretch;gap:10px;display:grid}.cuz-join-row .cuz-btn{width:auto;padding:0 22px}.cuz-section-h{justify-content:space-between;align-items:center;margin:26px 0 12px;padding:0 4px;display:flex}.cuz-section-h h3{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:700}.cuz-room{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:border-color .15s;display:flex}.cuz-room:hover{border-color:var(--line-strong)}.cuz-room-meta{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.cuz-room-code{letter-spacing:.12em;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.cuz-room-host{color:var(--ink-3);white-space:nowrap;font-size:12px}.cuz-room-pill{background:var(--surface-3);color:var(--ink-2);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px}.cuz-room-pill.live{background:color-mix(in oklab, var(--good) 15%, transparent);color:var(--good)}.cuz-room-pill.warn{background:color-mix(in oklab, var(--warn) 15%, transparent);color:var(--warn)}.cuz-room-actions{flex-shrink:0;gap:6px;margin-left:10px;display:flex}.cuz-room-empty{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--ink-3);padding:26px 16px;font-size:14px}.cuz-rules-tabs{gap:8px;margin-bottom:10px;display:flex}.cuz-rules-tab{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink-2);border-radius:12px;flex:1;font-size:13px;font-weight:500;transition:all .15s}.cuz-rules-tab.is-on{border-color:color-mix(in oklab, var(--p1) 50%, transparent);color:var(--p1);background:color-mix(in oklab, var(--p1-soft) 60%, var(--surface))}.cuz-rules-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-2);padding:18px 20px;font-size:14px}.cuz-rules-body h4{color:var(--ink);letter-spacing:.01em;margin:14px 0 6px;font-size:13px;font-weight:600}.cuz-rules-body h4:first-child{margin-top:0}.cuz-rules-body ul{margin:0;padding-left:18px}.cuz-rules-body li{margin-bottom:4px;line-height:1.5}.cuz-rules-body li::marker{color:var(--gold)}.cuz-game-header{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.cuz-player{align-items:center;gap:10px;min-width:0;display:flex}.cuz-player.right{justify-content:flex-end}.cuz-player-stone{border-radius:999px;flex-shrink:0;width:14px;height:14px}.cuz-player-stone.p1{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--p1) 60%, white), var(--p1) 75%, color-mix(in oklab, var(--p1) 60%, black));box-shadow:0 0 0 3px color-mix(in oklab, var(--p1) 18%, transparent)}.cuz-player-stone.p2{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--p2) 60%, white), var(--p2) 75%, color-mix(in oklab, var(--p2) 60%, black));box-shadow:0 0 0 3px color-mix(in oklab, var(--p2) 18%, transparent)}.cuz-player-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:14px;font-weight:600;overflow:hidden}.cuz-player.p1 .cuz-player-name{color:var(--p1-ink)}.cuz-player.p2 .cuz-player-name{color:var(--p2-ink)}.cuz[data-theme=dark] .cuz-player.p1 .cuz-player-name{color:var(--p1)}.cuz[data-theme=dark] .cuz-player.p2 .cuz-player-name{color:var(--p2)}.cuz-room-tag{letter-spacing:.18em;background:var(--surface-3);color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.cuz-status{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;color:var(--ink-2);justify-content:center;align-items:center;gap:0;min-height:52px;margin-top:12px;padding:14px 18px;font-size:15px;font-weight:500;display:flex;position:relative;overflow:hidden}.cuz-status .turn-indicator{border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-right:8px;animation:1.6s ease-in-out infinite cuz-pulse}.cuz-status.turn-p1{color:var(--p1-ink);border-color:color-mix(in oklab, var(--p1) 30%, var(--line));background:color-mix(in oklab, var(--p1-soft) 40%, var(--surface))}.cuz-status.turn-p1 .turn-indicator{background:var(--p1);box-shadow:0 0 0 4px color-mix(in oklab, var(--p1) 25%, transparent)}.cuz-status.turn-p2{color:var(--p2-ink);border-color:color-mix(in oklab, var(--p2) 30%, var(--line));background:color-mix(in oklab, var(--p2-soft) 40%, var(--surface))}.cuz-status.turn-p2 .turn-indicator{background:var(--p2);box-shadow:0 0 0 4px color-mix(in oklab, var(--p2) 25%, transparent)}.cuz[data-theme=dark] .cuz-status.turn-p1{color:var(--p1)}.cuz[data-theme=dark] .cuz-status.turn-p2{color:var(--p2)}.cuz-status.win{color:var(--good);border-color:color-mix(in oklab, var(--good) 30%, var(--line));background:color-mix(in oklab, var(--good) 12%, var(--surface))}.cuz-status.lose{color:var(--ink-3);background:color-mix(in oklab, var(--p1-soft) 20%, var(--surface));border-color:color-mix(in oklab, var(--p1) 20%, var(--line))}@keyframes cuz-pulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.6;box-shadow:0 0 0 3px #0000}}.cuz-counters{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.cuz-counter{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 14px}.cuz-counter-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.cuz-counter-name{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.cuz-counter-grid{align-items:baseline;gap:12px;display:flex}.cuz-counter-stat .num{color:var(--ink);font-family:DM Serif Display,serif;font-size:22px;line-height:1}.cuz-counter-stat .lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;font-size:10px;display:block}.cuz-board-wrap{border-radius:var(--radius-xl);background:radial-gradient(120% 100% at 30% 10%, color-mix(in oklab, var(--board-frame) 88%, white 6%), var(--board-frame) 60%, var(--board-frame-2));border:1px solid var(--board-frame-2);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gold) 25%, transparent), inset 0 0 0 6px var(--board-frame), 0 30px 60px -28px #0009;margin-top:14px;padding:18px;position:relative}.cuz-board-wrap:before{content:"";pointer-events:none;border-radius:calc(var(--radius-xl) - 6px);background:linear-gradient(135deg, var(--gold) 0%, var(--gold) 1.5%, transparent 1.5%) top left/22px 22px no-repeat, linear-gradient(225deg, var(--gold) 0%, var(--gold) 1.5%, transparent 1.5%) top right/22px 22px no-repeat, linear-gradient(45deg, var(--gold) 0%, var(--gold) 1.5%, transparent 1.5%) bottom left/22px 22px no-repeat, linear-gradient(-45deg, var(--gold) 0%, var(--gold) 1.5%, transparent 1.5%) bottom right/22px 22px no-repeat;opacity:.6;position:absolute;inset:9px}.cuz-board{aspect-ratio:1;--cuz-node-r:clamp(8px, 2.4vw, 10px);--cuz-stone-r:clamp(11px, 3.3vw, 14px);--cuz-stone-hi-rx:clamp(3px, 1vw, 4.5px);--cuz-stone-hi-ry:clamp(1.6px, .6vw, 2.4px);border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 50% 0%, color-mix(in oklab, var(--board-bg) 100%, white 6%), var(--board-bg) 60%, var(--board-bg-2));width:100%;max-width:clamp(260px,92vw,420px);margin-inline:auto;display:block;position:relative;overflow:hidden}.cuz-board:before{content:"";background-image:repeating-linear-gradient(92deg, transparent 0 6px, var(--board-grain) 6px 7px), repeating-linear-gradient(178deg, transparent 0 11px, var(--board-grain) 11px 12px);opacity:.7;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.cuz[data-theme=dark] .cuz-board:before{mix-blend-mode:screen}.cuz-board svg{width:100%;height:100%;display:block;position:relative}.cuz-board-line{stroke:var(--board-line);stroke-width:2.4px;stroke-linecap:round;fill:none}.cuz-board-dot{fill:var(--board-dot);stroke:var(--board-line);stroke-width:2px;r:var(--cuz-node-r);transition:transform .15s,fill .15s}.cuz-board-dot.is-placeable{cursor:pointer}.cuz-board-dot.is-placeable:hover{fill:color-mix(in oklab, var(--gold-soft) 80%, var(--board-dot))}.cuz-board-dot.is-target{fill:color-mix(in oklab, var(--gold-soft) 80%, var(--board-dot));cursor:pointer;animation:1.1s ease-in-out infinite cuz-target-blink}@keyframes cuz-target-blink{0%,to{opacity:1}50%{opacity:.5}}.cuz-stone{filter:drop-shadow(0 2px 3px #0000004d);r:var(--cuz-stone-r)}.cuz-stone+ellipse{rx:var(--cuz-stone-hi-rx);ry:var(--cuz-stone-hi-ry)}.cuz-stone--p1-fill{fill:url(#cuz-grad-p1);stroke:color-mix(in oklab, var(--p1) 60%, black);stroke-width:1.2px}.cuz-stone--p2-fill{fill:url(#cuz-grad-p2);stroke:color-mix(in oklab, var(--p2) 60%, black);stroke-width:1.2px}.cuz-stone--ghost{opacity:.35}.cuz-stone.is-selectable{cursor:pointer}.cuz-stone.is-selectable:hover{filter:drop-shadow(0 0 5px color-mix(in oklab, var(--gold) 70%, transparent)) drop-shadow(0 2px 3px #0000004d)}.cuz-stone.is-selected{filter:drop-shadow(0 0 8px var(--gold)) drop-shadow(0 2px 3px #0000004d)}.cuz-stone.is-removable{cursor:pointer;animation:.85s ease-in-out infinite cuz-removable-pulse}.cuz-stone.is-removable:hover{filter:drop-shadow(0 0 7px var(--p1)) drop-shadow(0 2px 3px #0000004d)}@keyframes cuz-removable-pulse{0%,to{opacity:1}50%{opacity:.7}}.cuz-stone.is-protected{opacity:.55;cursor:default}.cuz-mill-glow{stroke:var(--gold);stroke-width:6px;stroke-linecap:round;fill:none;opacity:.7;filter:drop-shadow(0 0 8px var(--gold))}.cuz-action-row{gap:10px;margin-top:14px;display:grid}.cuz-action-row.split{grid-template-columns:1fr 1fr}.cuz-spectator-banner{background:color-mix(in oklab, var(--gold-soft) 50%, var(--surface));border:1px solid color-mix(in oklab, var(--gold) 25%, var(--line));border-radius:var(--radius-sm);text-align:center;color:var(--ink-3);letter-spacing:.04em;margin-bottom:10px;padding:8px 14px;font-size:13px}.cuz-error{min-height:20px;color:var(--p1-ink);text-align:center;padding:6px 0 0;font-size:13px}.cuz[data-theme=dark] .cuz-error{color:var(--p1)}.cuz-spectator-join{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin-top:14px;padding:16px}.cuz-spectator-join p{color:var(--ink-3);margin:0 0 10px;font-size:13px}.cuz-difficulty{margin-top:10px}.cuz-difficulty-title{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:12px;font-weight:600}.cuz-difficulty-btns{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.waiting-badge{background:color-mix(in oklab, var(--gold) 20%, transparent);color:var(--gold);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.cuz-config-notice{color:var(--ink-2);font-size:13px;line-height:1.6}.cuz-config-notice ul{background:var(--surface-2);border-radius:var(--radius-sm);margin:8px 0;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.cuz-config-notice p{margin:4px 0}.cuz-config-hint{color:var(--ink-3);font-size:12px}@media (width<=480px){.cuz-shell{padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(env(safe-area-inset-bottom,8px) + 8px)}.cuz-topbar{margin-bottom:22px}.cuz-wordmark{font-size:64px}.cuz-tagline{letter-spacing:.24em;font-size:11px}.cuz-card{padding:16px}.cuz-input{height:44px;font-size:15px}.cuz-btn{height:48px;font-size:14px}.cuz-btn-row{gap:8px}.cuz-join-row{grid-template-columns:1fr}.cuz-join-row .cuz-btn{width:100%}.cuz-action-row.split{grid-template-columns:1fr}.cuz-game-header{padding:12px 14px}.cuz-player-name{font-size:13px}.cuz-room-tag{padding:5px 8px;font-size:10px}.cuz-status{min-height:46px;padding:12px 14px;font-size:14px}.cuz-board-wrap{padding:14px}.cuz-rules-body{padding:14px 16px;font-size:13px}}.cuz-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cuz-modal-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:100%;max-width:480px;max-height:80vh;padding:28px 24px 24px;overflow-y:auto}.cuz-modal-title{margin:0 0 16px;font-size:18px;font-weight:700}.cuz-privacy-content h3{margin:16px 0 4px;font-size:14px;font-weight:700}.cuz-privacy-content p{opacity:.85;margin:0 0 8px;font-size:13px;line-height:1.6}.cuz-lobby-footer{border-top:1px solid var(--line);text-align:center;margin-top:20px;padding-top:12px}.cuz-privacy-link{cursor:pointer;opacity:.5;color:inherit;background:0 0;border:none;font-size:12px;text-decoration:underline}.cuz-privacy-link:hover{opacity:.8}