:root{--bg:#10131a;--surface:#1a1f2b;--surface-2:#232936;--line:#303747;--text:#eef1f6;--text-muted:#aeb8ca;--accent:#ff5151;--radius:14px;--pick-red:#d64550;--pick-yellow:#f0a202;--pick-green:#1e8f6e;--pick-blue:#3b5bdb}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;overscroll-behavior-y:none}.app-shell{max-width:900px;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.brand{font-weight:800;letter-spacing:-.02em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.btn{border:0;border-radius:10px;font-weight:600}.btn-accent{background:var(--accent);color:#fff}.btn-accent:focus,.btn-accent:hover{background:hsl(0,100%,57.8823529412%);color:#fff}.btn-accent:disabled{opacity:.45}.btn-quiet{background:var(--surface-2);color:var(--text)}.btn-quiet:focus,.btn-quiet:hover{background:var(--line);color:var(--text)}.btn-quiet:disabled{opacity:.45}.form-control{border:1px solid var(--line);border-radius:10px}.form-control,.form-control:focus{background:var(--surface-2);color:var(--text)}.form-control:focus{border-color:var(--accent);box-shadow:none}.form-control::placeholder{color:var(--text-muted)}.room-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2rem;font-weight:800;letter-spacing:.3em;text-indent:.3em}.card-face{position:relative;display:grid;place-items:center;width:var(--cw,68px);height:calc(var(--cw, 68px)*1.5);border-radius:calc(var(--cw, 68px)*.12);border:calc(var(--cw, 68px)*.07) solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.45);font-weight:900;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:0 0 auto;overflow:hidden}.card-face.c-red{--card:#d64550;--ink:rgb(77.8253433532%,17.1550488037%,21.7576228729%)}.card-face.c-yellow{--card:#f0a202;--ink:rgb(50.4812834225%,34.0748663102%,0.4206773619%)}.card-face.c-green{--card:#1e8f6e;--ink:rgb(9.6837810269%,46.159356228%,35.5071970985%)}.card-face.c-blue{--card:#3b5bdb;--ink:rgb(15.0547667343%,28.4367816092%,81.9648411089%)}.card-face.c-wild{--card:#17181c;--ink:#17181c}.card-face{background:var(--card)}.card-face:before{content:"";position:absolute;inset:9% 6%;border-radius:50%;background:#fff;transform:rotate(-22deg)}.card-face.c-wild:before{background:conic-gradient(from 45deg,#d64550 0 25%,#f0a202 0 50%,#1e8f6e 0 75%,#3b5bdb 0)}.card-face .glyph{position:relative;z-index:1;font-size:calc(var(--cw, 68px)*.5);line-height:1;color:var(--ink)}.card-face.c-wild .glyph{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.7)}.card-face .corner{position:absolute;z-index:1;font-size:calc(var(--cw, 68px)*.19);line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.card-face .corner-tl{top:5%;left:7%}.card-face .corner-br{bottom:5%;right:7%;transform:rotate(180deg)}.card-back{background-color:#262c3a;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 6px,transparent 0 12px);border-color:var(--line);color:var(--text-muted)}.card-back:before{inset:30% 18%;background:rgba(0,0,0,.35);transform:rotate(-22deg)}.card-back .glyph{color:var(--text-muted);font-size:calc(var(--cw, 68px)*.26);text-shadow:none}.hand-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:.75rem .25rem .5rem}.hand-row .hand-card{transition:transform .12s ease;background:none;border:0;padding:0}.hand-row .hand-card.is-playable{transform:translateY(-8px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.hand-row .hand-card.is-dead{opacity:.75}.hand-row .hand-card:active.is-playable{transform:translateY(-14px) scale(1.04)}.discard-stack{display:grid;place-items:center;grid-gap:.35rem;gap:.35rem}.colour-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.colour-dot.c-red{background:#d64550}.colour-dot.c-yellow{background:#f0a202}.colour-dot.c-green{background:#1e8f6e}.colour-dot.c-blue{background:#3b5bdb}.opponent{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:.5rem .75rem}.opponent.is-turn{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,81,81,.25)}.opponent.is-offline{opacity:.55}.last-call{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.last-call{animation:none}.hand-row .hand-card{transition:none}}.turn-banner{border-radius:10px;padding:.5rem .75rem;font-weight:700;background:var(--surface-2)}.turn-banner.is-you{background:rgba(255,81,81,.15);color:#ffb3b3}.log-line{color:var(--text-muted);font-size:.85rem}.uc-card{position:relative;width:var(--cw,62px);height:calc(var(--cw, 62px)*1.45);border-radius:calc(var(--cw, 62px)*.1);background:linear-gradient(160deg,#fdfdfb,#f2f0e9);color:#1b1b1b;border:1px solid rgba(0,0,0,.35);box-shadow:0 3px 9px rgba(0,0,0,.45);font-weight:700;overflow:hidden}.uc-card.is-red{color:#c0392b}.uc-card .uc-index{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.95;font-size:calc(var(--cw, 62px)*.24);font-weight:800}.uc-card .uc-index .s{font-size:calc(var(--cw, 62px)*.19)}.uc-card .uc-index.tl{top:5%;left:7%}.uc-card .uc-index.br{bottom:5%;right:7%;transform:rotate(180deg)}.uc-card .uc-pip{place-items:center;font-size:calc(var(--cw, 62px)*.52);opacity:.9}.uc-card .uc-court,.uc-card .uc-pip{position:absolute;inset:0;display:grid}.uc-card .uc-court{place-items:center;font-size:calc(var(--cw, 62px)*.46);font-weight:900}.uc-slot{background:none;border:0;padding:0;border-radius:11px}.uc-slot.is-target{outline:2px solid var(--accent);outline-offset:3px}.uc-slot:active.is-target{transform:scale(.96)}.uc-slot:disabled{cursor:default}.panel.is-turn{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,81,81,.2)}.menu-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr}@media(min-width:560px){.menu-grid{grid-template-columns:1fr 1fr}}.menu-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;text-align:left;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);overflow:hidden}.menu-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tile-accent,var(--accent))}.menu-tile:focus-visible,.menu-tile:hover:not(:disabled){border-color:var(--tile-accent,var(--accent));background:var(--surface-2)}.menu-tile:active:not(:disabled){transform:scale(.99)}.menu-tile:disabled{opacity:.55}.menu-title{font-weight:800;font-size:1.15rem;letter-spacing:-.01em}.menu-blurb{color:var(--text-muted);font-size:.9rem;font-weight:400;line-height:1.35}.menu-meta{display:flex;gap:.4rem;color:var(--text-subtle,var(--text-muted));font-size:.78rem;font-weight:500;opacity:.8}.menu-cta{margin-top:.35rem;align-self:stretch;text-align:center;padding:.5rem;border-radius:9px;background:var(--tile-accent,var(--accent));color:#fff;font-weight:700}.menu-motif{display:flex;gap:3px;height:30px;align-items:flex-end;margin-bottom:.15rem}.menu-motif i{display:block;width:15px;height:22px;border-radius:3px}.menu-motif.is-stack i{width:17px;height:24px;display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:800;background:#262c3a;border:1px solid var(--line);color:var(--text-muted)}.menu-motif.is-stack i.is-up{background:#f6f4ef;color:#c0392b;border-color:rgba(255,255,255,.7)}.room-code-inline{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.18em;color:var(--text)}.rules{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rules>summary{cursor:pointer;padding:.85rem 1rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:.5rem;list-style:none}.rules>summary::-webkit-details-marker{display:none}.rules>summary:after{content:"▾";color:var(--text-muted);transition:transform .15s ease}.rules[open]>summary:after{transform:rotate(180deg)}.rules[open]>summary{border-bottom:1px solid var(--line)}.rules .rules-hint{margin-left:auto;margin-right:.4rem;font-weight:400;font-size:.78rem;color:var(--text-muted)}.rules[open] .rules-hint{display:none}.rules .rules-body{padding:.25rem 1rem 1rem;max-height:60vh;overflow-y:auto}.rules h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:1rem 0 .35rem}.rules ul{margin:0;padding-left:1.1rem}.rules li{color:var(--text-muted);font-size:.92rem;line-height:1.45;margin-bottom:.3rem}.play-screen{display:flex;flex-direction:column;gap:.85rem;min-height:calc(100dvh - 2rem)}.table-fill{flex:1 1;justify-content:space-between}.turn-banner{font-size:1.05rem;padding:.7rem .9rem}.log-line{line-height:1.4}.log-line,.menu-blurb{font-size:.95rem}.menu-meta{font-size:.84rem;opacity:.9}.rules li{font-size:.98rem}.rules h3{font-size:.88rem}.match-won{background:rgba(255,81,81,.15);color:#ffb3b3;border-radius:10px;padding:.75rem 1rem;font-weight:800;font-size:1.1rem;text-align:center}