@font-face{font-family:Fraunces;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fraunces-latin.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2")}:root{--ink: #08181a;--ink2: #0b2224;--felt: #0f3431;--felt2: #0a2725;--felt-hi: #17504a;--brass: #e4b864;--brass2: #f6dfa6;--verm: #ef6a4a;--txt: #eef2ea;--mut: #8fa9a3;--line: rgba(228,184,100,.18);--pos: #8fe0b0;--neg: #ff9f8a;--mint: #7fe7ba;--jade-edge: #2c8a69;--jade-edge2: #155a43;--display: Fraunces, Georgia, serif}*{box-sizing:border-box}body{margin:0;font:500 14px/1.4 Manrope,system-ui,sans-serif;background:var(--ink);color:var(--txt);-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--display);font-weight:700}a{color:var(--brass2)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main{flex:1;padding:12px}main.in-room{padding:0;display:flex;flex-direction:column}footer{padding:10px;text-align:center;font-size:12px;color:var(--mut)}.muted{color:var(--mut);font-size:13px}.error{color:var(--neg)}.grow{flex:1}.panel,.card{background:#ffffff06;border:1px solid var(--line);border-radius:16px;padding:14px}.card h3,.panel h3{margin:0 0 10px;font-size:15px;color:var(--brass2);display:flex;justify-content:space-between;align-items:baseline}.card h3 small{font:600 11px Manrope,sans-serif;color:var(--mut)}.row{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}.input{padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#00000040;color:inherit;font:inherit;min-width:0}.input:focus{outline:2px solid var(--brass);outline-offset:1px}.btn{font:700 14px/1.1 Manrope,sans-serif;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--txt);cursor:pointer;transition:transform .1s ease,background .15s ease,box-shadow .15s ease}.btn:active:not(:disabled){transform:scale(.96)}.btn:hover:not(:disabled){background:#ffffff17}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(var(--brass2),var(--brass));color:#1a1405;border:0;box-shadow:0 6px 18px #e4b8644d}.btn.primary:hover:not(:disabled){background:linear-gradient(#fbe9bd,#ebc274)}.btn.primary:disabled{background:transparent;color:var(--brass2);border:1px dashed rgba(228,184,100,.45);box-shadow:none;opacity:.75}.btn.ghost{background:transparent}.btn.big{padding:13px 26px;font-size:16px}.btn.small{padding:4px 10px;font-size:12px;border-radius:8px}.btn.danger{border-color:#ef6a4a80;color:#ffb9a6}.home{max-width:520px;margin:12vh auto;text-align:center;padding:0 16px}.home h1{font-size:clamp(28px,6vw,40px)}.lobby{max-width:560px;margin:4vh auto;width:calc(100% - 24px)}.lobby h2{margin:0 0 8px}.join-choice{max-width:420px;margin:8vh auto;text-align:center}.join-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;margin:16px 0}.players{list-style:none;padding:0}.players li{display:flex;gap:10px;align-items:center;padding:6px 0;flex-wrap:wrap}.players li.empty{opacity:.5}.seat{color:var(--mut);width:56px}.dot{width:9px;height:9px;border-radius:50%;background:#777;display:inline-block}.dot.on{background:#4cd27a;animation:dot-breathe 2.4s ease-in-out infinite}@keyframes dot-breathe{0%,to{box-shadow:0 0 #4cd27a73}50%{box-shadow:0 0 0 5px #4cd27a1f}}.badge{font:800 9px/1 Manrope,sans-serif;letter-spacing:.1em;padding:3px 5px;border-radius:4px;white-space:nowrap}.badge.bot{color:#bfe3ff;background:#5096dc33;border:1px solid rgba(120,180,240,.35)}.badge.dealer{color:#1a1405;background:var(--brass)}.room{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.room.in-game{height:100vh;height:100dvh}.topbar{position:relative;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 18px;min-height:56px;border-bottom:1px solid var(--line);background:linear-gradient(var(--ink2),var(--ink))}.brand{display:flex;align-items:center;gap:10px;font:700 20px/1 var(--display);color:var(--txt);text-decoration:none;white-space:nowrap}.seal{width:30px;height:30px;display:grid;place-items:center;background:var(--verm);color:#fff4e8;border-radius:6px;font:700 15px/1 var(--display);transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #ffffff40}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;border:1px solid var(--line);color:var(--mut);font-size:12.5px;font-weight:600;white-space:nowrap}.pill b{color:var(--txt)}.pill.warn{color:#ffc7a8;border-color:#ef6a4a66;background:#ef6a4a1a}.pill.warn:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verm);animation:pulse 1.2s infinite}.error-pill{max-width:40vw;overflow:hidden;text-overflow:ellipsis}@keyframes pulse{50%{opacity:.3}}.iconbtn{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);color:var(--brass2);background:#ffffff08;font-size:17px;cursor:pointer;list-style:none;padding:0}.iconbtn:hover{background:#ffffff14}.iconbtn::-webkit-details-marker{display:none}.settings{position:relative}.settings-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:230px;display:flex;flex-direction:column;gap:4px;background:#0d2a28;box-shadow:0 18px 40px #0000008c}.toggle{display:flex;align-items:center;gap:10px;padding:7px 4px;font-size:14px;cursor:pointer;white-space:nowrap}.toggle input{width:16px;height:16px;accent-color:var(--brass);cursor:pointer}.credit{margin:6px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:11px;color:var(--mut)}.rail-toggle{display:none}.tile{--w: 42px;--edge: calc(var(--w) * .09);--tile-shadow: inset 0 1px 0 #fff, inset 0 -2px 3px rgba(120,96,40,.12), 0 var(--edge) 0 var(--jade-edge), 0 calc(var(--edge) + 1px) 0 var(--jade-edge2), 0 calc(var(--edge) + 4px) 10px rgba(0,0,0,.45);position:relative;display:inline-block;flex:none;vertical-align:bottom;width:var(--w);height:calc(var(--w) * 1.34);margin:0 0 var(--edge);padding:0;border:0;border-radius:calc(var(--w) * .13);font:inherit;color:inherit;line-height:0;background:linear-gradient(160deg,#fffef8,#f6efda 70%,#ece2c4);box-shadow:var(--tile-shadow)}.tile-xs{--w: 24px}.tile-sm{--w: 32px}.tile-md{--w: 42px}.tile-lg{--w: 58px}.tile .face{position:absolute;pointer-events:none;background-repeat:no-repeat;inset:calc(var(--w) * .067) calc(var(--w) * .06);background-size:calc(var(--w) * 1.0501) calc(var(--w) * 1.4603);background-position:calc(var(--w) * -.1384) calc(var(--w) * -.0574)}.tile.has-idx .face{inset:calc(var(--w) * .17) calc(var(--w) * .06) calc(var(--w) * .05);background-size:calc(var(--w) * .9752) calc(var(--w) * 1.3562);background-position:calc(var(--w) * -.0971) calc(var(--w) * -.0533)}.tile.bonus .face{inset:calc(var(--w) * .0536) calc(var(--w) * .04);background-size:calc(var(--w) * .9862) calc(var(--w) * 1.3715);background-position:calc(var(--w) * -.0871) calc(var(--w) * -.0077)}.tile .white-dragon{top:22%;right:24%;bottom:22%;left:24%;border:calc(var(--w) * .06) solid #2c63c9;border-radius:3px;box-shadow:inset 0 0 0 calc(var(--w) * .04) #fff,inset 0 0 0 calc(var(--w) * .075) #2c63c9}.tile.has-idx .white-dragon{top:28%;right:24%;bottom:14%;left:24%}.tile .idx{position:absolute;left:9%;top:4%;font:800 calc(var(--w) * .27)/1 Manrope,sans-serif;letter-spacing:-.02em;pointer-events:none}.idx-c{color:#1f58b8}.idx-b,.idx-d-green{color:#18804a}.idx-w,.idx-d-red{color:#c22d22}.idx-h{color:#1b2422}.idx-d-white{color:#2c63c9}.tile-xs .idx{font-size:8px;left:7%;top:3%}.tile.back{background:linear-gradient(160deg,#3aa780,#1f7356);--tile-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 var(--edge) 0 #f1e8cf, 0 calc(var(--edge) + 3px) 6px rgba(0,0,0,.4)}.tile.clickable{cursor:pointer}.tile:focus-visible{outline:3px solid var(--brass2);outline-offset:2px}.discards .tile.legal,.exposed .tile.legal{background:linear-gradient(160deg,#6e6856,#57513f);box-shadow:0 0 0 2px var(--brass),0 0 14px #e4b864bf,var(--tile-shadow)}.discards .tile.legal>*,.exposed .tile.legal>*{filter:brightness(.45) saturate(.6)}.tile.dim{cursor:default}.tile.own-bonus{box-shadow:0 0 0 2px var(--brass2),0 0 10px 2px #f6d682bf,var(--tile-shadow)}.tile.selected{box-shadow:0 0 0 3px var(--verm),0 0 18px #ef6a4a8c,var(--tile-shadow)}.tile.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;animation:claim-ring 1.1s ease-out infinite}@keyframes claim-ring{0%{box-shadow:0 0 #ef6a4ad9}to{box-shadow:0 0 0 10px #ef6a4a00}}.game{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr) auto}.table{grid-column:1;grid-row:1;min-height:0;position:relative;margin:14px 0 0 14px;border-radius:22px 22px 0 0;overflow:hidden;background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),radial-gradient(ellipse at 50% 40%,var(--felt-hi) 0%,var(--felt) 45%,var(--felt2) 100%);box-shadow:inset 0 0 0 1px var(--line),inset 0 0 80px #00000080;display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) minmax(150px,220px);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:16px 18px}.game.spectating .table{margin-bottom:14px;border-radius:22px}.opp{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}.opp.pos-top{grid-column:1 / -1;grid-row:1;align-items:center}.opp.pos-left{grid-column:1;grid-row:2;align-self:center;align-items:flex-start}.opp.pos-right{grid-column:3;grid-row:2;align-self:center;align-items:flex-end}.opp.pos-bottom{grid-column:1 / -1;grid-row:3;align-items:center}.who{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border-radius:14px;background:#0410108c;border:1px solid var(--line);min-width:0;max-width:100%}.who.turn{border-color:var(--brass);animation:turn-glow 1.5s ease-in-out infinite}.av{position:relative;flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--display);color:var(--ink);background:linear-gradient(135deg,var(--brass2),var(--brass))}.av.off{filter:grayscale(1) brightness(.6)}.av .wd{position:absolute;right:-5px;bottom:-5px;width:19px;height:19px;border-radius:6px;background:var(--ink);color:var(--brass);border:1px solid var(--brass);display:grid;place-items:center;font:800 10px/1 Manrope,sans-serif}.who-text{min-width:0}.who .nm{font-weight:700;font-size:14px;display:flex;flex-wrap:wrap;gap:3px 6px;align-items:center;min-width:0}.nm-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who .meta{font-size:12px;color:var(--mut);white-space:nowrap}.neg{color:var(--neg)}.pos{color:var(--pos)}.backs{display:flex;gap:2px}.backs .tile{--w: 15px}.exposed{display:flex;gap:8px;flex-wrap:wrap}.exposed .grp{display:flex;gap:2px}.exposed .tile{--w: 28px}.opp.pos-right .exposed{justify-content:flex-end}.center{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0}.compass{position:relative;flex:none;width:112px;height:112px;border-radius:20px;background:#04101099;border:1px solid var(--line);display:grid;place-items:center}.compass .w{position:absolute;font:700 14px/1 var(--display);color:var(--mut)}.compass .w-top{top:9px}.compass .w-bottom{bottom:9px}.compass .w-left{left:11px}.compass .w-right{right:11px}.compass .w.on{color:var(--brass)}.compass .w.on:after{content:"";position:absolute;left:50%;bottom:-6px;translate:-50% 0;width:18px;height:3px;border-radius:2px;background:var(--brass);box-shadow:0 0 10px var(--brass)}.ring{width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--brass) calc(var(--p) * 1%),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(circle,transparent 25px,#000 26px);mask:radial-gradient(circle,transparent 25px,#000 26px)}.wallnum{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.wallnum b{font:700 19px/1 var(--display)}.wallnum small{font-size:9px;letter-spacing:.14em;color:var(--mut);font-weight:700;margin-top:2px}.discards.common{display:flex;flex-wrap:wrap;gap:6px 4px;justify-content:center;align-content:flex-start;max-width:640px;min-height:0;overflow:hidden auto;padding:10px 4px;-webkit-mask-image:linear-gradient(transparent,#000 10px,#000 calc(100% - 10px),transparent);mask-image:linear-gradient(transparent,#000 10px,#000 calc(100% - 10px),transparent);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.discards .tile{--w: 38px}.lastcall{font-size:12.5px;color:var(--mut);text-align:center}.lastcall b{color:var(--txt)}.spectator-turn{color:var(--brass2);font-weight:700}.spectator-turn span{color:var(--mut);font-weight:500;margin-left:6px}.thought-bubble{position:absolute;z-index:6;background:#fffbe9;color:#23331f;font-size:12px;font-weight:700;padding:6px 12px;border-radius:12px;white-space:nowrap;box-shadow:0 4px 12px #0006;pointer-events:none;animation:bubble-in .22s ease backwards}.thought-bubble:after,.thought-bubble:before{content:"";position:absolute;background:#fffbe9;border-radius:50%}.thought-bubble:after{width:10px;height:10px;left:14px;bottom:-8px}.thought-bubble:before{width:5px;height:5px;left:9px;bottom:-15px}@keyframes bubble-in{0%{opacity:0;scale:.8}}.pos-top .thought-bubble{left:calc(50% + 110px);top:2px}.pos-top .thought-bubble:after{left:-6px;bottom:6px}.pos-top .thought-bubble:before{left:-13px;bottom:4px}.pos-left .thought-bubble{left:0;bottom:calc(100% + 14px)}.pos-right .thought-bubble{right:0;bottom:calc(100% + 14px)}.pos-right .thought-bubble:after{left:auto;right:14px}.pos-right .thought-bubble:before{left:auto;right:9px}.pos-bottom .thought-bubble,.mine .thought-bubble{left:10px;bottom:calc(100% + 14px)}.rail{grid-column:2;grid-row:1;min-height:0;overflow-y:auto;margin:14px 14px 0;display:flex;flex-direction:column;gap:12px;padding-bottom:14px;scrollbar-width:thin}.rail-close,.rail-scrim{display:none}.score-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.score-list li{display:flex;justify-content:space-between;gap:8px}.score-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-list li.turn span{color:var(--brass2)}.score-chart{flex:none}.sc-plot{position:relative;outline:none;touch-action:pan-y}.sc-plot:focus-visible{box-shadow:0 0 0 2px var(--brass2);border-radius:8px}.sc-plot svg{display:block;overflow:visible}.sc-grid{stroke:#1d3234;stroke-width:1}.sc-zero{stroke:#3a5355;stroke-width:1}.sc-cross{stroke:var(--mut);stroke-width:1}.sc-tick{fill:var(--mut);font-size:10px;font-variant-numeric:tabular-nums}.sc-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.sc-dot{stroke:#0e1e20;stroke-width:2}.sc-tip{position:absolute;top:4px;translate:10px 0;z-index:5;min-width:130px;padding:8px 10px;border-radius:10px;background:#0b2224;border:1px solid var(--line);box-shadow:0 10px 24px #00000080;pointer-events:none;font-size:12px}.sc-tip.left{translate:calc(-100% - 10px) 0}.sc-tip-title{color:var(--mut);font-size:11px;margin-bottom:4px}.sc-tip-row{display:grid;grid-template-columns:12px auto 1fr;align-items:center;gap:6px}.sc-tip-row i{height:2px;border-radius:1px}.sc-tip-row b{color:var(--txt);font-variant-numeric:tabular-nums;text-align:right}.sc-tip-row span{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-legend{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:3px;font-size:12px}.sc-legend li{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:6px}.sc-legend i{height:2px;border-radius:1px}.sc-legend span{color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-legend b{color:var(--mut);font-weight:600;font-variant-numeric:tabular-nums}.log{max-height:320px;overflow:auto;flex:none}.log ul{list-style:none;padding:0;margin:0;font-size:12px}.log li{padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.07)}.log-time{color:var(--mut);font-variant-numeric:tabular-nums;margin-right:4px}.dock{grid-column:1 / -1;grid-row:2;position:relative;z-index:2;border-top:1px solid rgba(228,184,100,.35);background:linear-gradient(#10302d,#0a2120);padding:16px 22px;display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:16px;align-items:end;box-shadow:0 -14px 40px #00000073}.turnbar{position:absolute;left:50%;top:-15px;translate:-50% 0;z-index:3;padding:7px 16px;border-radius:99px;background:#0d2a28;border:1px solid var(--line);color:var(--brass2);font:800 12px/1 Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 20px #0006}.turnbar span{font-weight:600;text-transform:none;letter-spacing:0;opacity:.75;margin-left:6px}.turnbar.is-mine{background:var(--brass);border-color:var(--brass);color:#1a1405;box-shadow:0 6px 20px #e4b86466}.mine{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}.mine .exposed .tile{--w: 30px}.hand-col{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.hand-tiles{display:flex;gap:3px;flex-wrap:wrap}.dock .hand-tiles{align-items:flex-end;justify-content:center;gap:4px;padding-top:18px;--suit-gap: 8px}.dock .hand-tiles .suit-start{margin-left:var(--suit-gap)}.dock .hand-tiles .drawn-apart{order:1;margin-left:calc(var(--suit-gap) * 2)}.dock .hand-tiles .tile{--w: 58px}.dock .hand-tiles .tile.drawn{box-shadow:0 0 0 3px var(--mint),0 0 22px #7fe7baa6,var(--tile-shadow);animation:drawn-glow 1.6s ease-in-out infinite}@keyframes drawn-glow{50%{box-shadow:0 0 0 3px var(--mint),0 0 8px #7fe7ba4d,var(--tile-shadow)}}.tile.drawn:after{content:"NEW";position:absolute;top:-20px;left:50%;translate:-50% 0;padding:3px 6px;border-radius:5px;background:var(--mint);color:#062018;font:800 9.5px/1 Manrope,sans-serif;letter-spacing:.1em;box-shadow:0 3px 8px #0006}.acts{display:flex;flex-direction:column;gap:8px;align-items:stretch}.acts .btn{padding:12px 14px}.claims{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 14px;border-radius:16px;background:#e4b8641f;border:1px solid rgba(228,184,100,.45)}.claims>span:first-child{font:700 15px/1 var(--display);color:var(--brass2)}.claims .no-win{display:block;margin-top:3px;font-size:10px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.claims.can-win{background:#7fe7ba1f;border-color:var(--mint);box-shadow:0 0 24px #7fe7ba40}.claims.can-win>span:first-child{color:var(--mint)}.claims .btn.win-btn{padding:14px 22px;font-size:16px;animation:slide-up .3s cubic-bezier(.22,1.2,.36,1) backwards,win-pulse 1.4s ease-in-out .4s infinite}@keyframes win-pulse{50%{box-shadow:0 0 0 6px #f6dfa640,0 6px 18px #e4b86466}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;overflow:auto;padding:12px}.modal{background:#0d2a28;text-align:center;min-width:min(340px,90vw);max-width:min(560px,94vw);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 24px 60px #0009}.modal .hand-tiles{justify-content:center;margin:10px 0}.scores{margin:12px auto;border-collapse:collapse}.waiting-note{margin:10px 0 4px}.scores td{padding:4px 16px}.scores tr.win{color:var(--brass2);font-weight:700}.wind-glyph{display:inline-block;min-width:1.2em;font-weight:700;color:var(--brass2)}.dealer-streak{margin-top:4px;color:var(--brass2);font-weight:600}.round-wind{margin-top:2px;color:var(--mut);font-size:13px}.payments,.bonus-breakdown,.score-summary,.fan-breakdown{text-align:left;margin:10px auto;max-width:340px}.payments h3,.bonus-breakdown h3,.score-summary h3,.fan-breakdown h3{margin:4px 0;font-size:14px}.payments ul,.bonus-breakdown ul,.score-summary ul,.fan-breakdown ul{list-style:none;padding:0;margin:0;font-size:13px}.player-breakdown{margin:10px auto;max-width:380px;text-align:left}.player-breakdown h3{margin:6px 0 2px;font-size:14px;display:flex;align-items:center;gap:6px}.player-hand{justify-content:flex-start;margin:4px 0}.payments li,.bonus-breakdown li,.score-summary li,.fan-breakdown li{padding:3px 0;display:flex;gap:8px;align-items:center;justify-content:space-between}.bonus-breakdown li{gap:10px}.bb-name{flex:1;text-align:left}.bb-pts{color:var(--brass2)}.takeover-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}@media(max-width:1500px){.dock{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mine acts" "hand hand";align-items:center;padding-top:22px;row-gap:6px}.mine{grid-area:mine;flex-direction:row;align-items:center}.hand-col{grid-area:hand}.acts{grid-area:acts;flex-direction:row;align-items:center}}@media(max-width:1100px){.game{grid-template-columns:minmax(0,1fr)}.table{margin:12px 12px 0}.rail-toggle{display:grid}.rail{position:fixed;top:0;right:0;bottom:0;z-index:45;width:min(360px,88vw);margin:0;padding:56px 14px 14px;background:var(--ink2);border-left:1px solid var(--line);box-shadow:-20px 0 50px #00000080;transform:translate(105%);transition:transform .25s ease}.rail.open{transform:none}.rail-close{display:grid;position:absolute;top:10px;right:14px}.rail-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#00000080}.dock .hand-tiles .tile{--w: 52px}.dock .hand-tiles{gap:3px;--suit-gap: 6px}}@media(max-width:760px){body{font-size:13px}.topbar{padding:8px 12px;gap:8px;min-height:52px}.brand{font-size:17px}.seal{width:26px;height:26px;font-size:13px}.room-pill{display:none}.iconbtn{width:34px;height:34px}.table{margin:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);padding:10px;gap:10px}.game.spectating .table{margin:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr))}.opp.pos-top,.opp.pos-left,.opp.pos-right,.opp.pos-bottom{grid-row:1;grid-column:auto;align-items:stretch;align-self:start}.opp.pos-left{order:1}.opp.pos-top{order:2}.opp.pos-right{order:3}.opp.pos-bottom{order:4}.center{order:5;grid-row:2;grid-column:1 / -1;gap:8px}.opp .who{flex-direction:column;text-align:center;gap:5px;padding:9px 4px 8px}.opp .who .nm{justify-content:center;font-size:12.5px;flex-wrap:wrap;row-gap:3px}.opp .who .nm-text{max-width:100%}.opp .who .meta{font-size:11px;white-space:normal}.opp .who .meta .offline{display:none}.opp .who-text{width:100%}.backs{display:none}.opp .exposed,.opp.pos-right .exposed{justify-content:center;gap:3px}.opp .exposed .grp{gap:1px}.opp .exposed .tile{--w: 15px}.compass{width:76px;height:76px;border-radius:14px}.compass .w{font-size:11px}.compass .w-top{top:5px}.compass .w-bottom{bottom:5px}.compass .w-left{left:6px}.compass .w-right{right:6px}.ring{width:42px;height:42px;-webkit-mask:radial-gradient(circle,transparent 16px,#000 17px);mask:radial-gradient(circle,transparent 16px,#000 17px)}.wallnum b{font-size:15px}.wallnum small{display:none}.discards.common{gap:5px 3px}.discards .tile{--w: 31px}.lastcall{font-size:11.5px}.pos-top .thought-bubble,.pos-left .thought-bubble,.pos-right .thought-bubble{left:50%;right:auto;top:calc(100% - 6px);bottom:auto;translate:-50% 0}.pos-top .thought-bubble:after,.pos-left .thought-bubble:after,.pos-right .thought-bubble:after{left:calc(50% - 5px);right:auto;top:-7px;bottom:auto}.pos-top .thought-bubble:before,.pos-left .thought-bubble:before,.pos-right .thought-bubble:before{display:none}.dock{grid-template-columns:minmax(0,1fr);grid-template-areas:"mine" "hand" "acts";gap:10px;padding:22px 10px calc(12px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.turnbar{top:-14px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.mine{flex-direction:row;justify-content:space-between;align-items:center}.mine .who{padding:5px 10px 5px 5px}.mine .exposed{justify-content:flex-end;gap:4px}.mine .exposed .tile{--w: 20px}.mine .exposed .grp{gap:1px}.dock .hand-tiles{display:grid;grid-template-columns:repeat(7,var(--hw));gap:12px 4px;padding-top:4px;justify-content:center;--hw: min(52px, calc((100vw - 48px) / 7))}.dock .hand-tiles .suit-start,.dock .hand-tiles .drawn-apart{margin-left:0}.dock .hand-tiles .tile{--w: var(--hw)}.tile.drawn:after{top:auto;bottom:calc(-1 * var(--edge) - 15px);font-size:8px;padding:2px 5px}.claims{padding:8px;gap:8px}.acts{flex-direction:row;flex-wrap:wrap}.acts .btn{flex:1 1 40%;padding:12px 10px}}@media(max-width:380px){.opp .who .badge{display:none}}.history{flex:none}.history ul,.history-list{list-style:none;padding:0;margin:0;font-size:12px}.history summary{cursor:pointer;padding:4px 0}.history summary .muted{margin-left:6px}.history-detail{padding:6px 0 2px}.history-detail ul{margin-top:4px}.history-detail li{display:block;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}.history-detail li.win,.history-detail li.win .wind-glyph{color:var(--brass2)}.history-seat{display:flex;align-items:center;gap:6px}.delta{margin-left:auto;font-variant-numeric:tabular-nums}.delta.up{color:var(--pos)}.delta.down{color:var(--neg)}.history-value{padding:2px 0}.history-hand{display:flex;gap:2px;flex-wrap:wrap;align-items:center;padding:2px 0 4px}.history-meld{display:inline-flex;gap:1px;margin-right:4px;padding-right:4px;border-right:1px solid rgba(255,255,255,.2)}.score-breakdown{margin-top:6px}.sb-rows{border-collapse:collapse;width:100%}.sb-rows td{padding:3px 4px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.07)}.sb-tiles{display:flex;gap:2px;align-items:center}.sb-abbr{display:none;font-size:10px;color:var(--mut);margin-left:2px}.sb-kind{white-space:nowrap;color:var(--txt);font-size:12px;width:1%}.sb-tag{display:inline-block;margin-left:5px;padding:0 4px;border-radius:4px;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);background:#ffffff14}.sb-pts{text-align:right;width:2.5em;font-variant-numeric:tabular-nums;color:var(--brass2)}.sb-fans{width:1%}.sb-fan{display:inline-block;margin-right:2px;padding:0 4px;border-radius:4px;font-size:10px;font-weight:700;color:#1a1405;background:var(--brass);cursor:help}.sb-why{color:var(--mut);font-size:11px}.sb-handfans{list-style:none;margin:6px 0 0;padding:0;font-size:12px}.sb-handfans li{display:flex;justify-content:space-between;gap:8px;padding:2px 0;color:var(--txt)}.sb-total{display:flex;align-items:baseline;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14);font-size:13px}.sb-step{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}.sb-math b{color:var(--brass2);font-size:15px}.sb-math sup{font-size:10px}.sb-pay{list-style:none;margin:6px 0 0;padding:0;font-size:12px}.sb-pay li{display:flex;align-items:center;gap:6px;padding:2px 0}.sb-pay b{margin-left:auto;color:var(--brass2)}.sb-arrow{color:var(--mut)}.sb-legacy{padding:2px 0}.score-breakdown.compact .sb-kind,.score-breakdown.compact .sb-why,.score-breakdown.compact .sb-step{display:none}.score-breakdown.compact .sb-abbr{display:inline}.score-breakdown.compact .sb-rows td{padding:1px 3px}.score-breakdown.compact .sb-total{font-size:12px}.history-pay{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px}.history-pay li{display:inline-flex;gap:4px;border-bottom:0;padding:0}:root{--stagger: 20ms;--deal-dur: .3s}.btn:active:not(:disabled){box-shadow:0 1px 4px #0006}.lobby,.game{animation:view-in .3s ease backwards}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.dock .hand-tiles .tile{animation:deal-in var(--deal-dur) cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * var(--stagger));transition:transform .12s ease,box-shadow .12s ease}@keyframes deal-in{0%{transform:translateY(-42px) rotate(-6deg);opacity:0;pointer-events:none}to{transform:translateY(0) rotate(0);opacity:1;pointer-events:auto}}.dock .tile.clickable:hover:not(.flying){transform:translateY(-6px)}.tile.flying,.dock .hand-tiles .tile.flying{animation:fly-discard .4s ease forwards;pointer-events:none}@keyframes fly-discard{to{transform:translateY(-90px) scale(.7);opacity:0}}.discards .tile.landed{animation:land-in .35s cubic-bezier(.22,1,.36,1) backwards}@keyframes land-in{0%{transform:scale(.6);opacity:0}}@keyframes turn-glow{0%,to{box-shadow:0 0 6px 1px #e4b8644d}50%{box-shadow:0 0 18px 5px #e4b8648c}}.who.claimed-flash{animation:seat-flash .55s ease-out}@keyframes seat-flash{0%{background:#ffffff73;box-shadow:0 0 26px 9px #e4b864d9}to{background:transparent;box-shadow:0 0 #e4b86400}}.claims{flex-wrap:wrap;animation:slide-up .28s cubic-bezier(.22,1.2,.36,1) backwards}@keyframes slide-up{0%{transform:translateY(26px);opacity:0}}.claims .btn{animation:slide-up .3s cubic-bezier(.22,1.2,.36,1) backwards;animation-delay:calc(var(--i, 0) * 40ms + 60ms)}.chow-btn{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.chow-tiles{display:flex;gap:2px}.count-bar{flex-basis:100%;height:5px;border-radius:3px;background:#00000059;overflow:hidden}.count-fill{height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--brass2),var(--brass));transform-origin:left;animation:count-drain 15s linear forwards}@keyframes count-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.count-fill.low{background:linear-gradient(90deg,#ff9a5a,var(--verm))}.overlay{animation:overlay-in .3s ease backwards}.modal{animation:modal-in .35s cubic-bezier(.22,1.2,.36,1) backwards}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{transform:scale(.82);opacity:0}}.overlay.draw .modal{filter:saturate(.55) brightness(.92)}.win-hand .tile{animation:flip-in .5s cubic-bezier(.22,1.2,.36,1) backwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes flip-in{0%{transform:rotateY(90deg) scale(.8);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:20}.confetti i{position:absolute;top:-14px;left:var(--x);width:var(--s);height:calc(var(--s) * 1.6);background:var(--c);border-radius:1px;opacity:0;animation:confetti-fall var(--d) ease-in var(--dl) forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateZ(0) rotate(var(--r))}to{opacity:0;transform:translate3d(var(--dx),100vh,0) rotate(calc(var(--r) * 4))}}.lobby-tiles{display:flex;gap:8px;justify-content:center;align-items:flex-end;margin-bottom:12px}.lobby-tiles .tile{animation:tile-bob 3s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .25s)}@keyframes tile-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(3deg)}}.players li.filled{animation:pop-in .35s cubic-bezier(.22,1.4,.36,1)}@keyframes pop-in{0%{transform:scale(.88);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0!important;transition-duration:.01ms!important;transition-delay:0!important}}