:root{color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.welcome{max-width:44rem;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.eyebrow{color:var(--cyan);letter-spacing:.08em;font-size:.875rem}h1{margin:1rem 0;font-size:clamp(2.4rem,8vw,4rem);line-height:1.1}p{line-height:1.65}.panel{background:var(--surface);color:var(--ink);box-shadow:0 1rem 3rem var(--shadow);border-radius:1.25rem;margin:1.5rem 0;padding:clamp(1rem,4vw,2rem)}.panel h2{margin-top:0}form{gap:.9rem;margin-bottom:1rem;display:grid}label{gap:.4rem;margin:.7rem 0;font-weight:600;display:grid}input,select,button{font:inherit;border-radius:.5rem;min-height:48px;padding:.7rem .85rem}input,select{border:1px solid var(--border);background:var(--field);width:100%;color:var(--ink)}button{background:var(--action);border:1px solid var(--action);color:var(--action-ink);cursor:pointer;margin:.3rem .3rem .3rem 0;font-weight:650}button.secondary{color:inherit;background:0 0;border-color:currentColor}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.toolbar h2{margin:0}.hint{margin:0;font-size:.875rem}.password-control{align-items:stretch;gap:.5rem;display:flex}.password-control input{flex:1;min-width:0}.password-reveal{touch-action:none;-webkit-user-select:none;user-select:none;flex:none;margin:0;font-size:.85rem}.notice{background:var(--warning-surface);color:var(--warning);border-radius:.6rem;padding:1rem}.code strong{letter-spacing:.15em}.preference{align-items:center;gap:.75rem;display:flex}.preference input{width:22px;min-height:22px}li{padding:.5rem 0}.game-table{background:var(--table);color:var(--ink);border:1px solid var(--border);border-radius:1rem;margin-top:1rem;padding:1rem}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.turn-label{border-left:3px solid var(--cyan);background:var(--surface-raised);padding:.7rem}.pick-piles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.pile-button{background:var(--surface-raised);border-color:var(--border);min-width:0;color:var(--ink);flex-direction:column;align-items:center;gap:.45rem;display:flex}.pile-button:disabled{opacity:.72;cursor:default}.playing-card,.card-back{width:72px;height:104px;box-shadow:0 3px 0 var(--shadow), 0 6px 10px var(--shadow);border:1px solid var(--card-back-border);border-radius:.55rem;flex:none;display:inline-flex;position:relative}.playing-card{background:linear-gradient(135deg, var(--card-face), var(--card-face-end));color:var(--card-ink)}.playing-card.red{color:var(--card-red)}.card-corner{flex-direction:column;font-size:1.2rem;font-weight:750;line-height:1.1;display:flex;position:absolute;top:5px;left:7px}.card-pip{text-align:center;align-self:center;width:100%;margin-top:1rem;font-size:2.3rem}.card-back{background-color:var(--page);background-image:var(--card-back-image);border-color:var(--card-back-border);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;font-size:.8rem;font-weight:750}.card-back.empty{background:var(--table);color:var(--ink-muted);background-image:none;border-style:dashed}.discard-area{border-bottom:1px solid var(--border);padding:1rem 0}.hand-cards{scrollbar-color:var(--blue) var(--table);flex-wrap:wrap;gap:.45rem;padding:.5rem .2rem 1rem;display:flex}.unopened-packs{flex-wrap:wrap;gap:.5rem;display:flex}.unopened-packs span{border:1px solid var(--border);border-radius:.4rem;padding:.5rem;font-size:.85rem}.deck-wait,.milestone-note{border:1px solid var(--violet);background:var(--purple-surface);border-radius:.5rem;padding:.8rem}details{margin-top:1.2rem}summary{cursor:pointer;min-height:44px;padding:.7rem 0}@media (width>=640px){.pick-piles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.play-panel,.round-results{color:var(--ink);border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin-top:1.2rem;padding:1rem}.selectable-hand{flex-wrap:wrap;gap:.5rem;padding:.6rem .2rem 1rem;display:flex}.selectable-hand label{border:2px solid #0000;border-radius:.6rem;flex:none;justify-items:center;padding:.3rem;display:grid}.selectable-hand input{width:1.2rem;height:1.2rem}.selectable-hand .selected-card{border-color:var(--cyan);background:var(--selected)}.action-row{flex-wrap:wrap;gap:.5rem;display:flex}.meld-summary{margin:.3rem;display:inline-block}.meld-dialog{color:inherit;background:var(--surface-raised);border:1px solid var(--border);width:min(100%,42rem);max-height:80dvh;box-shadow:0 -8px 30px var(--shadow);border-radius:1rem 1rem 0 0;margin:0 auto;padding:1.5rem;position:fixed;inset:auto 0 0;overflow:auto}.meld-dialog::backdrop{background:var(--backdrop)}.score-table{overflow-x:auto}.score-table th,.score-table td{text-align:right;border-bottom:1px solid var(--border);padding:.6rem}.results-reveal{background:linear-gradient(120deg, var(--selected), var(--purple-surface));border-radius:1rem;padding:1rem}.confirm-play{border:1px solid var(--cyan);border-radius:.6rem;padding:.8rem}.chat-popout{z-index:15;background:var(--surface);width:min(24rem,100vw - 2rem);max-height:75dvh;color:var(--ink);border:1px solid var(--violet);box-shadow:0 8px 28px var(--shadow-heavy);border-radius:1rem;padding:1rem;position:fixed;bottom:1rem;right:1rem;overflow:auto}.chat-popout header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-popout ol{overflow-wrap:anywhere;max-height:35dvh;padding-left:1.2rem;overflow:auto}.chat-popout textarea{font:inherit;width:100%;min-height:4rem;padding:.6rem}@media (width<=600px){.chat-popout{border-radius:1rem 1rem 0 0;width:100%;bottom:0;right:0}}.score-breakdown{overflow-x:auto}.score-breakdown table,.correction-panel table{border-collapse:collapse;width:100%}.score-breakdown th,.score-breakdown td{border-bottom:1px solid var(--border);text-align:right;padding:.4rem}.score-breakdown th:first-child{text-align:left}.score-editor{min-height:24rem;font-family:monospace}.correction-panel article{border-top:1px solid var(--border);margin-top:.8rem;padding-top:.8rem}.help-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.easy-hint{border-left:4px solid var(--cyan);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.help-dialog{border:2px solid var(--cyan);background:var(--surface);width:min(46rem,100%);max-height:85dvh;color:var(--ink);border-radius:1rem;padding:1rem;overflow:auto}.help-dialog::backdrop{background:var(--backdrop)}.help-dialog header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.rule-excerpt{white-space:pre-wrap;overflow-wrap:anywhere}.rule-index{padding-left:1.25rem}.rule-index button{text-align:left;width:100%;margin:.25rem 0}.help-dialog details{overflow-wrap:anywhere}.potential-card{outline:2px dashed var(--cyan);outline-offset:2px}.potential-card small{color:var(--cyan);display:block}.settings,.install-help{margin:1rem 0}.app-status{font-size:.9rem}button,summary,input,select{touch-action:manipulation}input,select{max-width:100%}main,section,.toolbar{min-width:0}@media (width<=600px){.help-dialog{box-sizing:border-box;border-radius:1rem 1rem 0 0;width:100%;max-width:100vw;margin:0;position:fixed;inset:auto 0 0}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--cyan)}body{background:radial-gradient(ellipse at top, var(--page-halo) 0, var(--page) 65%)}a{color:var(--blue)}h1{text-shadow:0 0 24px var(--glow)}.panel{border:1px solid var(--border);box-shadow:0 12px 36px var(--shadow), 0 0 18px var(--glow)}button:not(:disabled):hover{border-color:var(--cyan);box-shadow:0 0 12px var(--glow)}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 12px var(--glow)}button.secondary{border-color:var(--border)}.setup-progress{border-left:3px solid var(--violet);background:var(--purple-surface);border-radius:.35rem;padding:.8rem}.chat-popout{box-shadow:0 12px 36px var(--shadow-heavy), 0 0 18px var(--violet-glow)}.chat-popout textarea{color:var(--ink);background:var(--field);border:1px solid var(--border);border-radius:.5rem}.password-reveal{touch-action:none}.in-room{max-width:76rem;padding:.75rem clamp(.5rem,2vw,1.5rem)}.in-room .brand-header h1{margin:.5rem 0;font-size:1.5rem}.in-room>.toolbar{gap:.5rem}.in-room>.panel{margin:.75rem 0;padding:clamp(.65rem,2vw,1rem)}.in-room .player-roster{flex-wrap:wrap;gap:.4rem 1.1rem;padding:0;list-style:none;display:flex}.in-room .game-table{padding:clamp(.5rem,2vw,1rem)}.in-room .play-panel{padding:.5rem}.in-room .app-status{margin:0;font-size:.85rem}.in-room .table-header h3,.in-room .code{margin:.5rem 0}.in-room .pick-piles{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.in-room .pile-button{gap:.35rem;min-height:48px;margin:0;padding:.5rem .2rem;font-size:.75rem}.in-room .pile-button .playing-card,.in-room .pile-button .card-back{width:48px;height:70px}.in-room .pile-button .card-corner{font-size:.9rem;top:3px;left:4px}.in-room .pile-button .card-pip{font-size:1.7rem}.in-room .pile-button small{font-size:.75rem}.in-room .discard-area{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"title title""card description""card action";align-items:start;gap:.5rem .75rem;padding:.75rem 0;display:grid}.in-room .discard-area h4{grid-area:title;margin:0}.in-room .discard-area>span{grid-area:card}.in-room .discard-area p{grid-area:description;margin:0}.in-room .discard-area button{grid-area:action;margin:0}@media (width>=640px){.in-room .pile-button{font-size:.9rem}.in-room .pile-button .playing-card,.in-room .pile-button .card-back{width:64px;height:92px}.in-room .pile-button .card-corner{font-size:1.1rem}}.selectable-hand .discard-card{border-color:var(--danger);background:var(--danger-surface);box-shadow:0 0 0 1px var(--danger)}.discard-label{color:var(--danger);text-align:center;max-width:72px}.turn-label{top:max(.35rem, env(safe-area-inset-top));z-index:3;border:2px solid var(--border);background:var(--surface-raised);border-radius:.65rem;gap:.2rem;padding:.65rem .8rem;display:grid;position:sticky}.turn-label strong{letter-spacing:.06em;font-size:1.05rem}.turn-yours{border-color:var(--cyan);background:var(--selected);color:var(--ink);box-shadow:0 0 14px var(--glow)}.turn-yours strong{color:var(--cyan)}.turn-paused{border-color:var(--warning);background:var(--warning-surface);color:var(--warning)}.your-turn-table{outline:2px solid var(--cyan);outline-offset:2px}.public-meld-group{border-top:1px solid var(--border);padding:.6rem 0}.public-meld-group h4{color:var(--blue);margin:0 0 .4rem}.meld-summary.completed-meld>button{background:var(--full);color:var(--full-ink);border:2px solid var(--full);font-weight:700}.meld-summary.completed-meld>button:hover{background:var(--full-hover)}.meld-summary.completed-meld>button:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.hand-arrangement{width:min(38rem,100vw - 1rem);max-height:90dvh;color:var(--ink);background:var(--surface);border:2px solid var(--blue);border-radius:.8rem;overflow-y:auto}.arrangement-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;display:grid}.arrangement-item{border:2px solid #0000;border-radius:.5rem}.arrangement-target{border-color:var(--blue)}.arrangement-choice{justify-items:center;width:100%;padding:.3rem;display:grid}.arrangement-choice[aria-pressed=true]{border-color:var(--violet);background:var(--purple-surface)}.drag-handle{touch-action:none;cursor:grab;width:100%;margin:0;padding:.2rem}.arrangement-ghost{pointer-events:none;opacity:.85;z-index:20;position:fixed}.hand-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hand-heading h3{margin:0}.rank-sort{flex-shrink:0}.inline-hand{flex-wrap:wrap;align-items:flex-start;gap:.45rem;display:flex}.inline-hand-item{border:2px solid #0000;border-radius:.4rem;flex-direction:column;align-items:center;display:flex}.inline-move{touch-action:none;-webkit-user-select:none;user-select:none;min-height:44px;padding:.2rem .3rem;font-size:.78rem}.hand-insertion{border-color:var(--blue);background:var(--selected)}.waiting-player-dialog{width:min(28rem,100vw - 1rem);color:var(--ink);background:var(--surface);border:2px solid var(--blue);border-radius:.8rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--violet);color:var(--action-ink)}input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}.card-back{aspect-ratio:3597/4917;height:auto}.in-room .pile-button .card-back{height:auto}.unopened-packs>span{align-items:center;gap:.5rem;display:flex}.unopened-packs .pack-back{border-radius:.25rem;width:28px;padding:0}