@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}:root{--team-blue: #4f8ef7;--team-blue-bright: #7ab3ff;--team-blue-hover: #6aa3ff;--team-coral: #e8603a;--team-coral-bright: #f0845e;--active-amber: #ffd24f;--active-amber-bright: #ffe88a;--team-blue-rgb: 79, 142, 247;--team-coral-rgb: 232, 96, 58;--active-amber-rgb: 255, 210, 80;--surface-base: #0a0a0f;--surface-sunken: #0c0c14;--surface-screen: #0d0d14;--surface-panel: #0f0f1a;--surface-row-hover: #11111d;--surface-panel-2: #12121e;--surface-raised: #14141f;--surface-control: #18182a;--surface-control-inert: #1a1a2a;--surface-toggle-on: #1a2540;--surface-control-hover: #20203a;--surface-switch-track: #2a2a40;--surface-ad: #f1e8d9;--tile-we: #10121e;--tile-they: #160f0d;--border-default: #1e1e30;--border-screen: #1e1e2e;--border-raised: #232338;--border-ad: #e3d6c1;--border-hover: #3a3a5a;--text-strong: #fff;--text-bright: #eeeef8;--text-primary: #e8e8f5;--text-value: #c8c8e8;--text-dim: #8888aa;--text-dimmer: #6a6a8a;--text-faint: #5a5a78;--text-chrome: #444;--text-label: #3a3a55;--text-ghost: #333355;--text-ghost-2: #2a2a44;--card-stock: #f7f5ef;--suit-red: #f06060;--suit-black: #aaaacc;--suit-black-dim: #8888cc;--switch-knob: #fff;--nello: #c08fe0;--nello-border: #9b6bc4;--nello-bright: #d4a8f0;--nello-border-rgb: 155, 107, 196;--scrim-rgb: 6, 6, 12;--chip-bg-rgb: 12, 12, 22}body{background:var(--surface-base);font-family:Inter Variable,Inter,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px 40px;color:var(--text-strong);-webkit-user-select:none;user-select:none}#root{width:100%;display:flex;flex-direction:column;align-items:center}.app-title{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-chrome);margin-bottom:16px}.game-outer{display:flex;align-items:flex-start;gap:16px}.ad-skyscraper{width:160px;height:600px;flex-shrink:0;background:var(--surface-ad);border:1px solid var(--border-ad);border-radius:8px}.game-col{display:flex;flex-direction:column;align-items:center}.game-wrapper{width:min(calc(100vw - 208px),(100vh - 255px) * 1.778);display:flex;flex-direction:column;gap:0;color:var(--text-strong);border-radius:14px 14px 16px 16px;box-shadow:0 24px 60px -28px #0000008c}.status-bar{background:var(--surface-panel);border:1px solid var(--border-default);border-bottom:none;border-radius:14px 14px 0 0;padding:10px 18px;display:flex;align-items:center;gap:0;flex-wrap:nowrap;overflow:hidden}.status-section{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.status-section+.status-section{border-left:1px solid var(--border-default);padding-left:16px;margin-left:16px}.status-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-label)}.status-value{font-size:17px;font-weight:600;color:var(--text-value);letter-spacing:.02em;white-space:nowrap}.status-value .trump{color:var(--suit-red)}.status-value .trump.black-suit{color:var(--suit-black-dim)}.tricks-we{color:var(--team-blue-bright)}.tricks-they{color:var(--team-coral-bright)}.tricks-sep{color:var(--text-ghost);margin:0 4px}.points-we{color:var(--team-blue-bright);font-weight:700}.points-they{color:var(--team-coral-bright);font-weight:700}.points-goal{color:var(--text-ghost-2);font-size:14px;margin-left:4px}.play-btn{margin-left:auto;padding:7px 18px;border-radius:8px;border:none;font-size:16px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;font-family:inherit}.play-btn.active{background:var(--team-blue);color:var(--text-strong);box-shadow:0 0 16px rgba(var(--team-blue-rgb),.4)}.play-btn.active:hover{background:var(--team-blue-bright);box-shadow:0 0 22px rgba(var(--team-blue-rgb),.6)}.play-btn.inactive{background:var(--surface-control-inert);color:var(--text-ghost);cursor:default;pointer-events:none}.game-screen{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface-screen);border-radius:0 0 16px 16px;overflow:visible;border:1px solid var(--border-screen);border-top:none}.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:3px;border-radius:0 0 16px 16px;overflow:hidden}.tile{position:relative;overflow:hidden}.tile.seat-partner,.tile.seat-opp1{border-radius:0}.tile.seat-opp2{border-radius:0 0 0 14px}.tile.seat-you{border-radius:0 0 14px}.tile-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.avatar-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:200;opacity:.15}.team-glow{position:absolute;bottom:0;left:0;right:0;height:5px;filter:blur(2px);opacity:.9;z-index:2}.tile.team-we .team-glow{background:linear-gradient(90deg,transparent,var(--team-blue) 25%,var(--team-blue-bright) 50%,var(--team-blue) 75%,transparent)}.tile.team-they .team-glow{background:linear-gradient(90deg,transparent,var(--team-coral) 25%,var(--team-coral-bright) 50%,var(--team-coral) 75%,transparent)}.tile.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;box-shadow:inset 0 3px 14px rgba(var(--active-amber-rgb),.3),inset 3px 0 14px rgba(var(--active-amber-rgb),.18),inset -3px 0 14px rgba(var(--active-amber-rgb),.18)}.active-top{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--active-amber) 25%,var(--active-amber-bright) 50%,var(--active-amber) 75%,transparent);filter:blur(1.5px);opacity:.95;z-index:11}.active-left{position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--active-amber) 25%,var(--active-amber-bright) 50%,var(--active-amber) 75%,transparent);filter:blur(1.5px);opacity:.8;z-index:11}.active-right{position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--active-amber) 25%,var(--active-amber-bright) 50%,var(--active-amber) 75%,transparent);filter:blur(1.5px);opacity:.8;z-index:11}.player-name{position:absolute;top:10px;left:12px;font-size:11px;font-weight:500;letter-spacing:.04em;color:#ffffffa6;z-index:5;text-shadow:0 1px 4px rgba(0,0,0,.9)}.played-slot{position:absolute;z-index:6;line-height:1}.played-chip{display:inline-flex;align-items:center;gap:1px;background:rgba(var(--chip-bg-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;font-weight:700;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 14px #0009;line-height:1}.played-chip .suit-red{color:var(--suit-red)}.played-chip .suit-black{color:var(--suit-black)}.played-chip .rank{color:var(--text-bright)}.tile.seat-partner .played-slot{bottom:14px;right:14px}.tile.seat-opp1 .played-slot{bottom:14px;left:14px}.tile.seat-opp2 .played-slot{top:14px;right:14px}.tile.seat-you .played-slot{top:14px;left:14px}.playing-card{position:relative;background:var(--card-stock);border-radius:6px;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 10px #00000080;overflow:hidden;font-weight:700}.pc-index{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.85}.pc-pip{position:absolute;transform:translate(-50%,-50%);line-height:1}.pc-court-letter{position:absolute;transform:translate(-50%,-50%);font-weight:700}.throw-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25;overflow:visible;perspective:900px}.flier{position:absolute;border-radius:6px;will-change:transform,opacity}.throw-ring{position:absolute;border-radius:50%;border:2px solid;pointer-events:none}.throw-spark{position:absolute;width:5px;height:5px;border-radius:50%;pointer-events:none}.tile.team-we{background:var(--tile-we)}.tile.team-they{background:var(--tile-they)}.tile.team-we .avatar-bg{color:var(--team-blue)}.tile.team-they .avatar-bg{color:var(--team-coral)}.card-fan-wrapper{position:absolute;bottom:-22px;left:0;right:0;width:100%;height:130px;z-index:20;cursor:pointer}.card-fan{position:absolute;bottom:0;left:50%;transform:translate(-50%) scale(var(--fan-scale, 1));transform-origin:bottom center;width:400px;height:120px;transition:transform .25s ease}.card-fan.collapsed{transform:translate(-50%) scale(calc(var(--fan-scale, 1) * .72))}.card{position:absolute;bottom:0;width:58px;border-radius:6px;transition:transform .15s ease,box-shadow .15s ease,outline .1s ease;transform-origin:bottom center;cursor:default}.card-fan.enlarged .card{cursor:grab}.card.dragging{cursor:grabbing;z-index:40}.card.selected{outline:2px solid var(--team-blue);box-shadow:0 0 0 3px rgba(var(--team-blue-rgb),.35),0 8px 24px #000000b3!important}.drop-zone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.08);pointer-events:none;z-index:1;opacity:0;transition:opacity .2s}.drop-zone.armed{opacity:1}.drop-zone.over{opacity:1;border-color:rgba(var(--team-blue-rgb),.6);box-shadow:0 0 28px rgba(var(--team-blue-rgb),.4)}.legend{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text-chrome);letter-spacing:.04em}.legend-swatch{width:24px;height:3px;border-radius:2px}.swatch-blue{background:linear-gradient(90deg,var(--team-blue),var(--team-blue-bright))}.swatch-coral{background:linear-gradient(90deg,var(--team-coral),var(--team-coral-bright))}.swatch-yellow{background:linear-gradient(90deg,var(--active-amber),var(--active-amber-bright))}.dev-controls{display:flex;gap:10px;margin-bottom:14px;justify-content:center}.toggle-btn{padding:6px 16px;border-radius:20px;border:1px solid var(--border-default);background:var(--surface-panel);color:var(--text-chrome);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:all .15s;font-family:inherit}.toggle-btn.on{background:var(--surface-toggle-on);border-color:var(--team-blue);color:var(--team-blue-bright)}.toggle-btn:disabled{opacity:.4;cursor:not-allowed}.dev-sep{width:1px;align-self:stretch;background:var(--border-default);margin:2px 4px}.bid-status-pill{position:absolute;top:10px;right:12px;font-size:10px;font-weight:600;letter-spacing:.04em;padding:3px 9px;border-radius:20px;z-index:7;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}.bid-status-pill.passed{background:#ffffff0f;color:#ffffff59}.bid-status-pill.bidding{background:rgba(var(--active-amber-rgb),.15);color:var(--active-amber)}.bid-status-pill.current-high{background:rgba(var(--team-blue-rgb),.18);color:var(--team-blue-bright)}.bid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--scrim-rgb),.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center}.bid-card{background:var(--surface-panel-2);border:1px solid var(--border-raised);border-radius:16px;padding:20px 24px 24px;width:92%;max-width:560px;box-shadow:0 20px 60px #0009}.bid-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.bid-title{font-size:13px;font-weight:600;letter-spacing:.03em;color:var(--text-primary)}.bid-current{font-size:11px;color:var(--text-dimmer);text-align:right}.bid-current strong{color:var(--active-amber);font-weight:600}.bid-grid-wrapper{overflow-x:auto}.bid-table{display:grid;grid-template-columns:44px repeat(5,1fr);gap:4px;min-width:460px}.bid-col-header{display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;padding:6px 2px;border-radius:6px;background:var(--surface-control)}.bid-col-header .suit-black{color:var(--suit-black)}.bid-col-header .suit-red{color:var(--suit-red)}.bid-col-header .suit-nt{color:var(--active-amber);font-size:10px;letter-spacing:.04em}.bid-row-label{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-faint);font-weight:600}.bid-cell{background:var(--surface-control);border:1px solid var(--border-raised);border-radius:7px;padding:7px 4px;text-align:center;font-size:12px;font-weight:600;font-family:inherit;color:var(--text-dim);cursor:pointer;transition:all .12s ease}.bid-cell:hover:not(.disabled):not(.selected){background:var(--surface-control-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.bid-cell.disabled{opacity:.28;cursor:not-allowed}.bid-cell.selected{background:rgba(var(--team-blue-rgb),.14);border-color:var(--team-blue);color:var(--team-blue-bright)}.special-bids{display:flex;gap:8px;margin-top:14px}.special-btn{flex:1;padding:11px;border-radius:9px;border:1px solid var(--border-raised);background:var(--surface-control);color:var(--text-dim);font-size:12px;font-weight:600;font-family:inherit;letter-spacing:.02em;cursor:pointer;transition:all .12s ease}.special-btn:hover:not(.disabled):not(.selected){background:var(--surface-control-hover);border-color:var(--border-hover);color:var(--text-primary)}.special-btn.pass{color:var(--text-dimmer)}.special-btn.pass:hover:not(.selected){color:var(--team-coral-bright);border-color:var(--team-coral);background:rgba(var(--team-coral-rgb),.08)}.special-btn.nello{color:var(--nello)}.special-btn.nello:hover:not(.disabled):not(.selected){border-color:var(--nello-border);background:rgba(var(--nello-border-rgb),.1);color:var(--nello-bright)}.special-btn.disabled{opacity:.28;cursor:not-allowed}.special-btn.selected{border-color:var(--team-blue);color:var(--team-blue-bright);background:rgba(var(--team-blue-rgb),.14)}.bid-confirm{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--border-default)}.bid-confirm-text{font-size:13px;color:var(--text-value)}.bid-confirm-text strong{color:var(--active-amber)}.confirm-btn{padding:9px 22px;border-radius:8px;border:none;background:var(--team-blue);color:var(--text-strong);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.confirm-btn:hover{background:var(--team-blue-hover)}:root{--site-bg: #f6f1e7;--site-panel: #fffbf4;--site-panel-2: #fdf6ea;--site-input: #fff;--site-control: #eee1cb;--site-control-hover: #e6d7ba;--site-row-hover: #f4ece0;--site-border: #e3d6c1;--site-border-2: #cbb693;--site-text: #2a2420;--site-text-dim: #6b5f54;--site-text-faint: #9a8b76;--site-on-accent: #fff;--site-accent-hover: #3d76d8;--site-accent-ink: #3d76d8;--site-danger-ink: #c4431f;--site-warn-ink: #a5701f;--site-warn-ink-deep: #7a5a10;--site-ok-ink: #2f8a58;--presence-online: #3f9e68;--presence-online-rgb: 63, 158, 104;--presence-offline: #b7a993;--site-brand-grad-a: #f1e8d6;--site-brand-grad-b: #e4d5b9;--site-logo-grad-a: #7ab3ff;--site-logo-grad-b: #c4431f;--site-amber-deep: #c98a2c;--site-face-blue: #8fc0ff;--site-face-coral: #f3966f;--site-face-purple: #d9b3ee;--site-face-amber: #ffe38a;--site-shadow-rgb: 50, 36, 10;--site-scrim-rgb: 60, 45, 20}body.theme-light{background:var(--site-bg);color:var(--site-text)}.site-app{width:100%;align-self:stretch;min-height:calc(100vh - 64px);display:flex;flex-direction:column}.site-public{align-items:center;justify-content:center}.site-public-body{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.game-stage{width:100%;align-self:stretch;flex:1;display:flex;flex-direction:column;align-items:center;padding-top:16px}.site-main{width:100%;max-width:1040px;flex:1;margin:0 auto;padding:36px 24px 60px}.site-footer{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 24px;font-size:11.5px;color:var(--site-text-faint);-webkit-user-select:text;user-select:text}.site-splash{min-height:60vh;display:flex;align-items:center;justify-content:center;opacity:.6}.site-splash .brand-wordmark{font-size:22px}.site-splash .brand-wordmark-2{font-size:19px}.logo-mark{width:var(--mark);height:var(--mark);border-radius:32%;flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--mark) * .1);background:radial-gradient(circle at 32% 28%,#ffffff80,#fff0 45%),linear-gradient(160deg,var(--site-logo-grad-a),var(--site-logo-grad-b))}.logo-eyes{display:flex;gap:calc(var(--mark) * .167)}.logo-eyes i{width:calc(var(--mark) * .117);height:calc(var(--mark) * .117);border-radius:50%;background:var(--site-on-accent)}.logo-smile{width:calc(var(--mark) * .3);height:calc(var(--mark) * .15);border:calc(var(--mark) * .053) solid transparent;border-bottom-color:var(--site-on-accent);border-radius:0 0 calc(var(--mark) * .3) calc(var(--mark) * .3)}.brand-lockup{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--site-text)}.brand-wordmark{font-family:Fredoka,Inter Variable,Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.01em;color:var(--site-text)}.brand-wordmark-2{font-weight:600;color:var(--site-text-dim)}.btn-primary,.btn-secondary,.btn-ghost{font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.02em;border-radius:9px;padding:10px 18px;cursor:pointer;border:1px solid transparent;transition:all .14s ease;white-space:nowrap}.btn-primary{background:var(--team-blue);color:var(--site-on-accent)}.btn-primary:hover:not(:disabled){background:var(--site-accent-hover)}.btn-secondary{background:var(--site-control);color:var(--site-text);border-color:var(--site-border)}.btn-secondary:hover:not(:disabled){background:var(--site-control-hover);border-color:var(--site-border-2)}.btn-ghost{background:transparent;color:var(--site-text-dim);border-color:var(--site-border)}.btn-ghost:hover:not(:disabled){color:var(--site-text);border-color:var(--site-border-2)}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-sm{padding:6px 12px;font-size:12px;border-radius:7px}.btn-block{width:100%;display:block;padding:13px;font-size:15px}.avatar-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--site-on-accent);font-weight:700;letter-spacing:.02em;flex-shrink:0}.presence-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.presence-online{background:var(--presence-online)}.presence-in-game{background:var(--team-blue)}.presence-offline{background:var(--presence-offline)}.topnav{width:100%;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--site-border);background:var(--site-panel)}.topnav-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--site-text)}.topnav-brand .brand-wordmark{font-size:19px}.topnav-brand .brand-wordmark-2{font-size:16px}.topnav-actions{display:flex;align-items:center;gap:8px}.topnav-links{display:flex;align-items:center;gap:26px;margin-right:18px}.topnav-link{font-size:13.5px;font-weight:600;color:var(--site-text-dim);text-decoration:none}.topnav-link:hover,.topnav-link.on{color:var(--site-text)}.topnav-bell-wrap,.topnav-menu-wrap{position:relative}.topnav-bell{background:transparent;border:none;cursor:pointer;font-size:17px;padding:7px;border-radius:8px;position:relative}.topnav-bell:hover{background:var(--site-row-hover)}.topnav-roommenu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--site-border);border-radius:8px;color:var(--site-text-dim);cursor:pointer;transition:all .14s ease}.topnav-roommenu-btn:hover,.topnav-roommenu-btn[aria-expanded=true]{color:var(--site-text);border-color:var(--site-border-2);background:var(--site-row-hover)}.topnav-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--team-coral);color:var(--site-on-accent);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.topnav-avatar-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:8px}.topnav-avatar-btn:hover{background:var(--site-row-hover)}.topnav-caret{color:var(--site-text-dim);font-size:10px}.topnav-dropdown{position:absolute;top:48px;right:0;width:320px;background:var(--site-panel);border:1px solid var(--site-border);border-radius:12px;box-shadow:0 22px 50px -20px rgba(var(--site-shadow-rgb),.35);padding:8px;z-index:100}.topnav-dropdown.menu{width:220px}.dropdown-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--site-text-faint);padding:8px 8px 4px}.dropdown-empty{padding:10px 8px 14px;color:var(--site-text-dim);font-size:13px}.notif-item{padding:9px 8px;border-radius:8px}.notif-item:hover{background:var(--site-row-hover)}.notif-text{font-size:13px;color:var(--site-text)}.notif-sub{font-size:11px;color:var(--site-text-dim);margin-top:2px}.notif-actions{display:flex;gap:6px;margin-top:8px}.notif-link{display:inline-block;margin-top:6px;font-size:12px;color:var(--site-accent-ink);text-decoration:none}.menu-id{display:flex;flex-direction:column;padding:8px;border-bottom:1px solid var(--site-border);margin-bottom:4px}.menu-name{font-size:13px;font-weight:600;color:var(--site-text)}.menu-email{font-size:11px;color:var(--site-text-dim)}.menu-row{display:block;width:100%;text-align:left;background:transparent;border:none;font-family:inherit;font-size:13px;color:var(--site-text);padding:9px 8px;border-radius:7px;cursor:pointer;text-decoration:none}.menu-row:hover{background:var(--site-row-hover)}.menu-divider{height:1px;background:var(--site-border);margin:4px 0}.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch{width:34px;height:18px;border-radius:999px;background:var(--site-border-2);position:relative;flex-shrink:0;transition:background .14s ease}.switch.on{background:var(--team-blue)}.switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--site-on-accent);transition:transform .14s ease}.switch.on .switch-knob{transform:translate(16px)}.menu-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--site-text-faint);padding:4px 8px 2px}.menu-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;font-size:13px;color:var(--site-text)}.menu-field input[type=range]{flex:1;max-width:120px;accent-color:var(--team-blue)}.menu-field select{background:var(--site-input);border:1px solid var(--site-border);border-radius:7px;color:var(--site-text);font-family:inherit;font-size:12px;font-weight:600;padding:4px 8px;cursor:pointer}.menu-field select option{color:initial}.seg-toggle{display:flex;border:1px solid var(--site-border);border-radius:7px;overflow:hidden}.seg-toggle .seg{background:transparent;border:none;color:var(--site-text-dim);font-family:inherit;font-size:12px;font-weight:600;padding:4px 12px;cursor:pointer}.seg-toggle .seg+.seg{border-left:1px solid var(--site-border)}.seg-toggle .seg.on{background:var(--team-blue);color:var(--site-on-accent)}.auth-layout{display:flex;width:100%;max-width:960px;min-height:580px;border:1px solid var(--site-border);border-radius:26px;overflow:hidden;background:var(--site-panel);box-shadow:0 30px 70px -25px rgba(var(--site-shadow-rgb),.28)}.brand-panel{flex:1;position:relative;overflow:hidden;padding:52px 44px;background:linear-gradient(165deg,var(--site-brand-grad-a),var(--site-brand-grad-b));display:flex;flex-direction:column;justify-content:center;gap:30px}.brand-panel>*:not(.brand-suit){position:relative;z-index:1}.brand-suit{position:absolute;opacity:.07;line-height:1;pointer-events:none}.brand-suit.spade{top:36px;right:-6px;font-size:70px;color:var(--site-text);opacity:.06;transform:rotate(-12deg)}.brand-suit.heart{bottom:18px;left:-10px;font-size:84px;color:var(--site-danger-ink);opacity:.08;transform:rotate(10deg)}.brand-suit.diamond{top:-14px;left:-8px;font-size:64px;color:var(--site-accent-ink);transform:rotate(8deg)}.brand-suit.club{bottom:-10px;right:-4px;font-size:76px;color:var(--nello-border);transform:rotate(-8deg)}.brand-panel .brand-wordmark{font-size:22px}.brand-panel .brand-wordmark-2{font-size:19px}.brand-tagline{font-size:17px;line-height:1.55;font-weight:500;color:var(--site-text-dim);max-width:19em}.brand-faces{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:224px}.brand-face{aspect-ratio:1;border-radius:26%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 10px 24px -8px rgba(var(--site-shadow-rgb),.35);animation:brand-face-float 5s ease-in-out infinite}.brand-face.f0{background:radial-gradient(circle at 32% 28%,#ffffff80,#fff0 45%),radial-gradient(circle at 55% 65%,var(--site-face-blue),var(--site-accent-ink) 80%);animation-delay:0s}.brand-face.f1{background:radial-gradient(circle at 32% 28%,#ffffff73,#fff0 45%),radial-gradient(circle at 55% 65%,var(--site-face-coral),var(--site-danger-ink) 80%);animation-delay:.4s}.brand-face.f2{background:radial-gradient(circle at 32% 28%,#ffffff73,#fff0 45%),radial-gradient(circle at 55% 65%,var(--site-face-purple),var(--nello-border) 80%);animation-delay:.8s}.brand-face.f3{background:radial-gradient(circle at 32% 28%,#ffffff8c,#fff0 45%),radial-gradient(circle at 55% 65%,var(--site-face-amber),var(--site-amber-deep) 80%);animation-delay:1.2s}.face-eyes{display:flex;gap:9px}.face-eyes i{width:9px;height:9px;border-radius:50%;background:var(--site-on-accent)}.face-smile{width:24px;height:12px;border:2.5px solid transparent;border-bottom-color:var(--site-on-accent);border-radius:0 0 24px 24px}@keyframes brand-face-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.brand-face{animation:none}}.auth-panel{flex:1;display:flex;align-items:center;padding:56px 48px}.auth-form{width:100%;max-width:340px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.auth-intro{margin-bottom:8px}.auth-heading{font-size:23px;font-weight:700;color:var(--site-text);margin-bottom:6px}.auth-sub,.auth-prose{font-size:14.5px;line-height:1.5;color:var(--site-text-dim)}.auth-muted{color:var(--site-text-faint);font-size:13px}.auth-error{background:rgba(var(--team-coral-rgb),.1);border:1px solid rgba(var(--team-coral-rgb),.35);color:var(--site-danger-ink);font-size:13px;padding:9px 12px;border-radius:8px}.auth-row{display:flex;align-items:center;justify-content:flex-end}.auth-link-muted{font-size:13px;color:var(--site-accent-ink);text-decoration:none;align-self:flex-start}.auth-link-muted:hover{text-decoration:underline}.auth-link-button{background:none;border:none;padding:0;cursor:pointer;font:inherit}.auth-switch{text-align:center;font-size:13.5px;color:var(--site-text-dim);margin-top:4px}.auth-switch a{color:var(--site-accent-ink);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--site-text-faint)}.field input,.field-textarea,.field-select{font-family:inherit;font-size:14.5px;color:var(--site-text);background:var(--site-input);border:1px solid var(--site-border);border-radius:10px;padding:11px 13px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.field input:focus,.field-textarea:focus,.field-select:focus{border-color:var(--team-blue);box-shadow:0 0 0 3px rgba(var(--team-blue-rgb),.15)}.field-textarea{resize:vertical;min-height:72px}.field-hint{font-size:11px;color:var(--site-text-faint)}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.dash-greeting{font-size:22px;font-weight:700;color:var(--site-text)}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}.panel{background:var(--site-panel);border:1px solid var(--site-border);border-radius:16px;padding:22px 24px}.panel-wide{margin-top:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title{font-size:17px;font-weight:700;color:var(--site-text)}.panel-add{width:26px;height:26px;border-radius:7px;background:var(--site-control);border:1px solid var(--site-border);color:var(--site-text-dim);font-size:16px;cursor:pointer;line-height:1}.panel-add:hover{color:var(--site-text);border-color:var(--site-border-2);background:var(--site-control-hover)}.panel-list{display:flex;flex-direction:column;gap:10px}.panel-empty{color:var(--site-text-dim);font-size:13px;padding:8px 2px}.panel-more{display:inline-block;margin-top:10px;margin-right:12px;font-size:12px;color:var(--site-accent-ink);text-decoration:none}.panel-more:hover{text-decoration:underline}.room-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--site-border);border-radius:12px;padding:14px 16px;background:var(--site-panel-2)}.room-card-main{min-width:0}.room-card-head{display:flex;align-items:center;gap:9px}.room-name{font-size:15px;font-weight:600;color:var(--site-text)}.status-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.status-waiting{background:rgba(var(--active-amber-rgb),.22);color:var(--site-warn-ink)}.status-in-progress{background:rgba(var(--team-blue-rgb),.16);color:var(--site-accent-ink)}.status-finished{background:var(--site-control);color:var(--site-text-dim)}.room-players{font-size:12.5px;color:var(--site-text-dim);margin-top:4px}.room-meta{display:block;font-size:11px;color:var(--site-text-faint);margin-top:2px}.room-card-foot{flex-shrink:0}.invite-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--site-border);border-radius:12px;padding:14px 16px;background:var(--site-panel-2)}.invite-text{font-size:13px;color:var(--site-text);display:flex;flex-direction:column}.invite-sub{font-size:11px;color:var(--site-text-dim);margin-top:3px}.invite-actions{display:flex;gap:6px}.friend-row{display:flex;align-items:center;gap:10px;padding:6px 0}.friend-id{display:flex;flex-direction:column;min-width:0;flex:1}.friend-name{font-size:13.5px;color:var(--site-text);font-weight:600}.friend-presence{display:flex;align-items:center;font-size:12px;color:var(--site-text-dim);margin-top:1px}.friend-action{display:flex;gap:6px;align-items:center}.friends-search{width:100%;font-family:inherit;font-size:14px;color:var(--site-text);background:var(--site-input);border:1px solid var(--site-border);border-radius:10px;padding:11px 14px;outline:none;margin:16px 0;transition:border-color .14s ease,box-shadow .14s ease}.friends-search:focus{border-color:var(--team-blue);box-shadow:0 0 0 3px rgba(var(--team-blue-rgb),.15)}.sent-requests{margin-top:16px;border:1px solid var(--site-border);border-radius:12px;padding:10px 14px;background:var(--site-panel)}.sent-requests summary{cursor:pointer;font-size:12px;color:var(--site-text-dim);letter-spacing:.04em}.search-result{display:flex;align-items:center;gap:11px;padding:14px 4px 4px;border-top:1px solid var(--site-border);margin-top:10px}.search-miss{flex-direction:column;align-items:flex-start;gap:10px}.result-note{font-size:12px;color:var(--site-text-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--site-scrim-rgb),.38);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-card{width:100%;max-width:440px;background:var(--site-panel);border:1px solid var(--site-border);border-radius:18px;box-shadow:0 30px 70px -25px rgba(var(--site-shadow-rgb),.4)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--site-border)}.modal-title{font-size:15px;font-weight:700;color:var(--site-text)}.modal-close{background:transparent;border:none;color:var(--site-text-dim);font-size:15px;cursor:pointer;padding:4px 8px;border-radius:6px}.modal-close:hover{color:var(--site-text);background:var(--site-row-hover)}.modal-body{padding:18px;display:flex;flex-direction:column;gap:14px}.modal-divider{text-align:center;font-size:11px;color:var(--site-text-faint);letter-spacing:.04em;position:relative;margin:4px 0}.field-check{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--site-text);cursor:pointer}.field-check input{margin-top:2px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.waiting-room{width:100%;max-width:720px;margin:0 auto;padding:28px 16px 60px}.waiting-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.waiting-title{font-size:20px;font-weight:700;color:var(--site-text)}.waiting-sub{font-size:13px;color:var(--site-text-dim);margin-top:3px}.seat-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:16 / 10}.seat{border:1px solid var(--site-border);border-radius:14px;background:var(--site-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}.seat-label{position:absolute;top:12px;left:14px;font-size:11px;letter-spacing:.04em;color:var(--site-text-faint)}.seat-occupant{display:flex;flex-direction:column;align-items:center;gap:8px}.seat-name{font-size:14px;color:var(--site-text);display:flex;align-items:center;gap:6px}.seat-tag{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--site-text-faint);border:1px solid var(--site-border);border-radius:5px;padding:1px 5px}.waiting-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px}@media(max-width:860px){.dash-grid{grid-template-columns:1fr}}@media(max-width:720px){.topnav{padding:0 18px}.topnav-links{display:none}.auth-layout{flex-direction:column;min-height:0;border-radius:20px}.brand-panel{padding:32px 28px;gap:22px}.brand-faces{width:180px;gap:12px}.auth-panel{padding:32px 28px 40px}}.admin-console{width:100%}.admin-head{margin-bottom:16px}.admin-title{font-size:22px;font-weight:700;color:var(--site-text)}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.admin-metric{background:var(--site-panel);border:1px solid var(--site-border);border-radius:12px;padding:14px 16px}.admin-metric-label{font-size:12px;color:var(--site-text-dim)}.admin-metric-num{font-size:24px;font-weight:700;color:var(--site-text);margin-top:2px}.admin-body{display:flex;gap:18px;align-items:flex-start}.admin-nav{display:flex;flex-direction:column;gap:4px;min-width:150px;flex-shrink:0}.admin-nav-btn{text-align:left;background:transparent;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:600;color:var(--site-text-dim);padding:9px 12px;border-radius:9px;cursor:pointer}.admin-nav-btn:hover{color:var(--site-text);background:var(--site-row-hover)}.admin-nav-btn.on{background:var(--site-panel);color:var(--site-text);border-color:var(--site-border)}.admin-view{flex:1;min-width:0}.admin-mode-banner{font-size:12px;padding:10px 13px;border-radius:9px;margin-bottom:14px;border:1px solid var(--site-border);background:var(--site-panel);color:var(--site-text-dim)}.admin-mode-banner.on{background:rgba(var(--active-amber-rgb),.16);border-color:rgba(var(--active-amber-rgb),.5);color:var(--site-warn-ink-deep)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.admin-count{font-size:13px;color:var(--site-text-dim)}.admin-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-search{flex:1;min-width:160px;font-family:inherit;font-size:13px;color:var(--site-text);background:var(--site-input);border:1px solid var(--site-border);border-radius:9px;padding:9px 12px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.admin-search:focus{border-color:var(--team-blue);box-shadow:0 0 0 3px rgba(var(--team-blue-rgb),.15)}.admin-table{border:1px solid var(--site-border);border-radius:12px;overflow:hidden;background:var(--site-panel)}.admin-tr{display:grid;grid-template-columns:1.2fr 1.4fr 1fr .9fr 154px;gap:10px;align-items:center;padding:11px 14px;font-size:13px;color:var(--site-text);border-top:1px solid var(--site-border)}.admin-tr.users{grid-template-columns:1.5fr .8fr .8fr .8fr 75px}.admin-tr.audit{grid-template-columns:1fr auto}.admin-table>.admin-tr:first-child{border-top:none}.admin-th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--site-text-faint);background:var(--site-panel-2)}.admin-user-cell{display:flex;align-items:center;gap:8px}.self-tag{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--site-text-faint);border:1px solid var(--site-border);border-radius:5px;padding:1px 5px}.admin-row-actions{display:flex;gap:6px;justify-content:flex-end}.admin-drawer{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid var(--site-border);background:var(--site-panel-2)}.admin-note{margin-top:14px;font-size:12px;color:var(--site-text-dim);border:1px solid var(--site-border);border-radius:12px;background:var(--site-panel);padding:12px 14px}.admin-note ol{margin:6px 0 6px 18px}.admin-note code,.admin-mode-banner code{background:var(--site-control);padding:1px 5px;border-radius:4px;font-size:11px}.muted{color:var(--site-text-dim)}.btn-ghost.danger{color:var(--site-danger-ink)}.btn-ghost.danger:hover:not(:disabled){border-color:var(--team-coral)}.btn-primary.danger{background:var(--team-coral);color:var(--site-on-accent)}.btn-primary.danger:hover:not(:disabled){background:var(--site-danger-ink)}.pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.pill-ok{background:rgba(var(--presence-online-rgb),.16);color:var(--site-ok-ink)}.pill-warn{background:rgba(var(--active-amber-rgb),.22);color:var(--site-warn-ink)}.pill-neutral{background:var(--site-control);color:var(--site-text-dim)}.pill-info{background:rgba(var(--team-blue-rgb),.16);color:var(--site-accent-ink)}.pill-plain{background:var(--site-control);color:var(--site-text-dim)}.pill-off{background:rgba(var(--team-coral-rgb),.14);color:var(--site-danger-ink)}.chip{font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid var(--site-border);background:transparent;color:var(--site-text-dim);cursor:pointer}.chip:hover:not(.on){border-color:var(--site-border-2);color:var(--site-text)}.chip.on{background:var(--team-blue);color:var(--site-on-accent);border-color:var(--team-blue)}.admin-forbidden{text-align:center;padding:60px 20px;display:flex;flex-direction:column;gap:10px;align-items:center}@media(max-width:640px){.admin-body{flex-direction:column}.admin-nav{flex-direction:row;min-width:0;flex-wrap:wrap}}