*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-text);font-size:var(--text-base);background:var(--bg);color:var(--fg);flex-direction:column;min-height:100vh;display:flex}main#root{padding:var(--space-6) var(--space-4);flex-direction:column;flex:1;align-items:center;display:flex}.site-header{width:100%;padding:var(--space-1) var(--space-4);border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;display:flex}.site-title{font-weight:600;font-size:var(--text-base);color:var(--fg);text-decoration:none}.site-nav{align-items:center;gap:var(--space-3);display:flex}.site-nav__link{color:var(--fg-muted);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-decoration:none}.site-nav__link:hover{color:var(--fg)}.app-shell{display:contents}.page{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--space-4);flex-direction:column;align-items:center;display:flex}body:has(.page--fit){height:100dvh;min-height:0}body:has(.page--fit) main#root{min-height:0}.page--fit{min-height:0;padding-block:var(--space-2);flex:1}.page--fit .spades-table{flex:1;min-height:0}.btn{appearance:none;font:inherit;font-weight:600;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;padding:.45rem .9rem;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-1)}.btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-2)}.btn--secondary{background:var(--surface-raised);color:var(--fg);border-color:var(--border-strong)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:color-mix(in oklab, var(--danger) 85%, var(--fg))}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn--icon{padding:.45rem}.menu{gap:var(--space-3);flex-direction:column;width:100%;max-width:clamp(24rem,36vw,32rem);display:flex}.menu__label{align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-1);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:600;display:flex}.menu__label:before,.menu__label:after{content:"";background:var(--border);flex:1;height:1px}.menu__quickplay{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.menu__row{appearance:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-left:2px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:row;display:flex}.menu__row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-1px)}.menu__row-icon{border-radius:var(--radius-md);background:color-mix(in oklab, var(--fg) 8%, transparent);width:42px;height:42px;color:var(--fg-muted);flex:none;place-items:center;font-size:1.4rem;display:grid}.menu__row-go{color:var(--fg-subtle);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);margin-left:auto;font-size:1.3rem;display:inline-flex}.menu__row:hover .menu__row-go{color:var(--fg-muted);transform:translate(3px)}.menu__row-title{font-weight:600}.card{width:var(--card-w);height:var(--card-h);font-size:calc(var(--card-w) * .348);border-radius:var(--radius-card);background:var(--card-face);border:1px solid var(--card-edge);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.card-front.suit-red{color:var(--suit-red)}.card-front.suit-black{color:var(--suit-black)}.card-corner{font-variant-numeric:tabular-nums;pointer-events:none;flex-direction:column;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute;top:3px;left:5px}.card-corner-rank{letter-spacing:-.03em;font-size:1em}.card-corner-suit{margin-top:1px;font-size:.8125em}.card-pip{pointer-events:none;font-size:1.625em;line-height:1;position:absolute;bottom:2px;right:4px}.card-back{background:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in oklab, var(--accent) 45%, transparent) 6px 7px), repeating-linear-gradient(-45deg, transparent 0 6px, color-mix(in oklab, var(--accent) 45%, transparent) 6px 7px), color-mix(in oklab, var(--card-face) 93%, var(--accent) 7%)}.trick-placeholder{border:1px dashed var(--border-strong);box-shadow:none;background:0 0}.card.dragging{z-index:999;transition:none;position:fixed}.card-will-play{box-shadow:0 0 0 2px var(--accent)}.cm-clickable{cursor:pointer}.card-placeholder{opacity:0}@media (prefers-reduced-motion:no-preference){.card.card-land{animation:card-land .16s var(--ease)}@keyframes card-land{0%,to{transform:scale(1)}40%{box-shadow:4px 4px 0 rgb(var(--shadow-color) / .3);transform:scale(1.06)}}}.spades-table{gap:var(--space-3);width:100%;max-width:var(--table-max);min-height:30rem;padding:var(--space-4);border-radius:var(--radius-lg);color:var(--felt-ink);background:var(--felt);border:2px solid var(--felt-edge);box-shadow:var(--shadow-3);grid-template:"north north north""west center east"minmax(0,1fr)"south south south"/1fr 2fr 1fr;display:grid;position:relative}.seat-north{grid-area:north;justify-self:center}.seat-south{grid-area:south;justify-self:center}.seat-west{grid-area:west;align-self:stretch}.seat-east{grid-area:east;place-self:stretch end}.spades-table-center{justify-content:center;align-items:center;gap:var(--space-3);color:var(--felt-ink);flex-direction:column;grid-area:center;min-width:0;display:flex}.card-container{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.hand-container{padding-left:max(0px, calc(-1 * var(--hand-ml,calc(var(--card-w) * -.478))));flex-wrap:nowrap;gap:0}.hand-container .card{margin-left:var(--hand-ml,calc(var(--card-w) * -.478));transition:transform var(--dur) var(--ease), margin-left var(--dur) var(--ease), top var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}@media (prefers-reduced-motion:no-preference){.hand-container .card.cm-clickable{transition:transform .22s cubic-bezier(.34, 1.56, .64, 1), margin-left var(--dur) var(--ease), top var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}}.hand-container .card:first-child{margin-left:0}.hand-container .card.cm-clickable{box-shadow:inset 0 2px 0 var(--accent), var(--shadow-card);top:-6px}.hand-container .card.cm-clickable:hover{z-index:5;transform:translateY(-16px)}.trick-container{gap:var(--space-2);grid-template-columns:repeat(4,1fr);min-width:240px;display:grid;position:relative}.spades-scoreboard{top:var(--space-3);left:var(--space-3);z-index:2;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface-raised);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-md);border-bottom-width:2px;display:inline-flex;position:absolute}.spades-scoreboard__team{border-bottom:2px solid var(--team-1);flex-direction:column;align-items:center;gap:2px;padding-bottom:2px;display:flex}.spades-scoreboard__team[data-team="2"]{border-bottom-color:var(--team-2)}.spades-scoreboard__label{font-size:var(--text-sm);font-weight:600}.spades-scoreboard__nums,.spades-scoreboard__center{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums}.spades-scoreboard__nums{align-items:center;gap:.3em;display:inline-flex}.spades-bets{gap:var(--space-1);margin-top:var(--space-3);grid-template-columns:repeat(7,1fr);width:100%;max-width:480px;display:grid}.spades-bet{appearance:none;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;padding:var(--space-2) 0;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--fg);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:600}.spades-bet:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.spades-bet--nil{color:var(--accent-2)}.spades-bet--nil:hover{border-color:var(--accent-2);color:var(--accent-2)}.lobby{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;max-width:480px;display:flex}.lobby h2{margin:0}.team-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;width:100%;display:grid}.team-btn{appearance:none;font:inherit;text-align:center;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--fg);cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.team-btn[data-team="1"]{--team-fill:var(--team-1-fill)}.team-btn[data-team="2"]{--team-fill:var(--team-2-fill)}.team-btn:before{content:"";background:var(--team-fill);height:0%;transition:height var(--dur-cue) var(--ease);position:absolute;inset:auto 0 0}.team-btn[data-fill="1"]:before{height:50%}.team-btn[data-fill="2"]:before{height:100%}.team-btn>*{position:relative}.team-btn:hover:not([disabled]){box-shadow:var(--shadow-2);transform:translateY(-2px)}.team-btn:active:not([disabled]){transform:translateY(1px)}.team-btn[disabled]{cursor:default}.team-btn__label{font-size:var(--text-lg);font-weight:600}.team-btn__slot{align-items:center;gap:var(--space-2);display:inline-flex}.team-btn__slot--open{color:var(--fg-muted)}.team-btn__slot--mine{font-weight:600}@media (prefers-reduced-motion:reduce){.team-btn:before{transition:none}}.share-link{align-items:center;gap:var(--space-2);width:100%;display:flex}.share-link input{min-width:0;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);font:inherit;flex:1}.join-modal{align-items:stretch;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-1);flex-direction:column;width:100%;display:flex}.join-modal input{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);font:inherit}.form-page{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%;max-width:360px;display:flex}.form-page input{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);font:inherit}.form-page>label:not(.field-checkbox){gap:var(--space-1);font-size:var(--text-sm);color:var(--fg-muted);flex-direction:column;display:flex}.form-page fieldset{gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;display:flex}.form-page>.btn{margin-top:var(--space-2)}.back-link{font-size:var(--text-sm);color:var(--fg-muted);text-underline-offset:.2em;align-self:center;text-decoration:underline}.back-link:hover{color:var(--fg)}.seg{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);flex-wrap:wrap;display:flex;overflow:hidden}.seg button{min-width:3rem;padding:var(--space-2) var(--space-3);border:none;border-left:1px solid var(--border);color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;flex:auto}.seg button:first-child{border-left:none}.seg button:focus-visible{outline-offset:-2px}.seg button:hover:not([aria-pressed=true]){color:var(--fg)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.field-error{color:var(--danger)}.field-success{color:var(--success)}.field-checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;display:flex}.field-checkbox input{accent-color:var(--accent)}.form-field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;width:100%;display:flex}.form-field label{font-size:var(--text-sm);color:var(--fg-muted)}.form-field input{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);font:inherit}.form-field.invalid input{border-color:var(--danger)}.form-actions{gap:var(--space-2);width:100%;display:flex}.form-actions .btn{flex:1}.avatar-menu{position:relative}.avatar-menu__btn{cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--fg-muted);font-size:var(--text-sm);background:0 0}.avatar-menu__btn:hover{color:var(--fg)}.avatar-menu__list{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);z-index:5;min-width:160px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.avatar-menu__list li{margin:0}.avatar-menu__list a,.avatar-menu__list button{width:100%;padding:var(--space-2);text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;text-decoration:none;display:block}.avatar-menu__list a:hover,.avatar-menu__list button:hover{background:color-mix(in oklab, var(--fg) 6%, transparent)}.empty-state{padding:var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center;color:var(--fg-muted)}.quickplay-col{gap:var(--space-1);flex-direction:column;align-items:center;display:flex}.quickplay-tile{appearance:none;justify-content:center;align-items:center;gap:var(--space-1);aspect-ratio:1;width:100%;padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--border);border-top:2px solid var(--border-strong);border-radius:var(--radius-md);color:var(--fg);font:inherit;cursor:pointer;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex}.quickplay-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.quickplay-tile:active{transform:translateY(0)}.quickplay-tile__time{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:600;line-height:1}.quickplay-tile__tier{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);font-size:.7rem;font-weight:600}.queue-count{color:var(--fg-muted);font-size:.75rem}.profile-page{width:100%;max-width:480px}.profile-games{margin:0;padding:0;list-style:none}.profile-games li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.profile-games li:last-child{border-bottom:none}.profile-games code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg)}.profile-games__seat{font-size:var(--text-sm);color:var(--fg-muted)}.toast-stack{right:var(--space-4);bottom:var(--space-4);gap:var(--space-2);z-index:50;flex-direction:column;max-width:90vw;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-3);background:var(--surface-raised);color:var(--fg);min-width:200px;display:flex}.toast--error{background:var(--danger-tint);color:var(--danger);border:1px solid color-mix(in oklab, var(--danger) 40%, var(--border))}.toast--success{background:var(--success-tint);color:var(--success);border:1px solid color-mix(in oklab, var(--success) 40%, var(--border))}.toast--info{background:var(--surface-raised);border:1px solid var(--border)}.toast__close{font-size:var(--text-lg);cursor:pointer;color:inherit;background:0 0;border:none;padding:0;line-height:1}@media (prefers-reduced-motion:no-preference){.toast{animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.skeleton{background:linear-gradient(90deg, color-mix(in oklab, var(--fg) 5%, transparent) 25%, color-mix(in oklab, var(--fg) 10%, transparent) 37%, color-mix(in oklab, var(--fg) 5%, transparent) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.skeleton-card{width:var(--card-w);height:var(--card-h)}.skeleton-row{gap:4px;display:flex}.banner{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--warning-tint);border:1px solid color-mix(in oklab, var(--warning) 45%, var(--border));border-radius:var(--radius-md);width:100%;max-width:480px;margin-bottom:var(--space-4);display:flex}.banner .btn{padding:var(--space-2) var(--space-3)}.skeleton-game{gap:var(--space-3);width:100%;max-width:var(--table-max);grid-template:"north north north""west center east"1fr"south south south"/1fr 2fr 1fr;min-height:360px;display:grid}@media (prefers-reduced-motion:reduce){.skeleton{background:color-mix(in oklab, var(--fg) 6%, transparent);animation:none}.btn,.hand-container .card{transition:none}}.site-footer{justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);color:var(--fg-muted);font-size:var(--text-sm);border-top:1px solid var(--border);margin-top:auto;display:flex}.footer-version{font-family:var(--font-mono);opacity:.8}.site-footer a{color:inherit}@media (height<=760px){main#root{padding-block:var(--space-2)}.spades-seat-chip{padding:var(--space-1) var(--space-2)}.spades-clock{font-size:var(--text-lg)}.spades-table{padding:var(--space-3);gap:var(--space-2)}}@media (width<=600px){main#root{padding:var(--space-3) var(--space-2)}.site-header{padding:var(--space-1) var(--space-3)}.page{padding:var(--space-3) var(--space-2)}.spades-table{min-height:0;padding-top:var(--space-12);grid-template:"north north""west east""center center""south south"/1fr 1fr}.spades-scoreboard{top:var(--space-2);left:var(--space-2);right:var(--space-2);justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.spades-scoreboard__label,.spades-scoreboard__nums,.spades-scoreboard__center{font-size:var(--text-xs)}.seat-east{justify-self:end}.spades-table-center{min-height:160px}.spades-bets{grid-template-columns:repeat(5,1fr)}.toast-stack{left:var(--space-3);right:var(--space-3)}.form-page:not(.panel){padding:0 var(--space-2)}.menu{gap:var(--space-2)}.menu__quickplay{grid-template-columns:repeat(3,1fr)}:root{--card-w:40px}}@media (width<=360px){:root{--card-w:36px}.spades-bets{grid-template-columns:repeat(4,1fr)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn:focus-visible{outline-offset:3px}.spades-seat{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--dur-cue) var(--ease);background:0 0;flex-direction:column;display:flex}.spades-seat-chip{padding:var(--space-2) var(--space-3);background:var(--surface-raised);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-md);border-bottom-width:2px;flex-direction:column;align-items:flex-start;gap:2px;display:inline-flex}.spades-seat-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;display:inline-flex}.spades-seat-label:before{content:"";background:var(--fg-muted);border-radius:50%;flex:none;width:7px;height:7px}.spades-seat-chip.is-disconnected .spades-seat-label:before{border:1.5px solid var(--fg-muted);background:0 0}.spades-seat-info{font-size:var(--text-sm);color:var(--fg-muted)}.spades-clock{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:500}.seat-north.active,.seat-south.active{background:var(--team-1-glow)}.seat-east.active,.seat-west.active{background:var(--team-2-glow)}.seat-north.active .spades-seat-chip,.seat-south.active .spades-seat-chip{background:var(--team-1-fill)}.seat-east.active .spades-seat-chip,.seat-west.active .spades-seat-chip{background:var(--team-2-fill)}.spades-seat.active .spades-seat-label{color:var(--fg);font-weight:600}@media (prefers-reduced-motion:no-preference){.seat-south.active{animation:turn-plane-pulse .7s var(--ease) 2}@keyframes turn-plane-pulse{50%{background-color:color-mix(in oklab, var(--team-1) 28%, transparent)}}}.spades-trick-area{justify-content:center;align-items:center;display:flex}.opp-container{flex-wrap:nowrap;gap:0}.seat-north .opp-container .card{margin-left:calc(var(--card-w) * -.7)}.seat-north .opp-container .card:first-child{margin-left:0}.seat-east .opp-container,.seat-west .opp-container{flex-direction:column;flex:1;justify-content:safe center;min-height:0}.seat-east .opp-container .card,.seat-west .opp-container .card{margin-top:var(--fan-mt,calc(var(--card-h) * -.6875))}.seat-east .opp-container .card:first-child,.seat-west .opp-container .card:first-child{margin-top:0}@media (pointer:coarse){.btn,.avatar-menu__btn{min-height:44px}.toast__close{min-width:32px;min-height:32px}}.icon{vertical-align:-.125em;line-height:0;display:inline-flex}.icon svg{width:1em;height:1em}.icon svg:not([fill=none]){fill:currentColor}.theme-toggle{appearance:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--fg-muted);font-size:var(--text-base);background:0 0;border:none;place-items:center;display:inline-grid}.theme-toggle:hover{color:var(--fg)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.1}.spades-clock.low{color:var(--accent-2)}.spades-clock-bar{background:color-mix(in oklab, var(--fg) 14%, transparent);border-radius:2px;width:100%;height:3px;margin-top:2px;overflow:hidden}.spades-clock-bar>i{background:var(--accent);height:100%;display:block}.home-searching{align-items:center;gap:var(--space-3);padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:360px;display:flex}.home-searching__dots{gap:var(--space-2);display:flex}.home-searching__dots i{background:var(--accent);opacity:.3;border-radius:50%;width:9px;height:9px}.home-searching__msg{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);margin:0}.home-searching__sub{color:var(--fg-muted);font-size:var(--text-sm);margin:0}@media (prefers-reduced-motion:no-preference){.home-searching__dots i{animation:1.2s infinite home-dot}.home-searching__dots i:nth-child(2){animation-delay:.2s}.home-searching__dots i:nth-child(3){animation-delay:.4s}.home-searching__dots i:nth-child(4){animation-delay:.6s}@keyframes home-dot{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}}.panel,.auth-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.panel{padding:var(--space-6)}.auth-card{gap:var(--space-3);width:100%;max-width:24rem;padding:var(--space-6);flex-direction:column;display:flex}.auth-card__brand{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;display:flex}.auth-card__pip{color:var(--accent)}.auth-card h2{text-align:center;margin:0}.auth-divider{align-items:center;gap:var(--space-3);color:var(--fg-subtle);font-size:var(--text-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn--block{width:100%}.auth-oauth{gap:var(--space-3);flex-direction:column;display:flex}.auth-card .switch{text-align:center;font-size:var(--text-sm);color:var(--fg-muted);margin:0}.leaderboard{max-width:480px}.leaderboard__tabs{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.leaderboard__tab{font:inherit;font-size:var(--text-sm);cursor:pointer;color:var(--fg-muted);text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:none}.leaderboard__tab:hover{color:var(--fg);text-decoration:underline}.leaderboard__tab.is-active{color:var(--fg);font-weight:600;text-decoration:underline}.leaderboard__list{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.leaderboard__list th,.leaderboard__list td{padding:var(--space-2);text-align:left}.leaderboard__list thead th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border);font-weight:500}.leaderboard__list .leaderboard__rank{text-align:right;width:2.5rem}.leaderboard__list .leaderboard__rating,.leaderboard__list .leaderboard__games,.leaderboard__list .leaderboard__score{text-align:right}.leaderboard__list tbody .leaderboard__rank{color:var(--fg-muted)}.leaderboard__row:nth-child(odd){background:color-mix(in oklab, var(--fg) 5%, transparent)}.leaderboard__name{color:var(--accent);text-decoration:none}.leaderboard__name:hover{text-decoration:underline}.leaderboard__caption{margin:0 0 var(--space-4);max-width:60ch;color:var(--fg-muted);font-size:var(--text-sm)}.leaderboard__scroll{overflow-x:auto}.leaderboard__rd{margin-left:var(--space-2);color:var(--fg-subtle);font-size:var(--text-xs)}.leaderboard__score{font-weight:600}.leaderboard__list tbody .leaderboard__rank.is-top{color:var(--fg);font-weight:700}.leaderboard__row.is-me{background:color-mix(in oklab, var(--fg) 12%, transparent)}.leaderboard__you{margin-left:var(--space-2);padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-xs);vertical-align:middle}.home-leaderboard{width:100%;max-width:clamp(22.5rem,30vw,26.25rem);margin-top:var(--space-4)}.home-leaderboard__head{margin-bottom:var(--space-3);justify-content:center;display:flex}.home-leaderboard__title{font-size:var(--text-lg);text-align:center;margin:0}.home-leaderboard .leaderboard__tabs{justify-content:center}.home-leaderboard__title-link{color:var(--fg);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.home-leaderboard__title-link:hover{color:var(--accent)}.home-leaderboard__status{margin:var(--space-2) 0 0;color:var(--fg-muted);font-size:var(--text-sm);text-align:center}.home{grid-template-columns:minmax(0,auto);justify-content:center;justify-items:center;width:100%;display:grid}@media (width>=1100px){.home{column-gap:var(--space-12);grid-template-columns:auto auto;align-items:start}.home>.banner{grid-column:1/-1}.home-leaderboard{margin-top:0}}.home:before,.home:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}.home:before{background:0 0}.home:after{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.home .menu>*,.home-leaderboard{animation:home-reveal .48s var(--ease) both}.home .menu>:first-child{animation-delay:40ms}.home .menu>:nth-child(2){animation-delay:.1s}.home .menu>:nth-child(3){animation-delay:.16s}.home .menu>:nth-child(4){animation-delay:.22s}.home .menu>:nth-child(5){animation-delay:.28s}.home-leaderboard{animation-delay:.34s}@keyframes home-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f1e6d4;--surface:#faf4ea;--surface-raised:#fffdf9;--fg:#1b2330;--fg-muted:#5e6a70;--fg-subtle:#948b7c;--border:#1b23301f;--border-strong:#1b233033;--accent:#1f8f80;--accent-hover:#1a796c;--accent-fg:#fff;--accent-2:#e0623f;--team-1:color-mix(in oklab, var(--accent) 30%, var(--fg-muted));--team-2:color-mix(in oklab, var(--accent-2) 30%, var(--fg-muted));--team-1-fill:color-mix(in oklab, var(--accent) 22%, var(--surface-raised));--team-2-fill:color-mix(in oklab, var(--accent-2) 22%, var(--surface-raised));--team-1-glow:color-mix(in oklab, var(--team-1) 16%, transparent);--team-2-glow:color-mix(in oklab, var(--team-2) 16%, transparent);--dur-cue:.4s;--success:#1c8a51;--success-tint:#e6f4ea;--danger:#c33b2b;--danger-tint:#fbe9e6;--warning:#a9710a;--warning-tint:#faf0d8;--card-face:#fffdf8;--card-edge:#1b233029;--suit-red:#b3382e;--suit-black:#20242b;--felt:#2f6f62;--felt-ink:#eaf3ee;--felt-edge:#25564c;--focus:#1f8f80;--shadow-color:27 35 48;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-text:"Hanken Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-text);--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--text-xs:.78rem;--text-sm:.875rem;--text-base:clamp(1rem, .96rem + .18vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.06rem + .3vw, 1.25rem);--text-xl:clamp(1.4rem, 1.24rem + .7vw, 1.75rem);--text-2xl:clamp(1.85rem, 1.5rem + 1.55vw, 2.6rem);--text-3xl:clamp(2.4rem, 1.8rem + 2.7vw, 3.6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:3rem;--space-12:4rem;--gutter:clamp(1rem, 4vw, 2.5rem);--card-w:clamp(46px, min(28px + 1.41vw, 10px + 5.5vh), 64px);--card-h:calc(var(--card-w) * 64 / 46);--table-max:68.75rem;--radius-sm:2px;--radius-md:2px;--radius-lg:2px;--radius-card:2px;--radius-pill:999px;--shadow-1:2px 2px 0 rgb(var(--shadow-color) / .1);--shadow-2:3px 3px 0 rgb(var(--shadow-color) / .14);--shadow-3:6px 6px 0 rgb(var(--shadow-color) / .16);--shadow-card:2px 2px 0 rgb(var(--shadow-color) / .22);--ease:cubic-bezier(.2, .7, .3, 1);--dur:.18s;--content-max:75rem}[data-theme=dark]{--bg:#16140f;--surface:#201d17;--surface-raised:#2a261e;--fg:#f2ecdd;--fg-muted:#b0a794;--fg-subtle:#7e7567;--border:#f2ecdd21;--border-strong:#f2ecdd3d;--accent:#3cc3b0;--accent-hover:#54d0be;--accent-fg:#06231f;--accent-2:#f0835f;--success:#41c079;--success-tint:#15271c;--danger:#ec6a55;--danger-tint:#2a1613;--warning:#e0aa3e;--warning-tint:#2a2210;--card-face:#f6f0e4;--card-edge:#0006;--suit-red:#a93229;--suit-black:#23272e;--felt:#143029;--felt-ink:#d9e8e0;--felt-edge:#0d211c;--focus:#3cc3b0;--shadow-color:0 0 0;--shadow-1:2px 2px 0 rgb(var(--shadow-color) / .4);--shadow-2:3px 3px 0 rgb(var(--shadow-color) / .5);--shadow-3:6px 6px 0 rgb(var(--shadow-color) / .55);--shadow-card:2px 2px 0 rgb(var(--shadow-color) / .6);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.profile-games__link{justify-content:space-between;align-items:baseline;gap:var(--space-3);width:100%;color:inherit;text-decoration:none;display:flex}.profile-games__link:hover{color:var(--fg);text-decoration:underline}.profile-head{margin-bottom:var(--space-4)}.profile-head h2{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.profile-head__you{padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-xs);font-weight:400}.profile-head__meta{color:var(--fg-muted);font-size:var(--text-sm);margin:0}.profile-head__rating{margin:var(--space-1) 0 0;font-variant-numeric:tabular-nums}.profile-head__rd{margin-left:var(--space-1);color:var(--fg-subtle);font-size:var(--text-xs)}.profile-head__games{color:var(--fg-muted)}.profile-head__edit{margin-top:var(--space-2);font-size:var(--text-sm);display:inline-block}.profile-games__more{margin-top:var(--space-3);width:100%}.profile-games__teams{justify-content:flex-end;align-items:baseline;gap:var(--space-1) var(--space-2);text-align:right;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.profile-games__team{align-items:baseline;gap:var(--space-1);display:inline-flex}.profile-games__player{color:var(--fg-muted)}.profile-games__player.is-self{color:var(--fg);font-weight:700}.profile-games__amp{color:var(--fg-subtle)}.profile-games__vs{color:var(--fg-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.profile-games__state{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);flex:none;display:inline-flex}.profile-games__result{font-weight:600}.profile-games__result.is-won{color:var(--fg)}.profile-games__result.is-lost,.profile-games__result.is-tied{color:var(--fg-muted);font-weight:400}.profile-games__result.is-aborted,.profile-games__result.is-in_progress{color:var(--fg-subtle);font-weight:400}.profile-games__score{color:var(--fg-subtle);font-variant-numeric:tabular-nums}