:root{--room: #0b100e;--panel: #141b17;--line: #27332d;--felt: #1d4034;--felt-line: #2c5a49;--felt-well: #163229;--paper: #ece2cc;--paper-dim: #a5b4a9;--ink: #17130f;--ink-dim: #5d5648;--brass: #c9a227;--brass-dim: #7d661a;--cinnabar: #c8503a;--jade: #6fae86;--display: "Zilla Slab", Georgia, "Times New Roman", serif;--ui: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem}*{box-sizing:border-box}body{margin:0;font-family:var(--ui);font-size:16px;line-height:1.45;background:var(--room);color:var(--paper);-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.01em;margin:0}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.page{max-width:27rem;margin:0 auto;padding:var(--s6) var(--s4) var(--s6)}.page h1{font-size:2.25rem;line-height:1.1;margin-bottom:var(--s1)}.cjk{font-family:"Noto Serif SC",var(--display)}.forms{display:grid;gap:var(--s4)}.eyebrow{font-family:var(--display);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin:0 0 var(--s2)}.tagline{color:var(--paper-dim);font-size:.9rem;margin:0}.page-head{margin-bottom:var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--line)}.head-tiles{margin-top:var(--s4);flex:none}.head-tiles .tile-row{gap:3px;flex-wrap:nowrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:var(--s4);margin-bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.panel h2{font-size:1.05rem;letter-spacing:.01em}.panel label{display:flex;flex-direction:column;gap:var(--s1);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-dim)}.panel label.checkbox{flex-direction:row;align-items:center;gap:var(--s2);text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--paper)}input,select,button{font-family:var(--ui);font-size:1rem;padding:.55rem .6rem;border-radius:3px;border:1px solid var(--line);background:#0e1512;color:var(--paper)}input[type=checkbox]{width:1.15rem;height:1.15rem;padding:0;accent-color:var(--brass)}input:hover,select:hover{border-color:#3a4a41}button{cursor:pointer;background:var(--brass);color:#201800;border:1px solid var(--brass);font-weight:600;letter-spacing:.01em}button:hover{background:#d8b13a}button:disabled{background:transparent;color:var(--paper-dim);border-color:var(--line);cursor:not-allowed}button.ghost{background:transparent;color:var(--paper-dim);border-color:var(--line);font-weight:500}button.ghost:hover{color:var(--paper);border-color:#3a4a41}.error{color:var(--cinnabar);text-align:left;font-size:.9rem}.share-row{display:flex;gap:var(--s2)}.share-row input{flex:1;min-width:0;font-size:.9rem}.seat-list{list-style:none;margin:0}.seat-list li{display:flex;align-items:center;gap:var(--s2);padding:.35rem 0;border-bottom:1px solid var(--line)}.seat-list li:last-child{border-bottom:none}.seat-list .is-empty{color:var(--paper-dim)}.room-code{letter-spacing:.14em}.dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block;flex:none}.dot.on{background:var(--jade)}.dot.off{background:#4a4a44}.muted-note{color:var(--paper-dim);font-size:.9rem;margin:0}.table{position:relative;display:grid;grid-template-columns:minmax(52px,1fr) minmax(0,3fr) minmax(52px,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"info info info" "top top top" "left center right" "left center right" "bottom bottom bottom";gap:var(--s2);min-height:100vh;min-height:100dvh;padding:var(--s2);padding-bottom:5.5rem;background:var(--felt);box-shadow:inset 0 0 140px #00000080}.felt-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:"Noto Serif SC",var(--display);font-size:42vmin;line-height:1;color:#ece2cc0b;pointer-events:none;-webkit-user-select:none;user-select:none}.table-info-col{grid-area:info;display:flex;flex-direction:column;gap:var(--s1);position:relative}.table-info{display:flex;align-items:center;gap:var(--s2);font-size:.8rem;letter-spacing:.04em;color:var(--paper-dim);padding:.15rem var(--s1)}.info-sep{color:var(--felt-line)}.info-right{display:flex;align-items:center;gap:var(--s3);margin-left:auto}.info-turn{display:flex;align-items:center;gap:var(--s2);color:var(--paper);font-weight:600;letter-spacing:.02em}.mute-toggle{padding:.25rem .5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-color:transparent}.timer{flex:none;transform:rotate(-90deg)}.timer-track{fill:none;stroke:#c9a22733;stroke-width:2.5;animation:timer-late 1.1s var(--timer-duration, 20s) infinite}.timer-arc{fill:none;stroke:var(--brass);stroke-width:2.5;stroke-linecap:round;stroke-dashoffset:0;animation:timer-drain var(--timer-duration, 20s) linear forwards}@keyframes timer-drain{to{stroke-dashoffset:var(--timer-length, 57)}}@keyframes timer-late{0%,to{stroke:#c8503a4d}50%{stroke:var(--cinnabar)}}.tile{display:inline-block;vertical-align:top;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.tile--clickable{cursor:pointer}.tile--selected{transform:translateY(-10px);filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));transition:transform .12s ease-out}.tile-row{display:flex;flex-wrap:wrap;gap:2px}.seat{background:#0000002e;border:1px solid var(--felt-line);border-radius:4px;padding:var(--s2);overflow:auto hidden}.seat--top{grid-area:top}.seat--left{grid-area:left}.seat--right{grid-area:right}.seat--bottom{grid-area:bottom;background:#00000042}.seat--turn{border-color:var(--brass);box-shadow:0 0 0 1px #c9a22759}.seat-header{display:flex;align-items:baseline;gap:var(--s2);font-size:.8rem;margin-bottom:var(--s2);color:var(--paper-dim)}.seat-name{font-weight:600;color:var(--paper);letter-spacing:.01em}.seat-wind{margin-left:auto;font-family:var(--display);color:var(--brass);letter-spacing:.08em}.seat-score{margin-left:var(--s2);font-weight:600;color:var(--paper)}.seat--top .seat-wind,.seat--left .seat-wind,.seat--right .seat-wind{margin-left:auto}.melds,.flowers{display:flex;gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap}.meld{display:flex}.center-area{grid-area:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--s1);overflow:auto hidden;position:relative}.discard-pile{width:100%;max-width:44rem;display:flex;align-items:flex-start;gap:var(--s2);background:var(--felt-well);border:1px solid rgba(0,0,0,.35);border-radius:3px;padding:var(--s1) var(--s2);min-height:2.25rem;box-shadow:inset 0 1px 3px #0006}.discard-pile--turn{border-color:var(--brass-dim)}.pile-label{flex:none;width:4.5rem;padding-top:.15rem;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pile-tiles{display:flex;flex-wrap:wrap;gap:1px;min-width:0}.hand-row{display:flex;align-items:flex-start;gap:var(--s3);overflow:auto hidden;padding-bottom:var(--s1)}.just-drew{border-left:1px solid var(--brass-dim);padding-left:var(--s3)}.self-actions,.claim-bar{position:fixed;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s2);padding-bottom:calc(var(--s2) + env(safe-area-inset-bottom,0px));background:var(--room);border-top:1px solid var(--brass-dim);z-index:10}.self-actions button,.claim-bar button{display:flex;align-items:center;gap:var(--s2);min-height:3.25rem;min-width:3.75rem;padding:.5rem 1rem;font-size:1rem;justify-content:center}.claim-bar .pass{background:transparent;color:var(--paper-dim);border-color:var(--line);margin-left:auto}.claim-bar .pass:hover{color:var(--paper)}.rob-banner{display:flex;align-items:center;gap:var(--s2);justify-content:center;background:#c8503a26;border:1px solid var(--cinnabar);border-radius:3px;color:var(--paper);font-size:.85rem;padding:var(--s1) var(--s2)}.error-strip{background:#c8503a33;border:1px solid var(--cinnabar);color:var(--paper);text-align:center;font-size:.85rem;padding:var(--s1);border-radius:3px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040806c7;display:flex;align-items:center;justify-content:center;z-index:20;padding:var(--s4)}.slip{background:var(--paper);color:var(--ink);border-radius:3px;border-top:4px solid var(--brass);padding:var(--s5);max-width:30rem;width:100%;max-height:88vh;overflow:auto;box-shadow:0 20px 50px #0009}.slip-eyebrow{font-family:var(--display);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 var(--s1)}.slip-title{font-size:1.85rem;line-height:1.1;color:var(--ink);margin-bottom:var(--s1)}.slip-sub{margin:0;color:var(--ink-dim);font-size:.9rem}.slip--notice{border-top-color:var(--cinnabar)}.slip-hand{margin:var(--s4) 0;padding:var(--s3);background:#e2d6bc;border-radius:3px}.slip-hand .tile-row{gap:2px}.tile-win{display:inline-block;border-radius:4px;box-shadow:0 0 0 2px var(--cinnabar)}.slip-melds{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid rgba(23,19,15,.15)}.slip-meld{display:flex;flex-direction:column;gap:2px}.slip-meld-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.faan-list{list-style:none;margin:var(--s4) 0;padding:0;font-size:.95rem}.faan-list li{display:flex;align-items:baseline;gap:var(--s2);padding:.3rem 0}.faan-name{flex:none}.faan-list li:after{content:"";order:1;flex:1;border-bottom:1px dotted rgba(23,19,15,.3);transform:translateY(-.25rem)}.faan-value{order:2;font-variant-numeric:tabular-nums;font-weight:600}.faan-total{border-top:1px solid rgba(23,19,15,.25);margin-top:var(--s1);padding-top:var(--s2)!important;font-family:var(--display);font-size:1.05rem}.score-table{width:100%;border-collapse:collapse;font-size:.95rem;margin-bottom:var(--s4)}.score-table th{text-align:left;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-weight:600;padding-bottom:var(--s1);border-bottom:1px solid rgba(23,19,15,.25)}.score-table th:not(:first-child),.score-table td.num{text-align:right}.score-table td{padding:.4rem 0;border-bottom:1px solid rgba(23,19,15,.1)}.score-table .num{font-variant-numeric:tabular-nums}.score-table .is-gain{color:var(--ink)}.score-table .is-loss{color:var(--cinnabar)}.score-table .is-winner td{font-weight:600}.slip-champion{font-family:var(--display);font-size:1.05rem;margin:0 0 var(--s4);padding:var(--s2) var(--s3);background:#c9a22733;border-radius:3px}.slip-actions{display:flex}.slip-actions button{min-height:3rem;padding:.5rem 1.5rem;color:#201800}.slip-wait{margin:0;color:var(--ink-dim);font-size:.9rem}@media(max-width:460px){.seat--bottom .hand-row .tile{width:46px!important;height:64px!important}.pile-label{width:3.25rem}.table{padding-bottom:5rem}}@media(orientation:landscape)and (max-height:560px){.table{padding:var(--s1);padding-bottom:4.5rem;gap:var(--s1)}.felt-mark{font-size:34vmin}.seat{padding:var(--s1) var(--s2)}.seat-header{margin-bottom:var(--s1)}.hand-row{flex-wrap:nowrap}.seat--top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.seat--top .seat-header{margin-bottom:0}.seat--top .melds,.seat--top .flowers{margin-top:0}.seat--top .tile,.seat--left .tile,.seat--right .tile,.pile-tiles .tile{width:22px!important;height:31px!important}.seat--bottom .hand-row .tile{width:44px!important;height:62px!important}.discard-pile{min-height:0}.pile-label{width:3.5rem}.self-actions button,.claim-bar button{min-height:2.75rem}.slip{padding:var(--s4);max-height:92vh}.slip-title{font-size:1.4rem}.slip-hand,.faan-list{margin:var(--s3) 0}}@media(min-width:900px){.table{max-width:68rem;margin:var(--s5) auto;min-height:calc(100dvh - 3rem);padding:var(--s4);padding-bottom:6rem;gap:var(--s3);border-radius:8px;border:1px solid #0a120f;box-shadow:inset 0 0 160px #00000080,0 24px 60px #0000008c}.table-info{font-size:.85rem}.pile-label{width:6rem}.center-area{gap:var(--s2)}.self-actions,.claim-bar{left:50%;right:auto;transform:translate(-50%);width:min(68rem,100%);border:1px solid var(--brass-dim);border-bottom:none;border-radius:6px 6px 0 0}.page{max-width:48rem;padding-top:4rem}.page h1{font-size:3rem}.tagline{max-width:32rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5)}.head-tiles{margin-top:0}.forms{grid-template-columns:3fr 2fr;align-items:start;gap:var(--s5)}.forms .panel{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.tile--selected{transition:none}.timer-arc,.timer-track{animation:none}}