:root{color-scheme:dark;--bg: #10211c;--bg-2: #173028;--raised: #1e3d33;--raised-line: rgba(228, 194, 122, .18);--ink: #f4efe4;--muted: #c5d0c8;--gold: #e4c27a;--gold-ink: #1c1915;--line: rgba(228, 194, 122, .55);--hair: rgba(228, 194, 122, .12);--felt: #1d463b;--card: #fff8ec;--card-edge: #e6dcc4;--back: #1b3f6a;--focus: #f0d48a;--bad: #e07a68;--bad-ink: #f0a08f;--good: #8fd0a8;--switch-off: #3a4a44;--flip: .28s;--ease: cubic-bezier(.2, .7, .2, 1);--serif: "Iowan Old Style", Palatino, Georgia, serif;--sans: -apple-system, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--felt-img: url(../felt.jpg);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);font-family:var(--sans);font-size:17px;line-height:1.3}:root[data-theme=light]{color-scheme:light;--bg: #efe6d4;--bg-2: #f7f1e4;--raised: #fbf7ee;--raised-line: rgba(28, 25, 21, .14);--ink: #1c1915;--muted: #3e4a43;--felt: #245c4c;--line: rgba(28, 25, 21, .35);--hair: rgba(28, 25, 21, .12);--gold: #8a6512;--gold-ink: #fffaf0;--focus: #6d4a07;--bad: #a3392a;--bad-ink: #8c2c1f;--good: #1f6b42;--switch-off: #b9b2a2;--felt-img: url(../table-surface.jpg)}:root[data-contrast="1"]{--bg: #000;--bg-2: #0b0b0b;--raised: #141414;--raised-line: rgba(255, 255, 255, .5);--ink: #fff;--muted: #e8e8e8;--card: #fff;--gold: #ffe08a;--line: rgba(255, 224, 138, .85);--felt: #003322;--felt-img: none}:root[data-dyslexia="1"]{--sans: Verdana, "Trebuchet MS", sans-serif;--serif: Verdana, "Trebuchet MS", sans-serif}:root[data-large="1"]{font-size:19px}:root[data-motion="1"]{--flip: 0ms}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--felt-img) 0 0 / 256px 256px repeat,var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{min-height:44px;min-width:44px;cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2{font-family:var(--serif);font-weight:600;margin:0}h1{font-size:28px;line-height:34px}h2{font-size:20px;line-height:26px}p{margin:0}.app{height:100dvh;display:flex;flex-direction:column;padding:var(--sat) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));overflow:hidden}.topbar{flex:0 0 48px;height:48px;display:grid;grid-template-columns:44px 1fr 44px 44px;align-items:center;gap:2px}.topbar-title{min-width:0;text-align:center;font:600 17px/1.2 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;gap:8px}.topbar-title>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar-title>.tag{flex:0 0 auto}.topbar-title.wordmark{font-family:var(--serif);font-size:19px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--ink);padding:0}.icon-btn svg{width:24px;height:24px}.icon-btn[aria-current=page]{color:var(--gold)}.icon-btn:active,.mode-card:active,.gold:active,.ghost:active{transform:scale(.97);transition:transform .1s}.tag{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:var(--gold);color:var(--gold-ink)}.tag.quiet{background:var(--raised);color:var(--muted);border:1px solid var(--raised-line)}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 calc(20px + var(--sab));display:flex;flex-direction:column;gap:16px}.screen>*{flex-shrink:0}.screen-head{display:grid;gap:4px}.lede{color:var(--muted);font-size:15px;line-height:20px}.gold,.ghost{min-height:48px;padding:0 16px;border-radius:12px;font:600 17px/1 var(--sans);border:1px solid var(--line);background:transparent;color:var(--ink)}.gold{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.hint-btn{display:inline-grid;place-content:center;gap:3px}.btn-sub{font:500 12px/1 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}.gold.wide,.ghost.wide{width:100%}.gold.tall{min-height:50px}.quiet-link{border-color:transparent;color:var(--muted)}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}button:disabled{opacity:.45;cursor:default}.modes{display:grid;gap:10px}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;align-items:center}.home-intro .lede{margin:0}.home-hero{width:132px;height:88px;object-fit:contain;pointer-events:none}@media(max-height:740px){.home-intro{grid-template-columns:1fr}.home-hero{display:none}}.mode-card{min-height:88px;width:100%;border-radius:16px;background:var(--bg-2);border:1px solid var(--raised-line);padding:16px;display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;text-align:left;color:var(--ink)}.mode-card.continue{border-color:var(--line);background:var(--raised)}.mode-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#e4c27a1f;color:var(--gold)}.mode-icon svg{width:34px;height:34px}.mode-icon img{width:40px;height:53px;border-radius:5px}.mode-icon.art{background:#ffe9cc24}.mode-icon.art img{width:52px;height:52px;border-radius:0;object-fit:contain}.mode-title{display:block;font:600 17px/22px var(--sans)}.mode-blurb{display:block;font:400 13px/18px var(--sans);color:var(--muted);margin-top:2px}.chev{color:var(--muted);width:16px;height:16px}.stage{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;padding-bottom:var(--sab)}.players{flex:0 0 auto;display:grid;grid-template-columns:repeat(var(--pc, 2),minmax(0,1fr));gap:6px;padding:4px 0 6px}.players[data-count="1"]{grid-template-columns:minmax(0,220px)}.player{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding:7px 10px;border-radius:12px;background:var(--raised);border:1px solid var(--raised-line)}.players[data-compact="1"] .player{padding:6px 7px;gap:3px 6px;grid-template-columns:22px minmax(0,1fr);grid-template-areas:"avatar tags" "name name" "score score"}.players[data-compact="1"] .player-text,.players[data-compact="1"] .player-name{display:contents}.players[data-compact="1"] .avatar{grid-area:avatar;width:22px;height:22px;font-size:12px}.players[data-compact="1"] .avatar svg{width:14px;height:14px}.players[data-compact="1"] .player-name>span:first-child{grid-area:name;min-width:0;font-size:14px;white-space:nowrap}.players[data-compact="1"] .player-tags{grid-area:tags;justify-self:end}.players[data-compact="1"] .player-score{grid-area:score;font-size:12px}.player-tags{display:flex;gap:4px;flex:0 0 auto;min-width:0}.player-tags:empty{display:none}.player[data-away="1"]{opacity:.6;border-style:dashed}.tag.away{background:transparent;color:var(--bad-ink);border:1px solid var(--bad)}.player .tag.level{text-transform:capitalize;letter-spacing:0}.player-score{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player[data-turn="1"]{border-color:var(--gold)}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 14px/1 var(--sans);background:var(--bg);color:var(--ink);border:1px solid var(--raised-line)}.avatar svg{width:18px;height:18px}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar:has(img){border:0;background:transparent;overflow:visible}.player[data-turn="1"] .avatar:has(img){box-shadow:0 0 0 2px var(--gold);background:transparent}.player[data-turn="1"] .avatar{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.player-text{min-width:0;display:grid;gap:3px}.player-name{font:600 15px/1.1 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.player-name>span:first-child{overflow:hidden;text-overflow:ellipsis}.player-score{font:500 13px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--muted)}.player .tag{font-size:10px;padding:3px 5px;flex:0 0 auto}.status{flex:0 0 32px;height:32px;display:flex;align-items:center;justify-content:center;font:500 15px/1 var(--sans);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.status strong{color:var(--ink);font-weight:600}.reveal-bar{position:absolute;left:25%;right:25%;bottom:2px;height:3px;border-radius:2px;background:var(--hair);overflow:hidden}.reveal-bar>span{display:block;height:100%;width:calc(100% * var(--left, 1));background:var(--gold);transition:width .2s linear}.status[data-pill="1"]{padding:0 64px}.clock-pill{position:absolute;right:0;top:50%;translate:0 -50%;min-width:48px;padding:5px 10px;border-radius:999px;background:var(--raised);border:1px solid var(--raised-line);color:var(--ink);font:600 15px/1 var(--sans);font-variant-numeric:tabular-nums;text-align:center}.clock-pill[data-low="1"]{color:var(--bad-ink);border-color:var(--bad)}.budget{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 4px 6px;font:500 13px/18px var(--sans);font-variant-numeric:tabular-nums;color:var(--muted)}.budget-bar{height:4px;border-radius:2px;background:var(--hair);overflow:hidden}.budget-bar>span{display:block;height:100%;width:calc(100% * var(--left, 1));background:var(--gold);transition:width .2s linear}.budget[data-low="1"]{color:var(--bad-ink)}.budget[data-low="1"] .budget-bar>span{background:var(--bad)}.caption{flex:0 0 auto;text-align:center;font:400 13px/18px var(--sans);color:var(--muted)}.scroller{flex:1;min-height:0;container-type:size;overflow:hidden;padding:0}.table-col{--pad-top: clamp(4px, 2.5cqh, 24px);--actions-h: 64px;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:var(--pad-top)}.board{--gap: 6px;--ar: .75 ;--w-limit: calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));--h-limit: calc((100cqh - var(--pad-top) - var(--actions-h) - (var(--rows) - 1) * var(--gap)) / var(--rows) * var(--ar));--tile: min(var(--w-limit), var(--h-limit), 132px);flex:0 0 auto;display:grid;grid-template-columns:repeat(var(--cols),var(--tile));gap:var(--gap);width:auto;margin:0}.board[data-cols="8"]{--gap: 4px}.tile{appearance:none;border:0;background:transparent;padding:0;width:var(--tile);min-width:0;min-height:0;border-radius:10px;perspective:900px;cursor:pointer}.tile:disabled{cursor:default;opacity:1}.tile-inner{position:relative;display:block;width:100%;height:calc(var(--tile) / var(--ar));transform-style:preserve-3d;transition:transform var(--flip) var(--ease)}.tile[data-up="1"] .tile-inner{transform:rotateY(180deg)}:root[data-motion="1"] .tile-inner{transition:none}.back,.front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;box-shadow:0 1px #ffffff14 inset,0 4px 10px #00000059;overflow:hidden}.back{background:var(--back);box-shadow:inset 0 0 0 1.5px #e4c27a8c,0 4px 10px #00000059}.back-art{width:100%;height:100%;object-fit:cover;display:block}.coord{position:absolute;top:5px;left:5px;padding:2px 4px;border-radius:4px;background:#10211cd9;color:var(--gold);font:600 11px/1 var(--sans);font-variant-numeric:tabular-nums}.front{transform:rotateY(180deg);background:var(--card);box-shadow:inset 0 0 0 1px var(--card-edge),0 4px 10px #00000059}.tile[data-match="1"]{opacity:.82;animation:pop .32s var(--ease)}.tile[data-match="1"] .front{box-shadow:0 0 0 2px var(--gold),0 4px 10px #00000059}.tile.miss{animation:nudge .24s var(--ease) var(--flip) both}.tile .front,.tile .back{transition:box-shadow .2s var(--ease)}.tile.hinted{animation:pop .6s var(--ease) 2}.tile.hinted .back,.tile.hinted .front{box-shadow:0 0 0 3px var(--gold),0 0 18px #e4c27a99}.tile.cue .back{box-shadow:0 0 0 3px var(--gold),0 0 14px #e4c27a8c}.tile.cue{animation:cue .3s var(--ease) both}@keyframes cue{0%{transform:translateY(0)}to{transform:translateY(-3px)}}:root[data-motion="1"] .tile .front,:root[data-motion="1"] .tile .back{transition:none}@keyframes pop{50%{transform:scale(1.06)}}@keyframes nudge{25%{translate:-4px 0}75%{translate:4px 0}}.face{width:100%;height:100%;display:block}.face-pic{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;padding:7% 8% 8%;background:var(--card)}.face-pic img,.face-glyph{width:100%;height:100%;min-height:0;object-fit:contain;display:block}.face-label{font:600 13px/1.15 var(--sans);color:#1c1915;text-align:center;margin-top:3px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-sound{font-weight:500;color:#3e4a43}.board[data-cols="5"] .face-label,.board[data-cols="6"] .face-label{font-size:12px}.board[data-cols="8"] .face-label{font-size:10px;margin-top:1px}.board[data-cols="8"] .face-pic{padding:6% 5% 5%}.face-num{display:grid;place-items:center;font:700 calc(var(--tile) * .5) / 1 var(--sans);font-variant-numeric:tabular-nums;background:var(--card)}.face-card{position:relative;background:var(--card)}.pc-corner{position:absolute;top:6%;left:8%;display:grid;justify-items:center;gap:2px;font:700 16px/1 var(--sans)}.pc-corner svg{width:12px;height:12px}.board[data-cols="6"] .pc-corner{font-size:13px}.board[data-cols="8"] .pc-corner{font-size:12px}.board[data-cols="8"] .pc-corner svg{width:9px;height:9px}.pc-pip{position:absolute;left:20%;right:20%;top:26%;width:60%;height:60%}.actions{flex:0 0 auto;width:100%;display:flex;gap:8px;padding:8px 0;position:relative;min-height:var(--actions-h, 64px)}.actions .gold{flex:1}:root[data-hand=left] .actions{flex-direction:row-reverse}.toast{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:5}.alert{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#e07a6824;color:var(--bad-ink);border:1px solid rgba(224,122,104,.4);font:500 15px/20px var(--sans)}.alert.info{background:#e4c27a1f;color:var(--ink);border-color:var(--raised-line)}.alert svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px}.toast .alert{background:#3a2420;box-shadow:0 6px 18px #0006}.toast .alert.info{background:var(--raised)}:root[data-theme=light] .toast .alert{background:#fbeee9}:root[data-theme=light] .toast .alert.info{background:var(--raised)}.stage[data-done="1"]:after{content:"";position:absolute;inset:0;background:#00000059;pointer-events:none}.results{position:fixed;inset:auto 0 0;z-index:20;padding:10px 20px calc(20px + var(--sab));border-radius:20px 20px 0 0;background:var(--bg-2);box-shadow:0 -12px 40px #00000080;display:grid;gap:12px;justify-items:center;text-align:center;animation:up .36s var(--ease) both;max-height:88dvh;overflow-y:auto}:root[data-motion="1"] .results{animation:none}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.grabber{width:36px;height:5px;border-radius:3px;background:var(--raised-line)}.win-art,.lose-art{width:min(100%,300px);aspect-ratio:2 / 1;height:auto;object-fit:contain}.lose-art{width:min(100%,240px)}@media(max-height:740px){.win-art,.lose-art{width:min(100%,200px)}}.waiting-art{width:min(100%,280px);aspect-ratio:4 / 3;height:auto;object-fit:contain;justify-self:center}@media(max-height:740px){.waiting-art{width:min(100%,180px)}}.sheet-backdrop{position:fixed;inset:0;z-index:19;border:0;padding:0;margin:0;background:#00000073;cursor:default}.results.sheet{justify-items:stretch;text-align:left;gap:14px;padding-top:10px}.results.sheet>.grabber{justify-self:center}.results.sheet>h2{text-align:center}.field-note{font:400 13px/18px var(--sans);color:var(--muted)}.stats{font:500 17px/22px var(--sans);font-variant-numeric:tabular-nums;color:var(--ink)}.best-line{font:500 15px/20px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}.best-line.new{color:var(--gold)}.proof{font:400 13px/18px var(--sans);color:var(--muted);max-width:32em}.proof.fair{display:inline-flex;align-items:center;gap:4px;color:var(--good)}.proof.fair svg{width:15px;height:15px}.sheet-actions{display:grid;gap:8px;width:100%}.win-fan{display:flex;justify-content:center;padding:6px 0 2px;height:104px}.mini-card{width:60px;height:80px;border-radius:8px;overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-edge),0 6px 14px #0006;--tile: 60px}.mini-card .face-label{font-size:10px}.win-fan .mini-card:nth-child(1){rotate:-10deg;translate:10px 8px}.win-fan .mini-card:nth-child(2){z-index:1}.win-fan .mini-card:nth-child(3){rotate:10deg;translate:-10px 8px}.score-table{width:100%;border-collapse:collapse;font:400 15px/20px var(--sans);font-variant-numeric:tabular-nums}.score-table th,.score-table td{padding:4px 6px;text-align:right}.score-table th:first-child{text-align:left;font-weight:600;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-table thead th{font:500 12px/16px var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.score-table tbody tr{border-top:1px solid var(--hair)}.score-table tr[data-you="1"] th{color:var(--gold)}.highlights{list-style:none;margin:0;padding:0;display:grid;gap:4px;font:400 15px/20px var(--sans);color:var(--ink)}.highlights li:before{content:"★ ";color:var(--gold)}.achievement{font:600 15px/20px var(--sans);color:var(--gold)}.achievements{list-style:none;margin:0;padding:0}.achievements li[data-earned="0"]>span:first-child{color:var(--muted)}.achievements .seat-state svg{width:18px;height:18px}.waiting-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 15px/20px var(--sans);color:var(--muted)}.reaction-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.reaction-row .ghost{padding:0 4px;font-size:15px;min-height:44px;background:var(--bg-2)}.reaction-bubble{position:absolute;left:50%;top:92px;translate:-50% 0;z-index:6;padding:8px 14px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font:600 15px/1 var(--sans);box-shadow:0 6px 18px #0006;animation:bubble 2.2s var(--ease) both;pointer-events:none}@keyframes bubble{0%{opacity:0;translate:-50% 8px}10%,85%{opacity:1;translate:-50% 0}to{opacity:0}}:root[data-motion="1"] .reaction-bubble{animation:none}.stage[data-done="1"] .tile[data-match="1"]{animation:pop .6s var(--ease) calc(var(--i, 0) * 30ms) both}:root[data-motion="1"] .tile,:root[data-motion="1"] .stage[data-done="1"] .tile[data-match="1"]{animation:none}.confetti{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.confetti span{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:fall 1.2s cubic-bezier(.3,.6,.5,1) both}@keyframes fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--dx),70dvh,0) rotate(540deg);opacity:0}}.panel{background:var(--bg-2);border:1px solid var(--raised-line);border-radius:16px;padding:16px;display:grid;gap:12px}.field{display:grid;gap:6px;font:500 15px/20px var(--sans)}.field>span:first-child{color:var(--muted);font-size:13px}input,select,textarea{min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:10px 12px;font:400 17px/1.2 var(--sans);width:100%}textarea{resize:vertical;font:400 13px/1.4 ui-monospace,Menlo,monospace}.code-input{font:600 24px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;text-align:center;text-transform:uppercase}.row{display:flex;flex-wrap:wrap;gap:8px}.row>.gold,.row>.ghost{flex:1}.group-head{font:600 13px/18px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 16px -8px}.group{background:var(--bg-2);border:1px solid var(--raised-line);border-radius:16px;overflow:hidden}.row-setting{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 16px;border-bottom:1px solid var(--hair);font:400 17px/22px var(--sans)}.group>.row-setting:last-child,.group>details:last-child>.row-setting{border-bottom:0}.row-setting .sub{display:block;font-size:13px;line-height:18px;color:var(--muted)}.switch{appearance:none;-webkit-appearance:none;flex:0 0 51px;width:51px;height:31px;min-height:31px;padding:0;border:0;border-radius:16px;background:var(--switch-off);position:relative;transition:background .2s;cursor:pointer;margin:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:translate .2s}.switch:checked{background:var(--gold)}.switch:checked:after{translate:20px 0}:root[data-motion="1"] .switch,:root[data-motion="1"] .switch:after{transition:none}label.row-setting{cursor:pointer}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;border-radius:12px;background:var(--bg);border:1px solid var(--raised-line)}.segmented button{min-height:44px;min-width:0;border:0;border-radius:10px;background:transparent;font:600 15px/1 var(--sans);color:var(--muted);padding:0 10px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--gold);color:var(--gold-ink)}.segmented.scroll{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:8px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.segmented.scroll::-webkit-scrollbar{display:none}.segmented.scroll button{flex:0 0 auto;scroll-snap-align:start}.segmented.scroll button:last-child{margin-right:28px}.size-picker{display:grid;gap:6px}.size-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:500 13px/18px var(--sans);color:var(--muted)}.size-sub{font-variant-numeric:tabular-nums}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;border-radius:12px;background:var(--bg);border:1px solid var(--raised-line)}.size-grid button{min-height:48px;min-width:0;border:0;border-radius:10px;background:transparent;color:var(--muted);display:grid;place-content:center;gap:2px;padding:4px 0}.size-n{font:600 17px/1 var(--sans);font-variant-numeric:tabular-nums}.size-dim{font:500 11px/1 var(--sans);opacity:.8}.size-grid button[aria-pressed=true]{background:var(--gold);color:var(--gold-ink)}.size-warn{display:flex;gap:6px;align-items:flex-start;font:400 13px/18px var(--sans);color:var(--muted)}.size-warn svg{flex:0 0 16px;width:16px;height:16px;margin-top:1px;color:var(--gold)}.size-line{text-align:center;font:500 15px/20px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}.segmented-row{padding:10px 16px;border-bottom:1px solid var(--hair);display:grid;gap:8px}.segmented-row>span{font:400 17px/22px var(--sans)}details.advanced>summary{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;font:400 17px/22px var(--sans)}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:after{content:"›";color:var(--muted);font-size:22px;transition:rotate .2s}details.advanced[open]>summary:after{rotate:90deg}.advanced-body{display:grid;gap:12px;padding:4px 16px 16px}.about{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--hair)}.about-head{font:600 13px/18px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.stepper{display:grid;grid-template-columns:44px 48px 44px;align-items:center;gap:4px}.stepper button{border:1px solid var(--line);border-radius:12px;background:transparent;font:600 22px/1 var(--sans)}.stepper output{text-align:center;font:600 20px/1 var(--sans);font-variant-numeric:tabular-nums}.conn{display:flex;align-items:center;gap:8px;font:500 15px/20px var(--sans);color:var(--muted);min-height:20px}.conn[data-state=connected]{color:var(--good)}.conn[data-state=reconnecting]{color:var(--gold)}.conn.alert[data-state=unreachable]{position:sticky;top:-8px;z-index:3;color:var(--bad-ink);background:linear-gradient(#e07a6824,#e07a6824),var(--bg)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--raised-line);border-top-color:var(--gold);animation:spin .8s linear infinite}:root[data-motion="1"] .spinner{animation:none}@keyframes spin{to{rotate:360deg}}.room-code{display:block;text-align:center;font:700 40px/1.1 ui-monospace,Menlo,monospace;letter-spacing:.2em;color:var(--gold);padding-left:.2em}.seats{list-style:none;margin:0;padding:0;display:grid;gap:0}.seat{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid var(--hair)}.seat:last-child{border-bottom:0}.seat-name{font:500 17px/22px var(--sans);display:flex;gap:6px;align-items:center;min-width:0}.seat-state{font:500 15px/1 var(--sans);color:var(--muted)}.seat-state.ready{color:var(--good)}.seat-state.away{color:var(--bad-ink)}.seat[data-away="1"] .avatar,.seat[data-away="1"] .seat-name{opacity:.55}.seat:has(.seat-remove){grid-template-columns:28px 1fr auto 44px}.seat:has(.seat-more){grid-template-columns:28px 1fr auto 44px}.seat:has(.seat-more):has(.seat-remove){grid-template-columns:28px 1fr auto 44px 44px}.seat-remove{border:0;background:transparent;color:var(--muted);font:400 24px/1 var(--sans);border-radius:12px}.seat-more{border:0;background:transparent;color:var(--muted);border-radius:12px;display:grid;place-items:center;padding:0}.seat-more svg{width:22px;height:22px}.player{position:relative}.player-more{position:absolute;inset:0;min-height:0;min-width:0;border:0;border-radius:inherit;background:transparent;color:var(--muted);padding:0 6px 2px 0;display:flex;align-items:flex-end;justify-content:flex-end}.player-more svg{width:16px;height:16px}.person-sheet h2{overflow-wrap:anywhere}.help-links{display:grid;gap:8px;padding:12px 0}.lobby-summary{text-align:center;font:400 15px/20px var(--sans);color:var(--muted)}.deal-reason{text-align:center;font:500 15px/20px var(--sans);color:var(--muted);min-height:20px;margin-top:-4px}.preset-row{display:flex;flex-wrap:wrap;gap:6px}.preset-row button{flex:1 1 auto;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--raised-line);background:var(--bg);color:var(--muted);font:600 15px/1 var(--sans);white-space:nowrap}.preset-row button[aria-pressed=true]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.preset-note{color:var(--muted)}.preset-row button:disabled{opacity:.4}.house-rules>summary{color:var(--ink);font-weight:600}.house-body{display:grid;gap:14px;padding:4px 0 8px}.choice-row button{font-size:14px;min-height:44px;padding:0 10px}.rule-switches{border-radius:12px}.rule-switches .row-setting{font-size:16px}.rules-list.compact{gap:4px;font-size:13px;line-height:18px}.save-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.saved-list{list-style:none;margin:0;padding:0;display:grid}.saved-list li{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--hair);font:500 15px/20px var(--sans)}.saved-list li:last-child{border-bottom:0}.rules-list{margin:0;padding:0 0 0 18px;display:grid;gap:8px;font:400 15px/20px var(--sans);color:var(--muted)}.disclosure>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font:500 15px/20px var(--sans);color:var(--muted);list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:"›";font-size:22px;transition:rotate .2s}.disclosure[open]>summary:after{rotate:90deg}.howto{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.howto figure{margin:0;display:grid;gap:6px;justify-items:center;text-align:center;font:500 13px/18px var(--sans);color:var(--muted)}.howto .pair{display:flex;gap:4px}.howto .mini{width:36px;height:48px;border-radius:5px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-edge),0 2px 5px #0000004d;display:grid;place-items:center;overflow:hidden}.howto .mini img{width:30px;height:30px}.howto .mini.down{background:var(--back)}.howto .mini.down img{width:100%;height:100%;object-fit:cover}.howto .mini.matched{box-shadow:0 0 0 2px var(--gold);opacity:.85}.sticky-actions{position:sticky;bottom:0;padding:8px 0 0;background:linear-gradient(to bottom,transparent,var(--bg) 30%)}.live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){:root{--flip: 0ms}.tile,.results,.spinner,.confetti span{animation:none!important}}