:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#101318;--surface:#181d24;--surface-raised:#202731;--surface-soft:#151a20;--border:#343d49;--border-strong:#4b5868;--ink:#f7f9fc;--muted:#b3bdc9;--quiet:#8793a1;--brand:#65a9ff;--brand-strong:#2f8cff;--brand-soft:#182c46;--success:#53d89c;--success-soft:#16342b;--danger:#ff7c84;--danger-soft:#3b1d23;--warning:#ffc566;--focus:#9bc8ff;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -20%, #2f8cff29, transparent 38rem), var(--bg);min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}h1{letter-spacing:-.03em;font-size:2.4rem;line-height:1.08}h2{font-size:1.15rem;line-height:1.25}.page{min-height:100vh;padding:max(1.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.page--centered{place-items:center;display:grid}.entry{gap:2rem;width:min(100%,34rem);display:grid}.entry__header{text-align:center;justify-items:center;gap:.7rem;display:grid}.entry__header>p:last-child,.join-panel>p,.state-panel>p,.access-gate__checking{max-width:46ch;color:var(--muted);line-height:1.55}.access-gate{gap:1.5rem;width:min(100%,28rem);display:grid}.access-gate__checking{justify-self:center;padding:1rem}.form-error{color:var(--danger);font-size:.9rem;line-height:1.45}.field input[aria-invalid=true]{border-color:var(--danger)}.brand-mark,.status-label{color:var(--brand);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:800}.status-label--danger{color:var(--danger)}.status-label--warning{color:var(--warning)}.panel{border:1px solid var(--border);background:var(--surface);border-radius:.9rem}.entry__panel{gap:1.2rem;padding:1.5rem;display:grid}.game-intro{align-items:center;gap:1rem;display:flex}.game-intro p{color:var(--muted);margin-top:.2rem}.game-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;display:grid}.game-picker legend{grid-column:1/-1;margin-bottom:.1rem;padding:0;font-size:.9rem;font-weight:800}.game-choice{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:.75rem;align-items:center;gap:.75rem;min-width:0;min-height:5rem;padding:.75rem;transition:border-color .18s,background-color .18s,transform .12s;display:flex;position:relative}.game-choice:hover{border-color:var(--border-strong);background:var(--surface-raised)}.game-choice:active{transform:translateY(1px)}.game-choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.game-choice--selected{border-color:var(--brand);background:var(--brand-soft)}.game-choice input{opacity:0;width:1px;height:1px;position:absolute}.game-choice>span:last-child{gap:.2rem;min-width:0;display:grid}.game-choice strong,.game-choice small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-choice small{color:var(--muted);font-size:.75rem}.game-choice__icon{pointer-events:none;background:#1f64b8;border-radius:.65rem;flex:none;grid-template-columns:repeat(2,.62rem);place-content:center;gap:.18rem;width:3rem;height:3rem;display:grid}.game-choice__icon i{aspect-ratio:1;background:#ffcc3d;border-radius:50%;width:.62rem;box-shadow:inset 0 -2px #0000002e}.game-choice__icon i:first-child,.game-choice__icon i:nth-child(4){background:#f15152}.game-choice__icon--letters{background:var(--brand-soft);color:var(--brand);font-weight:900;display:grid}.game-icon{background:var(--brand-soft);width:3rem;height:3rem;color:var(--brand);border-radius:.7rem;flex:none;place-items:center;font-weight:900;display:grid}.form-stack{gap:1rem;display:grid}.field{color:var(--ink);gap:.5rem;font-size:.9rem;font-weight:700;display:grid}.field input,.copy-field input{border:1px solid var(--border-strong);width:100%;min-height:3.25rem;color:var(--ink);background:#0f1318;border-radius:.65rem;padding:0 .9rem}.field input::placeholder{color:var(--quiet);opacity:1}.field input:hover,.copy-field input:hover{border-color:#657387}.button{cursor:pointer;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;min-height:2.65rem;padding:.6rem .9rem;font-weight:750;line-height:1.1;text-decoration:none;transition:background-color .18s,border-color .18s,transform .12s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{background:var(--brand-strong);color:#fff}.button--primary:hover:not(:disabled){background:#1479ef}.button--quiet{border-color:var(--border);background:var(--surface-raised)}.button--quiet:hover:not(:disabled){border-color:var(--border-strong);background:#29323e}.button--large{min-height:3.25rem;padding-inline:1.25rem}.button--small{min-height:2.15rem;padding:.35rem .65rem;font-size:.85rem}.privacy-note{color:var(--quiet);text-align:center;font-size:.8rem;line-height:1.45}.join-panel,.state-panel{gap:1rem;width:min(100%,32rem);padding:1.6rem;display:grid}.join-panel .form-stack{margin-top:.5rem}.room-shell{gap:1rem;width:min(100%,70rem);margin-inline:auto;display:grid}.room-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.wordmark{letter-spacing:-.025em;font-size:1.35rem;font-weight:900;text-decoration:none}.room-code{color:var(--quiet);margin-top:.2rem;font-size:.75rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.connection{border:1px solid var(--border);background:var(--surface-soft);border-radius:.7rem;align-items:center;gap:.65rem;min-height:3rem;padding:.65rem .85rem;display:flex}.connection p{flex:1;font-size:.9rem;font-weight:700}.connection__dot{background:var(--quiet);border-radius:50%;flex:none;width:.6rem;height:.6rem}.connection--success{background:var(--success-soft);border-color:#275945}.connection--success .connection__dot{background:var(--success)}.connection--warning{background:color-mix(in srgb, var(--warning) 12%, var(--surface));border-color:#735719}.connection--warning .connection__dot{background:var(--warning)}.connection--danger{background:var(--danger-soft);border-color:#70323b}.connection--danger .connection__dot{background:var(--danger)}.invite-strip{background:var(--brand-soft);border:1px solid #315c8d;border-radius:.8rem;grid-template-columns:minmax(10rem,.7fr) minmax(16rem,1.3fr);align-items:center;gap:.5rem 1.25rem;padding:1rem;display:grid}.invite-strip p{color:#c2d6ed;margin-top:.2rem;font-size:.88rem}.copy-field{grid-template-columns:1fr auto;gap:.5rem;display:grid}.copy-field input{min-width:0}.inline-feedback{grid-column:2;color:var(--ink)!important}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.player{border:1px solid var(--border);background:var(--surface-soft);border-radius:.75rem;align-items:center;gap:.75rem;min-width:0;padding:.8rem;display:flex}.player--active{background:var(--brand-soft);border-color:#477db8}.player--empty{color:var(--muted);border-style:dashed}.player__avatar{background:var(--surface-raised);width:2.35rem;height:2.35rem;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.player__identity{flex:1;gap:.14rem;min-width:0;display:grid}.player strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player small{color:var(--muted)}.player__score{color:var(--brand);font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:.22rem;font-size:1.25rem;display:flex}.player__score small{font-size:.7rem;font-weight:750}.game-panel{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;grid-template-columns:minmax(18rem,.72fr) minmax(28rem,1.28fr);min-height:33rem;display:grid;overflow:hidden}.game-visual{border-right:1px solid var(--border);background:var(--surface-soft);align-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:grid}.game-meta{grid-template-columns:repeat(2,1fr);gap:.8rem .5rem;width:min(100%,19rem);display:grid}.game-meta p{text-align:center;gap:.2rem;display:grid}.game-meta span{color:var(--quiet);font-size:.72rem}.game-meta strong{font-size:.95rem}.game-meta .misses{color:var(--danger)}.play-area{align-content:center;gap:1.5rem;padding:clamp(1.2rem,3vw,2.5rem);display:grid}.word{flex-wrap:wrap;justify-content:center;gap:.8rem 1.15rem;display:flex}.word-group{gap:.5rem;display:inline-flex}.letter-slot{border-bottom:.22rem solid var(--brand);place-items:center;width:2.2rem;min-height:3rem;font-size:1.8rem;font-weight:900;display:grid}.letter-slot--revealed{border-color:var(--success)}.turn-copy{text-align:center;gap:.3rem;display:grid}.turn-copy h2{font-size:1.25rem}.turn-copy p{color:var(--muted)}.word-guess{gap:.55rem;display:grid}.word-guess>label{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.9rem;font-weight:800;display:flex}.word-guess>label span{color:var(--success);font-size:.78rem}.word-guess__controls{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.word-guess input{border:1px solid var(--border-strong);width:100%;min-width:0;min-height:3.05rem;color:var(--ink);text-transform:uppercase;background:#0f1318;border-radius:.6rem;padding:0 .9rem}.word-guess input::placeholder{color:var(--quiet);opacity:1;text-transform:none}.word-guess input:hover:not(:disabled){border-color:#657387}.word-guess input[aria-invalid=true]{border-color:var(--danger)}.word-guess input:disabled{cursor:not-allowed;opacity:.58}.score-rules{color:var(--muted);font-size:.82rem;line-height:1.5}.score-rules summary{width:fit-content;color:var(--muted);cursor:pointer;font-weight:750}.score-rules summary:hover{color:var(--ink)}.score-rules p{margin-top:.45rem}.score-rules strong{color:var(--ink)}.keyboard{grid-template-columns:repeat(9,minmax(2.5rem,1fr));gap:.45rem;display:grid}.key{border:1px solid var(--border-strong);background:var(--surface-raised);cursor:pointer;border-radius:.5rem;min-width:0;min-height:2.9rem;font-weight:850}.key:hover:not(:disabled){border-color:var(--brand);background:#293849}.key:active:not(:disabled){transform:translateY(1px)}.key:disabled{cursor:default}.key--used{color:#8ee8bd;opacity:.62;background:#193329;border-color:#2e5949}.key--missed{color:#ffadb2;background:#391e23;border-color:#69343b}.key--pending{color:var(--warning);opacity:1;background:#392f1c;border-color:#876a2e}.rematch{justify-self:center;min-width:13rem}.connect4-room{max-width:56rem}.connect4-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.connect4-player{border:1px solid var(--border);background:var(--surface-soft);border-radius:.75rem;align-items:center;gap:.75rem;min-width:0;min-height:4.5rem;padding:.75rem .9rem;transition:border-color .18s,background-color .18s;display:flex}.connect4-player--red.connect4-player--active{background:#301b21;border-color:#a84d52}.connect4-player--yellow.connect4-player--active{background:#2d2818;border-color:#927321}.connect4-player--empty{color:var(--muted);border-style:dashed}.player-disc{aspect-ratio:1;border-radius:50%;flex:none;place-items:center;width:2.7rem;display:grid;box-shadow:inset 0 -.28rem #0003,0 2px #00000040}.player-disc--red{background:#f05556}.player-disc--yellow{background:#ffd441}.player-disc--empty{border:1px dashed var(--border-strong);background:var(--surface-raised);box-shadow:none;color:var(--muted);font-size:1.25rem}.connect4-score{font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:.25rem;font-size:1.35rem;display:flex}.connect4-score small{color:var(--muted);font-size:.7rem}.connect4-stage{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;justify-items:center;gap:1rem;padding:1.25rem clamp(.6rem,3vw,2rem) 1.5rem;display:grid}.connect4-turn{text-align:center;gap:.3rem;display:grid}.connect4-turn h1{letter-spacing:-.02em;font-size:1.4rem}.connect4-turn p,.connect4-help{color:var(--muted);font-size:.84rem}.connect4-board-wrap{width:min(100%,40rem)}.connect4-column-controls{grid-template-columns:repeat(7,1fr);gap:clamp(.18rem,.7vw,.42rem);padding:0 clamp(.5rem,1.5vw,.85rem) .4rem;display:grid}.connect4-column-controls button{min-width:0;min-height:2.75rem;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:.45rem;place-items:center;font-size:1.35rem;transition:color .16s,background-color .16s,transform .12s;display:grid}.connect4-column-controls button:hover:not(:disabled),.connect4-column-controls button.is-selected:not(:disabled){background:var(--brand-soft);color:var(--brand)}.connect4-column-controls button:active:not(:disabled){transform:translateY(2px)}.connect4-column-controls button:disabled{cursor:default;opacity:.28}.connect4-board{--connect4-gap:clamp(.18rem, .7vw, .42rem);gap:var(--connect4-gap);background:#2677ce;border-radius:.8rem;grid-template-columns:repeat(7,1fr);padding:clamp(.5rem,1.5vw,.85rem) clamp(.5rem,1.5vw,.85rem) clamp(.9rem,2vw,1.2rem);display:grid;box-shadow:inset 0 -.45rem #18589d,0 .45rem #0c3867}.connect4-slot{aspect-ratio:1;background:#0c1015;border-radius:50%;transition:background-color .16s,box-shadow .16s;position:relative;box-shadow:inset 0 .22rem .3rem #000000bf,0 1px #ffffff38}.connect4-slot--selectable{cursor:pointer}.connect4-slot--selectable.connect4-slot--selected-column{background:#101b27;box-shadow:inset 0 .22rem .3rem #000000bf,0 0 0 .12rem #9bc8ff8c}.connect4-piece{border-radius:50%;position:absolute;inset:.16rem}.connect4-piece--red{background:#f05556;box-shadow:inset 0 -.38rem #be383c,inset 0 .16rem #ffffff40}.connect4-piece--yellow{background:#ffd441;box-shadow:inset 0 -.38rem #d09c13,inset 0 .16rem #ffffff57}.connect4-piece--latest{z-index:1;animation:.44s cubic-bezier(.5,0,.75,0) disc-drop}.connect4-piece--winning{outline-offset:-.27rem;outline:.2rem solid #fff;animation:.9s ease-in-out infinite alternate winning-disc}.connect4-piece--latest.connect4-piece--winning{animation:.44s cubic-bezier(.5,0,.75,0) disc-drop,.9s ease-in-out .44s infinite alternate winning-disc}.connect4-help{text-align:center}@keyframes disc-drop{0%{transform:translateY(var(--drop-start,-650%))}to{transform:translateY(0)}}@keyframes winning-disc{0%{filter:brightness();transform:scale(.96)}to{filter:brightness(1.18);transform:scale(1)}}.hangman{flex:none;width:13.75rem;height:15rem;position:relative}.gallows:before,.gallows:after,.gallows{content:"";background:#d5ad65;border-radius:999px;display:block;position:absolute}.gallows{width:.5rem;height:11.6rem;top:1.25rem;left:2.6rem}.gallows:before{width:7rem;height:.5rem;top:0;left:0}.gallows:after{width:10.6rem;height:.5rem;top:11.3rem;left:-2.1rem}.head,.body,.arm,.leg{background:var(--ink);border-radius:999px;position:absolute}.head{border:.43rem solid var(--ink);background:0 0;width:3.35rem;height:3.35rem;top:2.6rem;left:8.5rem}.body{width:.43rem;height:4.7rem;top:5.7rem;left:10rem}.arm,.leg{transform-origin:top;width:.43rem;height:3.6rem;left:10.05rem}.arm{top:6.5rem}.leg{top:10rem}.arm--left{transform:rotate(42deg)}.arm--right{transform:rotate(-42deg)}.leg--left{transform:rotate(34deg)}.leg--right{transform:rotate(-34deg)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=760px){h1{font-size:2rem}.page:not(.page--centered){padding-inline:max(.75rem, env(safe-area-inset-left))}.room-header{align-items:flex-start}.header-actions .copy-invite{display:none}.invite-strip{grid-template-columns:1fr}.inline-feedback{grid-column:1}.game-panel{grid-template-columns:1fr}.game-visual{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:auto minmax(9rem,1fr);padding:1rem}.hangman{transform-origin:50%;width:11rem;height:12rem;margin:-1.25rem;transform:scale(.78)}.game-meta{grid-template-columns:1fr}.game-meta p{text-align:left}.play-area{padding:1.2rem .8rem 1.4rem}.keyboard{grid-template-columns:repeat(7,minmax(2.5rem,1fr))}}@media (width<=430px){.page--centered{padding-top:max(2.5rem, env(safe-area-inset-top));align-items:start}.entry{gap:1.4rem}.entry__panel,.join-panel,.state-panel{padding:1.15rem}.room-header{display:grid}.header-actions{justify-content:flex-start}.header-actions .button{min-height:2.5rem;font-size:.88rem}.players{grid-template-columns:1fr}.game-visual{grid-template-columns:1fr 1fr}.hangman{margin:-2rem;transform:scale(.7)}.copy-field{grid-template-columns:1fr}.letter-slot{width:1.85rem;min-height:2.6rem;font-size:1.5rem}.word{column-gap:.9rem}.word-group{gap:.35rem}.keyboard{gap:.32rem}.key{min-height:2.7rem}.word-guess__controls{grid-template-columns:1fr}.word-guess__controls .button{min-height:3rem}.game-picker,.connect4-players{grid-template-columns:1fr}.connect4-player{min-height:3.9rem;padding:.6rem .7rem}.player-disc{width:2.25rem}.connect4-stage{padding-inline:.4rem}.connect4-column-controls{padding-bottom:.25rem}.connect4-column-controls button{min-height:2.75rem}.connect4-piece{inset:.1rem}.connect4-help{max-width:32ch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-choice__icon--cabo{background:#123a43;border:1px solid #598b91;display:block;position:relative;overflow:hidden}.game-choice__icon--cabo:before{content:"";border:1px solid #ffe299b3;border-radius:50%;position:absolute;inset:.34rem}.game-choice__icon--cabo i{aspect-ratio:.68;color:#102e35;background:#f5c76d;border:1px solid #efe9d8;border-radius:.2rem;place-items:center;width:1.15rem;font-size:.55rem;font-style:normal;font-weight:950;display:grid;position:absolute;box-shadow:0 .15rem .3rem #0000004d}.game-choice__icon--cabo i:first-child{top:.68rem;left:.82rem;transform:rotate(-12deg)}.game-choice__icon--cabo i:nth-child(2){background:#e68167;top:.55rem;left:1.34rem;transform:rotate(1deg)}.game-choice__icon--cabo i:nth-child(3){background:#65b8b1;top:.7rem;left:1.85rem;transform:rotate(13deg)}.cabo-room{--cabo-night:#0c1c23;--cabo-deep:#102830;--cabo-surface:#15323a;--cabo-edge:#315761;--cabo-tide:#66c9bd;--cabo-tide-strong:#3fb2a6;--cabo-sun:#f2c66d;--cabo-coral:#ec745f;--cabo-mist:#b7d1d0;max-width:78rem}.cabo-header{min-height:3.6rem}.cabo-brand{align-items:center;gap:.8rem;display:flex}.cabo-brand>div{gap:.06rem;display:grid}.cabo-brand>div>strong{letter-spacing:.12em;font-size:1.1rem}.cabo-brand__mark{aspect-ratio:1;color:#f9d98e;background:#153e46;border:1px solid #7dcfc6;border-radius:50%;flex:none;place-items:center;width:2.8rem;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .28rem #102c34}.cabo-brand__mark:before,.cabo-brand__mark:after{content:"";border:1px solid #f9d98e7a;border-radius:50%;position:absolute;inset:.38rem}.cabo-brand__mark:after{border-color:#7dcfc6cc;inset:.72rem}.cabo-brand__mark span{z-index:1;font-size:.95rem;font-weight:950}.cabo-share{background:#2d968c}.cabo-share:hover:not(:disabled){background:#247f77}.cabo-connection{min-height:2.7rem;padding-block:.48rem}.cabo-invite{background:#12343c;border-color:#396f75}.cabo-invite p{color:#bfd8d7}.cabo-scoreline{scrollbar-width:thin;background:#101f26;border:1px solid #29434c;border-radius:.75rem;grid-template-columns:repeat(5,minmax(8rem,1fr));display:grid;overflow-x:auto}.cabo-scoreline>div{grid-template:auto auto/minmax(0,1fr) auto;align-content:center;gap:.05rem .6rem;min-height:3.5rem;padding:.55rem .75rem;display:grid;position:relative}.cabo-scoreline>div+div{border-left:1px solid #29434c}.cabo-scoreline span{color:#c1d4d5;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:750;overflow:hidden}.cabo-scoreline strong{color:#f3d58f;font-variant-numeric:tabular-nums;grid-area:1/2/3;align-self:center;font-size:1.25rem}.cabo-scoreline small{color:#8eb3b5;font-size:.58rem}.cabo-scoreline__active{background:#183a42}.cabo-scoreline__active:after{background:var(--cabo-tide);content:"";height:.16rem;position:absolute;inset:auto 0 0}.cabo-scoreline .cabo-scoreline__empty span{color:#789095}.cabo-scoreline .cabo-scoreline__empty strong{color:#648086}.cabo-game-grid{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:.9rem;display:grid}.cabo-table{background:radial-gradient(circle at 50% 42%,#4fb6ad1a,#0000 18rem),linear-gradient(160deg,#112a32,#0b1d24 65%);border:1px solid #34505a;border-radius:1rem;align-content:start;gap:1rem;min-width:0;min-height:40rem;padding:clamp(1rem,2.3vw,1.7rem);display:grid;position:relative;overflow:hidden}.cabo-table__orbit{aspect-ratio:1.8;pointer-events:none;border:1px solid #67c6bd14;border-radius:50%;width:31rem;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.cabo-table__orbit:after{content:"";border:1px solid #f2c66d0f;border-radius:50%;position:absolute;inset:1.8rem}.cabo-turn{z-index:1;text-align:left;justify-content:center;align-items:center;gap:.75rem;min-height:3.25rem;display:flex}.cabo-turn__beacon{aspect-ratio:1;width:2rem;color:var(--cabo-sun);background:#17363e;border:1px solid #52767d;border-radius:50%;place-items:center;display:grid}.cabo-turn h1{letter-spacing:-.025em;font-size:1.42rem}.cabo-turn p{color:#afc5c6;max-width:64ch;margin-top:.18rem;font-size:.8rem;line-height:1.4}.cabo-tableaux{z-index:1;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.55rem;display:grid}.cabo-player{background:#10242b;border:1px solid #2d4a53;border-radius:.75rem;gap:.55rem;min-width:0;padding:.65rem;transition:border-color .18s cubic-bezier(.25,1,.5,1),background-color .18s,transform .18s cubic-bezier(.25,1,.5,1);display:grid;position:relative}.cabo-player--local{background:#142d35}.cabo-player--active{background:#17363e;border-color:#58b9b0;transform:translateY(-.1rem)}.cabo-player--caller{border-color:#ce6958}.cabo-player--caller:after{color:#fff;content:"CABO";letter-spacing:.05em;background:#d96858;border-radius:999px;padding:.18rem .4rem;font-size:.55rem;font-weight:900;position:absolute;top:-.5rem;right:.45rem}.cabo-player__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.cabo-player__avatar{aspect-ratio:1;color:#f8e0a7;background:#2a6264;border-radius:50%;place-items:center;width:1.85rem;font-size:.75rem;font-weight:900;display:grid}.cabo-player__identity{gap:.04rem;min-width:0;display:grid}.cabo-player__identity strong,.cabo-player__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cabo-player__identity strong{font-size:.78rem}.cabo-player__identity small{color:#96b0b3;font-size:.61rem}.cabo-player__score{font-variant-numeric:tabular-nums;justify-items:end;line-height:1;display:grid}.cabo-player__score strong{color:#f0d18a;font-size:.92rem}.cabo-player__score small{color:#789398;text-transform:uppercase;margin-top:.12rem;font-size:.5rem;font-weight:850}.cabo-layout{justify-content:center;align-items:center;gap:.32rem;min-height:4.25rem;display:flex}.cabo-layout__empty{color:#748d91;align-self:center;font-size:.68rem}.cabo-player__footer{color:#8eaaad;justify-content:space-between;align-items:center;gap:.5rem;min-height:.85rem;font-size:.57rem;display:flex}.cabo-player__footer strong{color:#d4e2e1;font-size:.62rem}.cabo-slot{color:inherit;background:0 0;border:0;flex:none;padding:0;display:block;position:relative}.cabo-slot:disabled{opacity:1}.cabo-slot--targetable{cursor:pointer}.cabo-slot--targetable .cabo-card{transition:transform .16s cubic-bezier(.25,1,.5,1),filter .16s,box-shadow .16s}.cabo-slot--targetable:hover .cabo-card,.cabo-slot--targetable:focus-visible .cabo-card{transform:translateY(-.25rem);box-shadow:0 .42rem .65rem #0000005c,0 0 0 .13rem #67cdc27a}.cabo-slot--selected .cabo-card{box-shadow:0 .4rem .7rem #00000059, 0 0 0 .16rem var(--cabo-sun);transform:translateY(-.28rem)}.cabo-slot__position{aspect-ratio:1;color:#15323a;background:#e8d9b4;border-radius:50%;place-items:center;width:1rem;font-size:.48rem;font-weight:950;display:grid;position:absolute;bottom:-.12rem;right:-.13rem}.cabo-card{--cabo-card-color:#317c80;aspect-ratio:.68;background:var(--cabo-card-color);color:#fff;-webkit-user-select:none;user-select:none;border:.2rem solid #ece7d9;border-radius:.55rem;width:5rem;display:block;position:relative;overflow:hidden;box-shadow:0 .38rem .7rem #00000057}.cabo-card--compact{border-width:.13rem;border-radius:.35rem;width:2.75rem;box-shadow:0 .22rem .4rem #00000059}.cabo-card--face:before{content:"";border:1px solid #ffffff61;border-radius:50%;position:absolute;inset:13% -24%;transform:rotate(-24deg)}.cabo-card--value-0,.cabo-card--value-1,.cabo-card--value-2,.cabo-card--value-3{--cabo-card-color:#287c7b}.cabo-card--value-4,.cabo-card--value-5,.cabo-card--value-6{--cabo-card-color:#36779a}.cabo-card--value-7,.cabo-card--value-8{--cabo-card-color:#c58e32;color:#13282e}.cabo-card--value-9,.cabo-card--value-10{--cabo-card-color:#d26856}.cabo-card--value-11,.cabo-card--value-12{--cabo-card-color:#655c8e}.cabo-card--value-13{--cabo-card-color:#9c3f4b}.cabo-card__corner{z-index:1;font-size:.8rem;font-weight:950;line-height:1;position:absolute;top:.28rem;left:.32rem}.cabo-card__corner--bottom{inset:auto .32rem .28rem auto;transform:rotate(180deg)}.cabo-card__center{place-content:center;justify-items:center;gap:.16rem;display:grid;position:absolute;inset:0}.cabo-card__center strong{letter-spacing:-.08em;font-size:2rem;font-weight:950;line-height:1}.cabo-card__center small{font-size:.52rem;font-weight:850}.cabo-card--compact .cabo-card__corner{font-size:.48rem;top:.17rem;left:.17rem}.cabo-card--compact .cabo-card__corner--bottom{inset:auto .17rem .17rem auto}.cabo-card--compact .cabo-card__center strong{font-size:1.1rem}.cabo-card--compact .cabo-card__center small{font-size:.32rem}.cabo-card--back{background:radial-gradient(circle,#f1c96e 0 4%,#0000 5%),radial-gradient(circle,#0000 0 25%,#65c2b99e 26% 28%,#0000 29% 40%,#f1c96e6b 41% 43%,#0000 44%),#123944}.cabo-card__compass{border:1px solid #f3d38bb3;border-radius:50%;place-items:center;display:grid;position:absolute;inset:20%;transform:rotate(18deg)}.cabo-card__compass:before,.cabo-card__compass:after{content:"";background:#f3d38b99;width:120%;height:1px;position:absolute}.cabo-card__compass:after{transform:rotate(90deg)}.cabo-card__compass i{aspect-ratio:1;clip-path:polygon(50% 0,66% 40%,100% 50%,66% 60%,50% 100%,34% 60%,0 50%,34% 40%);background:#63bcb4;width:35%;position:absolute}.cabo-card__compass strong{z-index:1;color:#102a33;font-size:.68rem;transform:rotate(-18deg)}.cabo-center{z-index:1;grid-template-columns:6.2rem minmax(4rem,6.5rem) 6.2rem;justify-content:center;align-items:center;gap:clamp(.6rem,2.5vw,1.5rem);min-height:9.4rem;display:grid}.cabo-pile{color:#fff;cursor:pointer;background:0 0;border:0;justify-items:center;width:6.2rem;display:grid;position:relative}.cabo-pile:disabled{cursor:default}.cabo-pile:disabled .cabo-card{filter:saturate(.55)brightness(.72)}.cabo-pile:not(:disabled):hover .cabo-card,.cabo-pile:not(:disabled):focus-visible .cabo-card{transform:translateY(-.3rem);box-shadow:0 .55rem .8rem #0006,0 0 0 .14rem #65c9bd80}.cabo-pile .cabo-card{transition:transform .17s cubic-bezier(.25,1,.5,1),box-shadow .17s,filter .17s}.cabo-pile>span:last-child{margin-top:.4rem;line-height:1;display:grid}.cabo-pile>span:last-child strong{font-size:.76rem}.cabo-pile>span:last-child small{color:#88a5a8;margin-top:.15rem;font-size:.57rem}.cabo-pile__stack{aspect-ratio:.68;width:5rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.cabo-pile__stack i{background:#123944;border:.16rem solid #d8d5c9;border-radius:.55rem;position:absolute;inset:0}.cabo-pile__stack i:first-child{transform:translate(-.28rem,-.12rem)rotate(-3deg)}.cabo-pile__stack i:last-child{transform:translate(.22rem,-.1rem)rotate(2deg)}.cabo-pile--discard .cabo-card{transform:rotate(3deg)}.cabo-discard-empty{aspect-ratio:.68;color:#82999c;border:1px dashed #5b7377;border-radius:.55rem;place-items:center;width:5rem;font-size:.65rem;font-weight:850;display:grid}.cabo-horizon{color:#e8c36d;place-items:center;display:grid}.cabo-horizon span{z-index:1;aspect-ratio:1;background:#14343c;border:1px solid #56767a;border-radius:50%;place-items:center;width:2.2rem;display:grid}.cabo-horizon i{background:linear-gradient(90deg,#0000,#55757a,#0000);width:5.6rem;height:1px;transform:translateY(-1.1rem)}.cabo-drawn{justify-items:center;gap:.3rem;animation:.22s cubic-bezier(.22,1,.36,1) both cabo-draw-in;display:grid}.cabo-drawn>span{color:#f0d28c;font-size:.62rem;font-weight:850}@keyframes cabo-draw-in{0%{opacity:.4;transform:translateY(-.8rem)rotate(-4deg)}to{opacity:1;transform:none}}.cabo-activity{z-index:1;color:#b5c9c9;text-align:center;min-height:1.1rem;font-size:.72rem;line-height:1.4}.cabo-primary-action{z-index:1;text-align:center;justify-items:center;gap:.45rem;display:grid}.cabo-primary-action .button{background:#379f95;min-width:13rem}.cabo-primary-action small,.cabo-primary-action>span:not(.cabo-ready-mark){color:#8fa9ac;font-size:.65rem}.cabo-ready-mark{color:#8fdbca;font-weight:850}.cabo-turn-actions{z-index:1;justify-items:center;gap:.25rem;display:grid}.cabo-turn-actions span{color:#8fa9ac;font-size:.58rem}.cabo-call{color:#fff;background:#d95d4c;border-color:#ed8a77;min-width:9.5rem;box-shadow:inset 0 -.18rem #53151259}.cabo-call:hover:not(:disabled){background:#ed745f}.cabo-resolution{z-index:2;background:#122b33;border:1px solid #3e6970;border-radius:.75rem;gap:.65rem;padding:.75rem;display:grid}.cabo-resolution__modes{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.cabo-resolution__modes button{color:#c8d8d8;cursor:pointer;background:#1b3940;border:1px solid #49646a;border-radius:999px;min-height:2.25rem;padding:.38rem .72rem;font-size:.7rem;font-weight:800}.cabo-resolution__modes button:hover{border-color:#6aa59f}.cabo-resolution__modes .is-selected{color:#fff;background:#285d5d;border-color:#78c9c0}.cabo-resolution__confirm{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cabo-resolution__confirm p,.cabo-resolution__instruction{color:#b0c6c6;font-size:.72rem;line-height:1.4}.cabo-resolution__confirm .button{background:#3ca89e;flex:none;font-size:.72rem}.cabo-resolution__instruction{text-align:center}.cabo-round-action{z-index:1;border-top:1px solid #385158;justify-content:center;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.cabo-round-action>div{gap:.15rem;display:grid}.cabo-round-action strong{color:#f0d28b;font-size:.8rem}.cabo-round-action p{color:#93abad;font-size:.66rem}.cabo-round-action .button{background:#389f95}.cabo-round-action--winner strong{color:#8edaca}.cabo-guide{gap:.65rem;display:grid;position:sticky;top:1rem}.cabo-compass,.cabo-rulebook{background:#121f26;border:1px solid #344a52;border-radius:.8rem}.cabo-compass{gap:.85rem;padding:.9rem;display:grid}.cabo-compass>header{align-items:center;gap:.6rem;display:flex}.cabo-compass>header>span{aspect-ratio:1;color:#f2cb76;background:#1d4147;border-radius:50%;place-items:center;width:2rem;display:grid}.cabo-compass h2{font-size:.9rem}.cabo-compass header p{color:#829ca0;margin-top:.1rem;font-size:.61rem}.cabo-nudge{grid-template-columns:2.4rem minmax(0,1fr);align-items:start;gap:.65rem;display:grid}.cabo-nudge>span{aspect-ratio:1;color:#f0ce80;background:#17343b;border:1px solid #477178;border-radius:.5rem;place-items:center;width:2.4rem;font-size:.82rem;font-weight:900;display:grid}.cabo-nudge>div{gap:.2rem;display:grid}.cabo-nudge strong{font-size:.75rem}.cabo-nudge p{color:#a7bdbe;font-size:.68rem;line-height:1.45}.cabo-power-key{grid-template-columns:repeat(3,1fr);gap:.28rem;display:grid}.cabo-power-key span{color:#9fb5b7;text-align:center;background:#172c33;border-radius:.45rem;gap:.12rem;padding:.42rem .25rem;font-size:.55rem;display:grid}.cabo-power-key b{color:#edd18d;font-size:.62rem}.cabo-rulebook{overflow:hidden}.cabo-rulebook summary{color:#d4e1e1;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding:.7rem .9rem;font-size:.72rem;font-weight:800;list-style:none;display:flex}.cabo-rulebook summary::-webkit-details-marker{display:none}.cabo-rulebook summary span{color:#72c4bb;font-size:1rem;transition:transform .18s}.cabo-rulebook[open] summary span{transform:rotate(45deg)}.cabo-rulebook__body{scrollbar-width:thin;border-top:1px solid #30474e;gap:.8rem;max-height:min(64vh,36rem);padding:.85rem .9rem 1rem;display:grid;overflow-y:auto}.cabo-rulebook__body section{gap:.22rem;display:grid}.cabo-rulebook__body h3{color:#ead096;margin:0;font-size:.7rem}.cabo-rulebook__body p,.cabo-rulebook__body li{color:#a8bdbf;font-size:.64rem;line-height:1.5}.cabo-rulebook__body ol{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.cabo-rulebook__body a{color:#83d0c7;width:fit-content;font-size:.66rem;font-weight:800}@media (width<=1000px){.cabo-game-grid{grid-template-columns:minmax(0,1fr)}.cabo-guide{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);position:static}.cabo-rulebook__body{max-height:28rem}}@media (width<=700px){.cabo-header{align-items:flex-start}.cabo-brand>div>strong{font-size:.95rem}.cabo-scoreline{grid-template-columns:repeat(5,8.5rem)}.cabo-table{padding:.85rem}.cabo-tableaux{grid-template-columns:repeat(2,minmax(0,1fr))}.cabo-center{grid-template-columns:5.5rem minmax(3rem,5rem) 5.5rem;gap:.25rem}.cabo-guide{grid-template-columns:1fr}.cabo-resolution__confirm,.cabo-round-action{text-align:center;flex-direction:column;align-items:stretch}}@media (width<=460px){.cabo-room{gap:.7rem}.cabo-header .header-actions .copy-invite{display:none}.cabo-brand__mark{width:2.4rem}.cabo-brand>div>strong{font-size:.85rem}.cabo-brand .room-code{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;overflow:hidden}.cabo-turn{justify-content:flex-start}.cabo-turn h1{font-size:1.18rem}.cabo-tableaux{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;justify-content:flex-start;padding:.1rem 0 .35rem;display:flex;overflow-x:auto}.cabo-player{scroll-snap-align:start;flex:none;grid-template-columns:minmax(0,.8fr) minmax(10rem,1.2fr);align-items:center;width:calc(100vw - 4.5rem);min-width:18.5rem}.cabo-player__header{grid-template:auto 1fr/auto minmax(0,1fr);align-self:stretch}.cabo-player__score{grid-area:2/1/auto/3;justify-self:start;justify-items:start;margin-left:2.35rem}.cabo-player__footer{grid-column:1/3}.cabo-layout{justify-content:end}.cabo-center{grid-template-columns:repeat(3,minmax(0,1fr))}.cabo-pile{width:100%}.cabo-card{width:4.35rem}.cabo-card--compact{width:2.75rem}.cabo-pile__stack,.cabo-discard-empty{width:4.35rem}.cabo-horizon i{width:3.4rem}.cabo-resolution__modes button{flex:auto}}@media (prefers-reduced-motion:reduce){.cabo-drawn{animation:none}.cabo-slot--targetable .cabo-card,.cabo-pile .cabo-card,.cabo-player,.cabo-rulebook summary span{transition-duration:1ms}}.game-picker:has(.game-choice--uno){grid-template-columns:repeat(2,minmax(0,1fr))}.game-choice--uno.game-choice--selected{background:#302819;border-color:#eeb94f}.game-choice__icon--uno{background:#15191f;display:block;position:relative;overflow:visible}.game-choice__icon--uno i{color:#fff;border:2px solid #fff;border-radius:.22rem;place-items:center;width:1.25rem;height:1.8rem;font-size:.67rem;font-style:normal;font-weight:950;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 2px 4px #00000059}.game-choice__icon--uno i:first-child{background:#e53d46;transform:translate(-105%,-48%)rotate(-15deg)}.game-choice__icon--uno i:nth-child(2){z-index:1;color:#17191e;background:#eab62f;transform:translate(-50%,-58%)}.game-choice__icon--uno i:nth-child(3){background:#2477ce;transform:translate(5%,-48%)rotate(15deg)}.uno-room{--uno-red:#dd3346;--uno-yellow:#f3be36;--uno-green:#279861;--uno-blue:#267bc4;--uno-cream:#fff9e9;gap:.8rem;width:min(100%,78rem);max-width:78rem;font-family:Avenir Next Rounded,Trebuchet MS,ui-rounded,sans-serif}.uno-header{min-height:3.5rem}.uno-brand{align-items:center;gap:.85rem;display:flex}.uno-brand>div{gap:.05rem;display:grid}.uno-brand>div>strong{font-size:1rem}.uno-brand__mark{background:var(--uno-red);color:#fff;letter-spacing:-.11em;text-shadow:.12rem .12rem #7c1724;border:.16rem solid #fff;border-radius:50%;flex:none;place-items:center;width:4.5rem;height:2.6rem;font-size:1.35rem;font-style:italic;font-weight:1000;line-height:1;text-decoration:none;display:grid;position:relative;overflow:hidden;transform:rotate(-7deg);box-shadow:0 .18rem #8b1a28,0 .35rem .7rem #00000047}.uno-brand__mark:after{content:"";mix-blend-mode:multiply;background:#ffd031e6;border-radius:50%;position:absolute;inset:-25% 18%;transform:rotate(-18deg)}.uno-brand__mark{isolation:isolate}.uno-brand__mark:after{z-index:-1}.uno-share{background:var(--uno-red)}.uno-share:hover:not(:disabled){background:#c92739}.uno-connection{min-height:2.65rem;padding-block:.45rem}.uno-invite{background:linear-gradient(115deg,#30291a,#25251e);border-color:#75602e}.uno-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.uno-seat{background:linear-gradient(145deg,#1c2127,#14181c);border:1px solid #383f47;border-radius:.78rem;grid-template:"avatar identity score""avatar hand hand"1fr/auto minmax(0,1fr) auto;align-items:center;gap:.08rem .55rem;min-width:0;min-height:5.25rem;padding:.48rem .62rem;transition:border-color .18s cubic-bezier(.25,1,.5,1),transform .18s cubic-bezier(.25,1,.5,1);display:grid;position:relative}.uno-seat--active{border-color:#e0ad44;transform:translateY(-.12rem)}.uno-seat--active:after{content:"";background:#ffd460;border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:.45rem;right:.5rem;box-shadow:0 0 .65rem #ffd460}.uno-seat--empty{color:var(--muted);background:#14181c;border-style:dashed}.uno-seat__avatar{aspect-ratio:1;color:#fff;background:#3b424b;border:2px solid #ffffffb8;border-radius:50%;grid-area:avatar;place-items:center;width:2.35rem;font-size:1rem;font-weight:950;display:grid;box-shadow:inset 0 -.22rem #0000002e}.uno-seat__avatar--0{background:var(--uno-red)}.uno-seat__avatar--1{background:var(--uno-blue)}.uno-seat__avatar--2{background:var(--uno-green)}.uno-seat__avatar--3{background:#c99020}.uno-seat__identity{grid-area:identity;gap:.08rem;min-width:0;display:grid}.uno-seat__identity strong,.uno-seat__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uno-seat__identity strong{font-size:.88rem}.uno-seat__identity small{color:var(--muted);font-size:.7rem}.uno-seat__score{font-variant-numeric:tabular-nums;grid-area:score;justify-items:end;min-width:1.8rem;display:grid}.uno-seat__score strong{font-size:.9rem}.uno-seat__score small{color:var(--quiet);text-transform:uppercase;font-size:.58rem;font-weight:800}.uno-seat__hand{grid-area:hand;justify-self:end;width:4.3rem;height:2.35rem;position:relative}.uno-seat__hand i,.uno-seat__hand--play:before{aspect-ratio:.68;width:1.04rem;transform:translateX(var(--mini-x)) rotate(var(--mini-rotation));transform-origin:50% 115%;background:radial-gradient(#d83344 0 34%,#f3c245 35% 40%,#0000 41%),#102844;border:.1rem solid #e5e3dc;border-radius:.18rem;display:block;position:absolute;bottom:0;left:calc(50% - .52rem);box-shadow:0 .16rem .28rem #00000061}.uno-seat__count{z-index:2;color:#14191f;font-variant-numeric:tabular-nums;background:#f7f3e7;border-radius:999px;place-items:center;min-width:1.45rem;height:1.45rem;font-size:.72rem;line-height:1;display:grid;position:absolute;top:-.05rem;left:50%;transform:translate(-50%);box-shadow:0 .16rem .3rem #0006}.uno-seat--empty .uno-seat__hand{opacity:.42}.uno-seat--empty .uno-seat__count{color:#c3cbd3;background:#303740}.uno-seat__hand--draw i:last-of-type{animation:.24s cubic-bezier(.22,1,.36,1) both uno-mini-draw}@keyframes uno-mini-draw{0%{opacity:0;transform:translate(calc(var(--mini-x) - 1.5rem), -1.8rem) rotate(calc(var(--mini-rotation) - 14deg)) scale(.78)}to{opacity:1;transform:translate(var(--mini-x), 0) rotate(var(--mini-rotation)) scale(1)}}.uno-seat__hand--play:before{z-index:3;content:"";pointer-events:none;animation:.22s cubic-bezier(.25,1,.5,1) both uno-mini-play}@keyframes uno-mini-play{0%{opacity:.95;transform:translate(0)rotate(-3deg)scale(1)}to{opacity:0;transform:translateY(3rem)rotate(8deg)scale(.72)}}.uno-table{background:radial-gradient(at 50% 38%,#4d736057,#0000 38%),radial-gradient(circle at 12% 20%,#ffffff09 0 1px,#0000 1.5px) 0 0/7px 7px,linear-gradient(145deg,#252e2a,#171d1b 68%);border:1px solid #454b42;border-radius:2.2rem 2.2rem 1.1rem 1.1rem;align-content:center;place-items:center;gap:.9rem;min-height:31rem;padding:1.3rem clamp(1rem,4vw,3rem) 1.5rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .45rem #111512,inset 0 0 0 .55rem #4c4030,0 .7rem 1.5rem #00000040}.uno-table__glow{filter:blur(1rem);pointer-events:none;background:#edbe4b09;border-radius:50%;width:25rem;height:14rem;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.uno-turn{z-index:1;text-align:left;justify-content:center;align-items:center;gap:.7rem;display:flex}.uno-turn h1{letter-spacing:-.025em;font-size:clamp(1.25rem,2.4vw,1.65rem)}.uno-turn p{color:#aeb9b2;margin-top:.16rem;font-size:.8rem}.uno-turn__pip{background:#59635d;border:2px solid #ffffff80;border-radius:50%;flex:none;width:.75rem;height:.75rem;box-shadow:0 0 .8rem}.uno-turn__pip--red{background:var(--uno-red);color:var(--uno-red)}.uno-turn__pip--yellow{background:var(--uno-yellow);color:var(--uno-yellow)}.uno-turn__pip--green{background:var(--uno-green);color:var(--uno-green)}.uno-turn__pip--blue{background:var(--uno-blue);color:var(--uno-blue)}.uno-playfield{z-index:1;grid-template-columns:7.4rem 4.5rem 7.4rem;justify-content:center;align-items:center;gap:clamp(.8rem,3vw,2rem);min-height:12rem;display:grid}.uno-card{--card-color:#17191c;aspect-ratio:.68;background:var(--card-color);color:#fff;-webkit-user-select:none;user-select:none;border:.28rem solid #f8f4e8;border-radius:.72rem;width:6.25rem;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;display:block;position:relative;overflow:hidden;box-shadow:0 .45rem .8rem #00000059,inset 0 0 0 .1rem #00000026}.uno-card--compact{border-width:.18rem;border-radius:.42rem;width:3.25rem}.uno-card--red{--card-color:var(--uno-red)}.uno-card--yellow{--card-color:var(--uno-yellow);color:#14171b}.uno-card--green{--card-color:var(--uno-green)}.uno-card--blue{--card-color:var(--uno-blue)}.uno-card--wild{--card-color:#17191c}.uno-card__oval{background:#ffffff1a;border:.22rem solid #ffffffe6;border-radius:50%;place-items:center;width:73%;height:84%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(24deg)}.uno-card--yellow .uno-card__oval{border-color:#14171bc7}.uno-card__symbol{letter-spacing:-.1em;text-shadow:0 .12rem #00000040;font-size:3rem;font-weight:1000;line-height:1;transform:rotate(-24deg)}.uno-card__corner{z-index:2;font-size:1.05rem;font-weight:1000;line-height:1;position:absolute}.uno-card__corner--top{top:.42rem;left:.37rem}.uno-card__corner--bottom{bottom:.42rem;right:.37rem;transform:rotate(180deg)}.uno-card__wild-mark{border:.18rem solid #fff;border-radius:50%;grid-template-columns:1fr 1fr;width:3.2rem;height:3.2rem;display:grid;overflow:hidden;transform:rotate(-24deg)}.uno-card__wild-mark i:first-child{background:var(--uno-red)}.uno-card__wild-mark i:nth-child(2){background:var(--uno-blue)}.uno-card__wild-mark i:nth-child(3){background:var(--uno-yellow)}.uno-card__wild-mark i:nth-child(4){background:var(--uno-green)}.uno-card--back{background:repeating-linear-gradient(45deg,#0000 0 5px,#ffffff0d 5px 7px),#0c284a;border-color:#e9e6dc;overflow:hidden;box-shadow:0 .45rem .8rem #00000059,inset 0 0 0 .18rem #122036,inset 0 0 0 .28rem #fff3}.uno-card__back-orbit{color:#fff;background:#d83344;border:.18rem solid #f3c245;border-radius:50%;place-content:center;justify-items:center;width:78%;height:60%;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg);box-shadow:0 0 0 .12rem #fff}.uno-card__back-orbit strong{letter-spacing:-.1em;text-shadow:.1rem .1rem #831824;font-size:1.25rem;font-style:italic}.uno-card__back-orbit small{letter-spacing:.08em;text-transform:uppercase;margin-top:.16rem;font-size:.44rem;font-weight:900}.uno-card--compact .uno-card__corner{font-size:.65rem}.uno-card--compact .uno-card__symbol{font-size:1.55rem}.uno-card--played{--play-origin-y:5.5rem;--play-origin-rotation:-9deg;animation:.26s cubic-bezier(.22,1,.36,1) both uno-card-played}.uno-card--played-from-opponent{--play-origin-y:-5.5rem;--play-origin-rotation:9deg}@keyframes uno-card-played{0%{opacity:.3;transform:translateY(var(--play-origin-y)) rotate(var(--play-origin-rotation)) scale(.78)}to{opacity:1;transform:translateY(0)rotate(3deg)scale(1)}}.uno-pile{color:#fff;cursor:pointer;background:0 0;border:0;justify-items:center;width:7.4rem;display:grid;position:relative}.uno-pile:disabled{cursor:default}.uno-pile:disabled .uno-card{filter:saturate(.62)brightness(.75)}.uno-pile:not(:disabled):hover .uno-card{transform:translateY(-.35rem)rotate(-2deg);box-shadow:0 .75rem 1.2rem #0000006b,0 0 0 .14rem #f2bf3d73}.uno-pile--penalty:not(:disabled) .uno-card{box-shadow:0 .45rem .8rem #00000059,0 0 0 .18rem #dd3346b8}.uno-pile--penalty .uno-pile__label strong{color:#ff8795}.uno-pile .uno-card{transition:transform .18s,box-shadow .18s,filter .18s}.uno-pile__stack{aspect-ratio:.68;width:6.25rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.uno-pile__stack i{background:#0b203a;border:.2rem solid #d9d7d0;border-radius:.72rem;position:absolute;inset:0}.uno-pile__stack i:first-child{transform:translate(-.36rem,-.2rem)rotate(-3deg)}.uno-pile__stack i:last-child{transform:translate(.28rem,-.15rem)rotate(2deg)}.uno-pile__label{margin-top:.55rem;line-height:1.05;display:grid}.uno-pile__label strong{font-size:.82rem}.uno-pile__label small{color:#9ba7a0;margin-top:.15rem;font-size:.64rem}.uno-direction{color:#d4b962;justify-items:center;display:grid}.uno-direction span{opacity:.76;font-size:2.6rem;line-height:1}.uno-direction small{color:#89958e;text-align:center;text-transform:uppercase;max-width:4.5rem;font-size:.58rem;line-height:1.2}.uno-discard{justify-items:center;width:7.4rem;display:grid;position:relative}.uno-discard .uno-card{transform:rotate(3deg)}.uno-discard__empty{aspect-ratio:.68;color:#7f8c84;text-align:center;text-transform:uppercase;border:2px dashed #657068;border-radius:.72rem;place-items:center;width:6.25rem;font-size:.8rem;font-weight:900;line-height:1.2;display:grid}.uno-active-color{color:#fff;text-transform:uppercase;border:1px solid #ffffff57;border-radius:999px;width:max-content;padding:.22rem .5rem;font-size:.62rem;font-weight:900;position:absolute;bottom:-1.65rem;left:50%;transform:translate(-50%);box-shadow:0 .2rem .5rem #00000047}.uno-active-color--red{background:var(--uno-red)}.uno-active-color--yellow{background:#b08010}.uno-active-color--green{background:var(--uno-green)}.uno-active-color--blue{background:var(--uno-blue)}.uno-activity{z-index:1;color:#c6cec9;text-align:center;min-height:1.2rem;font-size:.78rem}.uno-actions{z-index:2;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.uno-action{background:#202723;border-color:#4a524c;min-height:2.55rem;font-size:.82rem}.uno-action--call{color:#15191c;background:#d8a82e;border-color:#b28727;box-shadow:inset 0 -.18rem #00000038}.uno-action--call:hover:not(:disabled){background:#efc452}.uno-action--ready{animation:.22s cubic-bezier(.22,1,.36,1) both uno-call-ready}@keyframes uno-call-ready{0%{opacity:.55;transform:scale(.96)}}.uno-action--catch{color:#fff;background:#ba293b;border-color:#9a2d3a}.uno-lobby-action{z-index:1;text-align:center;justify-items:center;gap:.55rem;display:grid}.uno-lobby-action .button{color:#14171b;background:#d5a42c;min-width:12rem}.uno-lobby-action small{color:#8f9b94;font-size:.66rem}.uno-round-over{z-index:1;align-items:center;gap:.7rem;display:flex}.uno-round-over__burst{color:#f3c143;font-size:2rem;animation:.9s ease-in-out infinite alternate uno-star}@keyframes uno-star{to{filter:drop-shadow(0 0 .5rem #f3c14399);transform:rotate(18deg)scale(1.15)}}.uno-color-picker{z-index:4;background:#121614f5;border:1px solid #5e665f;border-radius:.8rem;justify-items:center;gap:.5rem;padding:.75rem .9rem;animation:.18s ease-out both uno-picker-in;display:grid;box-shadow:0 .65rem 1.4rem #0006}@keyframes uno-picker-in{0%{opacity:0;transform:translateY(.35rem)scale(.97)}}.uno-color-picker>strong{font-size:.78rem}.uno-color-picker>div{gap:.55rem;display:flex}.uno-color-choice{aspect-ratio:1;color:#fff;cursor:pointer;background:currentColor;border:.18rem solid #fff;border-radius:50%;place-items:center;width:2.65rem;transition:transform .12s;display:grid;box-shadow:inset 0 -.2rem #0003}.uno-color-choice:hover{transform:translateY(-.15rem)scale(1.05)}.uno-color-choice--red{color:var(--uno-red)}.uno-color-choice--yellow{color:var(--uno-yellow)}.uno-color-choice--green{color:var(--uno-green)}.uno-color-choice--blue{color:var(--uno-blue)}.uno-color-choice span{background:#ffffffb8;border-radius:50%;width:.55rem;height:.55rem}.uno-hand-zone{background:linear-gradient(#181d23,#11151a);border:1px solid #333b43;border-radius:1rem;gap:.7rem;min-height:13.5rem;padding:1rem 1rem .45rem;display:grid;overflow:hidden}.uno-hand-zone>header{justify-content:space-between;align-items:center;gap:1rem;min-height:2.2rem;padding-inline:.25rem;display:flex}.uno-hand-zone h2{margin-top:.12rem;font-size:1rem}.uno-hand-meta{align-items:center;gap:.65rem;display:flex}.uno-hand-scroll-hint{color:#9ca8b3;font-size:.72rem;font-weight:700}.uno-called{color:#efc65c;background:#302a1b;border:1px solid #6b592a;border-radius:999px;padding:.35rem .65rem;font-size:.7rem}.uno-hand{overscroll-behavior-inline:contain;scrollbar-color:#48525f transparent;scrollbar-width:thin;justify-content:safe center;align-items:end;min-height:10rem;padding:.8rem 1.2rem .45rem;display:flex;overflow:auto hidden}.uno-hand--overflowing{justify-content:flex-start}.uno-hand-card{transform:translateY(1.15rem) rotate(var(--card-rotation));transform-origin:50% 120%;background:0 0;border:0;flex:none;padding:0;transition:transform .17s,filter .17s;display:block;position:relative}.uno-hand-card+.uno-hand-card{margin-left:-1rem}.uno-hand-card:disabled{cursor:default;filter:saturate(.45)brightness(.66)}.uno-hand-card--playable{z-index:2;cursor:pointer;filter:none}.uno-hand-card--playable:hover,.uno-hand-card--playable:focus-visible{z-index:5;transform:translateY(.15rem)rotate(0)}.uno-hand-card--playable .uno-card{box-shadow:0 .5rem .9rem #0006,0 0 0 .13rem #f1c14347}.uno-hand-card--drawn{z-index:4;animation:.3s cubic-bezier(.22,1,.36,1) both uno-drawn;margin-left:.1rem!important}@keyframes uno-drawn{0%{opacity:0;transform:translateY(-5rem)rotate(9deg)scale(.8)}to{opacity:1;transform:translateY(1.15rem) rotate(var(--card-rotation)) scale(1)}}.uno-empty-hand{color:#7f8b94;text-align:center;align-self:center;justify-items:center;gap:.35rem;display:grid}.uno-empty-hand span{color:#d6ae48;font-size:1.5rem}.uno-empty-hand p{font-size:.8rem}@media (width<=900px){.uno-table{min-height:29rem}}@media (width<=600px){.game-picker:has(.game-choice--uno){grid-template-columns:1fr}.uno-room{gap:.65rem}.uno-header{display:flex}.uno-brand>div>strong{display:none}.uno-brand__mark{width:4rem;height:2.3rem}.uno-seats{z-index:20;top:max(.3rem, env(safe-area-inset-top));background:#101419;border-radius:.75rem;gap:.3rem;margin-inline:-.2rem;padding:.32rem;position:sticky;box-shadow:0 .3rem .45rem #0000006b}.uno-seat{grid-template:"identity""hand"1fr/minmax(0,1fr);justify-items:center;gap:.12rem;min-height:5.1rem;padding:.35rem .18rem}.uno-seat--active{transform:none}.uno-seat--active:after{width:.34rem;height:.34rem;top:.28rem;right:.28rem}.uno-seat__avatar,.uno-seat__score{display:none}.uno-seat__identity{text-align:center;justify-items:center;width:100%}.uno-seat__identity strong{max-width:100%;font-size:.7rem}.uno-seat__identity small{font-size:.58rem}.uno-seat__hand{justify-self:center;width:3.65rem;height:2.25rem}.uno-seat__hand i,.uno-seat__hand--play:before{width:.96rem}.uno-seat__count{min-width:1.35rem;height:1.35rem;font-size:.68rem}.uno-table{border-radius:1.25rem 1.25rem .8rem .8rem;min-height:27rem;padding:1rem .45rem 1.15rem}.uno-turn{padding-inline:.55rem}.uno-turn p{max-width:36ch}.uno-playfield{grid-template-columns:5.5rem 3.2rem 5.5rem;gap:.65rem;min-height:10rem}.uno-card,.uno-discard__empty{border-width:.22rem;border-radius:.55rem;width:4.75rem}.uno-card__symbol{font-size:2.3rem}.uno-card__corner{font-size:.8rem}.uno-card__wild-mark{width:2.5rem;height:2.5rem}.uno-pile,.uno-discard{width:5.5rem}.uno-pile__stack{width:4.75rem}.uno-direction span{font-size:2rem}.uno-direction small{display:none}.uno-pile__label{margin-top:.35rem}.uno-hand-zone{min-height:11.75rem;padding-inline:.4rem}.uno-hand{justify-content:flex-start;min-height:8.6rem;padding-inline:max(1.25rem,50vw - 10rem)}.uno-hand-scroll-hint{display:none}.uno-hand .uno-card{width:4.6rem}.uno-hand-card+.uno-hand-card{margin-left:-.8rem}.uno-actions{padding-inline:.5rem}.uno-action{min-height:2.75rem}}.game-choice--chess.game-choice--selected{background:#2b261f;border-color:#c6a774}.game-choice__icon--chess{background:#2c2117;border:.16rem solid #2c2117;grid-template-columns:repeat(2,1fr);gap:0;display:grid;overflow:hidden}.game-choice__icon--chess i{aspect-ratio:1;color:#17202a;width:auto;box-shadow:none;background:#d5b98a;border-radius:0;place-items:center;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,Apple Symbols,serif;font-size:1.05rem;font-style:normal;line-height:1;display:grid}.game-choice__icon--chess i:first-child,.game-choice__icon--chess i:nth-child(4){color:#17202a;background:#d5b98a}.game-choice__icon--chess i:nth-child(2),.game-choice__icon--chess i:nth-child(3){color:#f6efe1;background:#735d43}.chess-room{--chess-light:#d8bd91;--chess-dark:#765e43;--chess-wood:#30251b;--chess-gold:#d2b06f;--chess-selected:#efc85f;gap:.8rem;width:min(100%,72rem);max-width:72rem}.chess-header{min-height:3.5rem}.chess-brand{gap:.12rem;display:grid}.chess-brand>a{letter-spacing:-.025em;align-items:center;gap:.5rem;width:fit-content;font-size:1.35rem;font-weight:900;text-decoration:none;display:inline-flex}.chess-brand>a span{color:#20252b;background:#d7bd91;border-radius:.38rem;place-items:center;width:2rem;height:2rem;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,Apple Symbols,serif;font-size:1.35rem;display:grid;box-shadow:inset 0 -.16rem #422b1947}.chess-invite{background:#29251f;border-color:#665333}.chess-layout{grid-template-columns:minmax(28rem,1fr) 20.5rem;align-items:start;gap:1rem;display:grid}.chess-board-column{justify-items:center;gap:.55rem;min-width:0;display:grid}.chess-player{border:1px solid var(--border);background:var(--surface-soft);border-radius:.75rem;align-items:center;gap:.75rem;width:min(100%,44.5rem);min-width:0;min-height:4.25rem;padding:.65rem .8rem;transition:border-color .18s,background-color .18s;display:flex}.chess-player--active{background:#28231c;border-color:#8b7043}.chess-player--empty{color:var(--muted);border-style:dashed}.chess-player__piece{background:#242b33;border-radius:.45rem;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.chess-player--white .chess-player__piece{background:#4b4033}.chess-player--black .chess-player__piece{background:#d5bd97}.chess-player--empty .chess-player__piece{border:1px dashed var(--border-strong);background:var(--surface-raised);font-size:1.25rem}.chess-player__identity{flex:1;gap:.1rem;min-width:0;display:grid}.chess-player__identity strong,.chess-player__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chess-player__identity small{color:var(--muted);text-transform:capitalize;font-size:.75rem}.chess-player--active .chess-player__identity small{color:#e2c992}.chess-player__score{font-variant-numeric:tabular-nums;grid-template:"wins label""draws draws"/auto auto;justify-content:end;align-items:baseline;gap:.02rem .2rem;display:grid}.chess-player__score strong{grid-area:wins;font-size:1.25rem}.chess-player__score small{color:var(--muted);grid-area:label;font-size:.66rem;font-weight:750}.chess-player__score i{color:var(--quiet);text-align:right;grid-area:draws;font-size:.62rem;font-style:normal}.chess-board-frame{border:.58rem solid var(--chess-wood);background:var(--chess-wood);border-radius:.62rem;width:min(100%,44.5rem);overflow:hidden;box-shadow:0 .34rem #15100c,0 .5rem .75rem #00000047}.chess-board{aspect-ratio:1;background:var(--chess-dark);grid-template-columns:repeat(8,1fr);width:100%;display:grid;position:relative}.chess-square{aspect-ratio:1;cursor:default;isolation:isolate;border:0;border-radius:0;place-items:center;min-width:0;padding:0;display:grid;position:relative;overflow:hidden}.chess-square--light{background:var(--chess-light);color:#4e3e2b}.chess-square--dark{background:var(--chess-dark);color:#ead9bd}.chess-square--last:before{z-index:-1;content:"";background:#f7d35b6b;position:absolute;inset:0}.chess-square--selected{box-shadow:inset 0 0 0 .26rem var(--chess-selected)}.chess-square--legal{cursor:pointer}.chess-square--check{box-shadow:inset 0 0 0 .3rem #df5962}.chess-square--selected.chess-square--check{box-shadow:inset 0 0 0 .22rem var(--chess-selected), inset 0 0 0 .42rem #df5962}.chess-square:focus-visible{z-index:3;outline-offset:-.24rem;outline:.2rem solid #ecf5ff}.chess-piece{z-index:1;color:#18212b;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,Apple Symbols,Arial Unicode MS,serif;font-size:min(7vw,3.9rem);font-weight:400;line-height:1;display:block;position:relative;transform:translateY(-.02em)}.chess-piece--white{color:#fbf4e7;text-shadow:-1px -1px #3f342a,1px -1px #3f342a,-1px 1px #3f342a,1px 1px #3f342a,0 .08em .04em #2c1e1461}.chess-piece--black{color:#18212b;text-shadow:-1px -1px #f0dcbc9e,1px -1px #f0dcbc9e,-1px 1px #f0dcbc9e,1px 1px #f0dcbc9e,0 .08em .04em #140f0a59}.chess-piece--compact{font-size:2.05rem}.chess-piece-slot{place-items:center;display:grid}.chess-piece-slot--hidden{opacity:0}.chess-move-marker{z-index:2;aspect-ratio:1;color:#fff;pointer-events:none;background:#1820288f;border-radius:50%;place-items:center;width:25%;font-size:clamp(.47rem,1.1vw,.75rem);font-weight:900;line-height:1;display:grid;position:absolute}.chess-move-marker--capture{background:0 0;border:clamp(.15rem,.5vw,.3rem) solid #18202885;width:78%}.chess-move-marker--capture:not(:empty){background:#26333e;border:0;width:40%}.chess-coordinate{z-index:3;pointer-events:none;font-size:clamp(.51rem,1.08vw,.73rem);font-weight:900;line-height:1;position:absolute}.chess-coordinate--rank{top:.18rem;left:.2rem}.chess-coordinate--file{bottom:.15rem;right:.2rem}.chess-motion-layer{z-index:5;pointer-events:none;grid-template:repeat(8,1fr)/repeat(8,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.chess-motion-piece{will-change:transform, opacity;place-items:center;display:grid}.chess-motion-piece--moving{animation:.3s cubic-bezier(.22,1,.36,1) both chess-piece-move}.chess-motion-piece--captured{z-index:2;animation:.19s cubic-bezier(.25,1,.5,1) .105s both chess-piece-captured}.chess-board--checkmate .chess-square--check .chess-piece{animation:.42s cubic-bezier(.22,1,.36,1) both chess-checkmate-king}@keyframes chess-piece-move{0%{transform:translate(var(--chess-move-x), var(--chess-move-y)) scale(1.05)}72%{transform:translate(0)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes chess-piece-captured{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(var(--chess-kick-x), var(--chess-kick-y)) rotate(var(--chess-kick-rotate)) scale(.72)}}@keyframes chess-checkmate-king{0%,to{transform:translateY(-.02em)scale(1)}45%{transform:translateY(-.02em)scale(.88)}70%{transform:translateY(-.02em)scale(1.08)}}.chess-sidebar{align-content:start;gap:.75rem;min-width:0;display:grid}.chess-turn{background:#28231c;border:1px solid #5c4a30;border-radius:.8rem;align-items:center;gap:.7rem;min-height:5.25rem;padding:.85rem;display:flex}.chess-turn--check{background:#341d22;border-color:#984751}.chess-turn__icon{color:#20252b;background:#d4bc94;border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,serif;font-size:1.35rem;font-weight:900;display:grid}.chess-turn--check .chess-turn__icon{color:#fff;background:#df5962;font-family:inherit}.chess-turn h1{letter-spacing:-.015em;font-size:1.12rem;line-height:1.2}.chess-turn p{color:#c2b8a7;margin-top:.22rem;font-size:.76rem;line-height:1.4}.chess-special{background:#2d271c;border:1px solid #705d38;border-radius:.75rem;gap:.55rem;padding:.75rem;display:grid}.chess-special h2{color:#f0d38e;font-size:.9rem}.chess-special p{color:#bdb29f;margin-top:.12rem;font-size:.72rem}.chess-special ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chess-special li{color:#efe9de;background:#181b1f;border-radius:999px;align-items:center;gap:.38rem;min-height:2rem;padding:.25rem .55rem .25rem .3rem;font-size:.7rem;font-weight:750;display:inline-flex}.chess-special li span{color:#1a1d20;background:#d1b26f;border-radius:50%;place-items:center;min-width:1.42rem;height:1.42rem;font-size:.64rem;font-weight:900;display:grid}.chess-history{border:1px solid var(--border);background:var(--surface-soft);border-radius:.75rem;min-height:9rem;max-height:20rem;display:grid;overflow:hidden}.chess-history header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.65rem .75rem;display:flex}.chess-history header h2{font-size:.92rem}.chess-history header span{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:.7rem}.chess-history>p{color:var(--quiet);text-align:center;align-self:center;padding:1rem;font-size:.76rem;line-height:1.4}.chess-history ol{scrollbar-color:#4b5663 transparent;scrollbar-width:thin;margin:0;padding:.35rem 0;list-style:none;overflow-y:auto}.chess-history li{font-variant-numeric:tabular-nums;grid-template-columns:2.2rem 1fr 1fr;align-items:center;min-height:2rem;padding:0 .75rem;font-size:.78rem;display:grid}.chess-history li:nth-child(2n){background:#ffffff06}.chess-history li span{color:var(--quiet);font-size:.82rem}.chess-history li strong{font-weight:700}.chess-controls{flex-wrap:wrap;gap:.45rem;display:flex}.chess-controls>.button{flex:calc(50% - .45rem);min-height:2.55rem;font-size:.76rem}.chess-resign-confirm{background:var(--danger-soft);border-radius:.65rem;flex:100%;grid-template-columns:1fr 1fr;gap:.4rem;padding:.6rem;display:grid}.chess-resign-confirm span{grid-column:1/-1;font-size:.78rem;font-weight:800}.chess-danger{color:#fff;background:#b33c49;border-color:#8d3944}.chess-danger:hover{background:#c94a57}.chess-rematch{width:100%}.chess-draw-offer{background:#192b38;border:1px solid #3d6f90;border-radius:.75rem;gap:.65rem;padding:.75rem;display:grid}.chess-draw-offer strong{font-size:.88rem}.chess-draw-offer p{color:#b8cede;margin-top:.15rem;font-size:.72rem}.chess-draw-offer>div:last-child{gap:.4rem;display:flex}.chess-draw-offer .button{flex:1;font-size:.76rem}.chess-offer-sent{color:var(--muted);background:#252b31;border-radius:.65rem;padding:.65rem;font-size:.75rem;line-height:1.4}.chess-rules{color:var(--muted);font-size:.74rem;line-height:1.5}.chess-rules summary{cursor:pointer;width:fit-content;font-weight:750}.chess-rules summary:hover{color:var(--ink)}.chess-rules p{margin-top:.45rem}.chess-promotion-backdrop{z-index:30;background:#080a0dc2;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.chess-promotion{background:#1c2025;border:1px solid #725f41;border-radius:.9rem;gap:1rem;width:min(100%,30rem);padding:1.15rem;display:grid;box-shadow:0 .5rem .8rem #00000073}.chess-promotion>div:first-child{gap:.25rem;display:grid}.chess-promotion p{color:var(--muted);font-size:.82rem}.chess-promotion__pieces{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.chess-promotion__pieces button{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;border-radius:.65rem;place-items:center;min-width:0;min-height:5.6rem;padding:.35rem;display:grid}.chess-promotion__pieces button:hover{border-color:var(--chess-gold);background:#30291f}.chess-promotion__pieces button span:last-child{color:var(--muted);font-size:.68rem}.chess-result-backdrop{z-index:31;background:#080a0dcc;place-items:center;padding:1rem;animation:.18s ease-out both chess-result-backdrop-in;display:grid;position:fixed;inset:0}.chess-result{text-align:center;background:#1c2025;border:1px solid #725f41;border-radius:1rem;justify-items:center;gap:1rem;width:min(100%,29rem);padding:1.35rem;animation:.36s cubic-bezier(.22,1,.36,1) both chess-result-in;display:grid;box-shadow:0 1rem 2.4rem #0000007a}.chess-result__mark{color:#20252b;background:#d4bc94;border-radius:50%;place-items:center;width:3.3rem;height:3.3rem;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,serif;font-size:2rem;animation:.42s cubic-bezier(.22,1,.36,1) 90ms both chess-result-mark-in;display:grid;box-shadow:inset 0 -.2rem #422b1940}.chess-result__heading{gap:.2rem;display:grid}.chess-result__heading>p:first-child{color:#d7bd91;font-size:.76rem;font-weight:800}.chess-result__heading h2{letter-spacing:-.025em;font-size:1.75rem}.chess-result__heading>p:last-child{color:var(--muted);font-size:.86rem}.chess-result__score{border:1px solid var(--border);background:var(--surface-soft);border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.chess-result__player{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:.15rem .45rem;min-width:0;padding:.75rem;display:grid;position:relative}.chess-result__player+.chess-result__player{border-left:1px solid var(--border)}.chess-result__player>span{color:#d7bd91;grid-row:1/3;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,serif;font-size:1.55rem}.chess-result__player strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.chess-result__player b{font-variant-numeric:tabular-nums;grid-area:1/3/3;font-size:1.6rem}.chess-result__player small{color:var(--quiet);font-size:.65rem}.chess-result__player--winner{background:#28231c}.chess-result__player i{z-index:1;width:1.1rem;height:1.1rem;color:var(--quiet);background:#1c2025;border-radius:50%;place-items:center;font-size:.72rem;font-style:normal;display:grid;position:absolute;top:50%;right:-.55rem;transform:translateY(-50%)}.chess-result__actions{gap:.5rem;width:100%;display:grid}@keyframes chess-result-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes chess-result-in{0%{opacity:0;transform:translateY(.8rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chess-result-mark-in{0%{opacity:0;transform:scale(.65)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=900px){.chess-layout{grid-template-columns:minmax(24rem,1fr) 18rem}}@media (width<=820px){.chess-layout{grid-template-columns:1fr}.chess-sidebar{justify-self:center;width:min(100%,44.5rem)}.chess-history{max-height:16rem}}@media (width<=520px){.chess-room{gap:.65rem}.chess-header{display:flex}.chess-brand>a{font-size:1.08rem}.chess-brand>a span{width:1.75rem;height:1.75rem;font-size:1.15rem}.chess-player{min-height:3.75rem;padding:.5rem .6rem}.chess-player__piece{width:2.3rem;height:2.3rem}.chess-piece--compact{font-size:1.8rem}.chess-player__identity strong{font-size:.84rem}.chess-player__identity small{font-size:.66rem}.chess-player__score strong{font-size:1.05rem}.chess-board-frame{border-width:.36rem}.chess-piece{font-size:min(11vw,3.25rem)}.chess-sidebar{gap:.6rem}.chess-turn{min-height:4.75rem}.chess-history{min-height:8rem}.chess-promotion{margin-bottom:max(0rem, env(safe-area-inset-bottom));align-self:end}}@media (width<=430px){.chess-header .copy-invite,.chess-player__score i{display:none}.chess-board-frame{border-width:.26rem;border-radius:0;width:calc(100% + 1.5rem);margin-inline:-.75rem}.chess-coordinate{font-size:.52rem}.chess-promotion__pieces button{min-height:4.75rem}.chess-promotion__pieces .chess-piece{font-size:2.25rem}}@media (width<=390px){.uno-header .button{padding-inline:.65rem}.uno-header .copy-invite,.uno-brand>div{display:none}.uno-seat__identity strong{font-size:.66rem}.uno-seat__identity small{font-size:.55rem}.uno-seat__hand{width:3.25rem}.uno-turn__pip{display:none}.uno-playfield{grid-template-columns:5rem 2.5rem 5rem}.uno-card,.uno-discard__empty{width:4.35rem}.uno-pile,.uno-discard{width:5rem}.uno-pile__stack{width:4.35rem}.uno-color-choice{width:2.5rem}}