.bd{--rw:calc(var(--t) * .96);--ow:calc(var(--t) * .7);--mw:max(calc(var(--t) * .62), 13px);--fs:max(10px, calc(var(--t) * .36 + (var(--t) - 22px) * .14));width:calc(var(--t) * 25.6);height:calc(var(--t) * 15.2);color:var(--ivory);position:relative}.bd-frame{inset:calc(var(--t) * -.38);border-radius:calc(var(--t) * .55);box-shadow:0 calc(var(--t) * .5) calc(var(--t) * 1.4) #000000bf, inset 0 1px 0 #ffdca01f;background:linear-gradient(#4a3019,#2e1c0d 55%,#1f1308);position:absolute}.bd-felt{border-radius:calc(var(--t) * .3);box-shadow:inset 0 0 calc(var(--t) * .9) #0009, inset 0 0 0 1px #d9b45a40;background:radial-gradient(at 50% 40%,#ffffff12,#0000 62%),repeating-linear-gradient(45deg,#00000009 0 2px,#0000 2px 4px),radial-gradient(at 50% 45%,#1f6a4b,#0d382a 85%);position:absolute;inset:0}.bd-band{top:calc(var(--t) * .2);width:calc(var(--t) * 2.3);height:calc(var(--t) * 14.8);position:absolute}.band-left{left:calc(var(--t) * .2)}.band-right{right:calc(var(--t) * .2)}.bd-band-in{width:calc(var(--t) * 14.8);height:calc(var(--t) * 2.3);justify-content:center;gap:calc(var(--t) * .12);flex-direction:column;display:flex;position:absolute;top:50%;left:50%}.band-left .bd-band-in{transform:translate(-50%,-50%)rotate(90deg)}.band-right .bd-band-in{transform:translate(-50%,-50%)rotate(-90deg)}.bd-band-melds{gap:calc(var(--t) * .3);min-height:calc(var(--ow) * 1.36);justify-content:center;align-items:flex-end;display:flex}.bd-band-hand{gap:calc(var(--t) * .04);justify-content:center;align-items:flex-end;display:flex}.bd-band-hand .revealed{filter:drop-shadow(0 0 3px #f3d98be6)}.bd-meld{align-items:flex-end;gap:1px;display:flex}.bd-meld.kita{padding:0 calc(var(--t) * .15);border-left:1px solid #d9b45a59;border-right:1px solid #d9b45a59}.bd-river{position:absolute}.river-bottom{left:50%;top:calc(var(--t) * 8.65);width:calc(var(--t) * 6.6);height:calc(var(--t) * 6.35);transform:translate(-50%)}.river-left{left:calc(var(--t) * 2.75);top:calc(var(--t) * 1.75);width:calc(var(--t) * 6.35);height:calc(var(--t) * 6.6)}.river-right{right:calc(var(--t) * 2.75);top:calc(var(--t) * 1.75);width:calc(var(--t) * 6.35);height:calc(var(--t) * 6.6)}.bd-river-in{--sc:1;width:calc(var(--t) * 6.6);height:calc(var(--t) * 6.35);align-content:flex-start;gap:calc(var(--t) * .06) calc(var(--t) * .04);transform:scale(var(--sc));transform-origin:50% 0;flex-wrap:wrap;display:flex}.bd-river-in.dense{--sc:.8;width:calc(var(--t) * 8.25);height:calc(var(--t) * 7.9);margin-left:calc(var(--t) * -.825)}.river-left .bd-river-in,.river-right .bd-river-in{transform-origin:50%;position:absolute;top:50%;left:50%}.river-left .bd-river-in{transform:translate(-50%, -50%) rotate(90deg) scale(var(--sc))}.river-right .bd-river-in{transform:translate(-50%, -50%) rotate(-90deg) scale(var(--sc))}.river-left .bd-river-in.dense,.river-right .bd-river-in.dense{margin-left:0}.bd-river .tile{margin-bottom:calc(var(--rw) * .13)}.bd-river .tg{filter:saturate(.85)brightness(.97)}.bd-openwaits{font-size:max(10px, calc(var(--t) * .32));white-space:nowrap;color:var(--gold2);background:#0009;border:1px solid #d9b45a66;align-items:center;gap:2px;padding:2px 6px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bd-top{left:50%;top:calc(var(--t) * .25);align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.bd-waiting{white-space:nowrap;font-size:var(--fs);background:#00000073;border-top:1px solid #d9b45a66;border-bottom:1px solid #d9b45a66;align-items:baseline;gap:6px;padding:2px 10px;display:flex}.bd-waiting .w{color:#b9c9c2;font-family:Yu Mincho,serif;font-weight:800}.bd-waiting .sc{font-family:Yu Mincho,serif}.bd-waiting .note{color:var(--dim);font-size:.85em}.bd-waiting.offline{color:#ff9b8c}.bd-center{left:50%;top:calc(var(--t) * 1.45);width:calc(var(--t) * 6.6);height:calc(var(--t) * 7.05);border-radius:calc(var(--t) * .55);box-shadow:inset 0 0 0 1px #d9b45a73, 0 calc(var(--t) * .25) calc(var(--t) * .8) #0009;font-size:max(var(--fs), calc(var(--t) * .55));background:linear-gradient(160deg,#1d2724,#0b1210);position:absolute;transform:translate(-50%)}.bc-seat{white-space:nowrap;flex-direction:column;align-items:center;gap:0;line-height:1.25;display:flex;position:absolute}.bc-line{align-items:center;gap:calc(var(--t) * .14);display:flex}.bc-name{color:var(--dim);max-width:calc(var(--t) * 4.6);text-overflow:ellipsis;font-size:.78em;overflow:hidden}.bc-seat.turn .bc-name{color:var(--ivory)}.bc-bottom{bottom:calc(var(--t) * .28);left:50%;transform:translate(-50%)}.bc-right{right:calc(var(--t) * .28);top:60%;transform:translate(50%,-50%)rotate(-90deg)translateY(-50%)}.bc-left{left:calc(var(--t) * .28);top:60%;transform:translate(-50%,-50%)rotate(90deg)translateY(-50%)}.bc-wind{color:#b9c9c2;font-family:Yu Mincho,serif;font-weight:800}.bc-wind.dealer{color:#ff7b6e}.bc-score{font-variant-numeric:tabular-nums;font-family:Yu Mincho,serif;font-weight:700}.bc-seat.turn .bc-score{color:var(--gold2);text-shadow:0 0 6px #d9b45ab3}.bc-seat.turn:after{content:"";background:var(--gold);height:2px;box-shadow:0 0 6px var(--gold);position:absolute;bottom:-2px;left:10%;right:10%}.bc-seat.offline{color:#ff9b8c}.bc-stick{width:calc(var(--t) * .7);height:max(3px, calc(var(--t) * .1));background:#fff;border-radius:2px;position:relative}.bc-stick:after{content:"";width:max(3px, calc(var(--t) * .1));height:max(3px, calc(var(--t) * .1));background:#c8102e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bd .tag{padding:0 4px;font-size:.72em;line-height:1.45}.bd .tag.warame{color:#fff;background:#c4483e}.bd .tag.yakitori{color:#ffb877;border:1px solid #e08a3c}.bc-mid{justify-content:center;align-items:center;gap:calc(var(--t) * .05);flex-direction:column;display:flex;position:absolute;inset:8% 10% 29%}.bc-mid.many .bc-timer{font-size:1.3em}.bc-grid{column-gap:calc(var(--t) * .25);white-space:nowrap;grid-template-columns:max-content max-content;justify-content:center;align-items:center;display:grid}.bc-grid>:nth-child(odd){justify-self:center}.bc-grid>:nth-child(2n){justify-self:start}.bc-timer:empty:before{content:""}.bc-mid.many .bc-dora{--mw:max(calc(var(--t) * .58), 11px)}.bc-mid.many .bc-dora .tiles{max-width:calc(var(--mw) * 5 + 8px)}.bc-dora{--mw:max(calc(var(--t) * .7), 13px);flex-direction:column;align-items:center;gap:2px;display:flex}.bc-dora .lbl{color:var(--dim);letter-spacing:.2em;font-size:.7em;line-height:1}.bc-dora .tiles{max-width:calc(var(--mw) * 4 + 6px);flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.bc-dora .tile{margin-bottom:calc(var(--mw) * .13)}.bc-round{color:var(--gold2);letter-spacing:.1em;white-space:nowrap;font-family:Yu Mincho,serif}.bc-timer{color:#9fe0c5;min-height:1em;font-family:Yu Mincho,serif;font-size:1.8em;font-weight:800;line-height:1}.bc-timer.hurry{color:#ff6a6a;animation:.5s infinite alternate pulse}.bc-sub{color:var(--dim);white-space:nowrap;font-size:max(9px,.72em);line-height:1.2}.bd-zone{top:calc(var(--t) * 8.65);width:calc(var(--t) * 6.35);height:calc(var(--t) * 6.35);position:absolute}.zone-info{left:calc(var(--t) * 2.75);gap:calc(var(--t) * .22);font-size:var(--fs);flex-direction:column;display:flex}.zone-act{right:calc(var(--t) * 2.75);flex-direction:column;justify-content:flex-end;display:flex}.zi-names{flex-direction:column;gap:2px;display:flex}.zi-name{white-space:nowrap;text-overflow:ellipsis;flex-wrap:wrap;align-items:center;gap:2px 0;display:flex;overflow:hidden}.zi-open{color:var(--gold2);flex-direction:column;gap:2px;display:flex}.zi-open .dir{color:var(--dim);font-size:.9em}.zi-open .tiles{flex-wrap:wrap;gap:2px;display:flex}.zi-name .dir{color:var(--dim);margin-right:6px;font-size:.85em}.zi-name.offline{color:#ff9b8c}.zi-dora .lbl{color:var(--dim);margin-bottom:2px;font-size:.85em;display:block}.zi-dora .tiles{flex-wrap:wrap;gap:2px;display:flex}.zi-wall{color:var(--dim)}.bd-overlay{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.ov-bottom{left:50%;top:calc(var(--t) * 11)}.ov-left{left:calc(var(--t) * 5.9);top:calc(var(--t) * 5)}.ov-right{left:calc(var(--t) * 19.7);top:calc(var(--t) * 5)}.bd .flash{font-size:calc(var(--t) * 1.5);position:static;transform:none}.bd .bubble{font-size:max(11px, calc(var(--fs) * 1.1));max-width:calc(var(--t) * 7);position:static;transform:none}.win-layer{--ivory:#efe6cf;--dim:#9c9584;--gold:#d9b45a;--gold2:#f3d98b;--red:#c4483e;--green:#7fbf8f;--fx:1;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--ivory);background:radial-gradient(at 50% 40%,#080e0cdb,#000000f0);place-items:center;animation:.2s ease-out wl-in;display:grid;position:fixed;inset:0;overflow:auto}.win-layer.fast{--fx:.45}@keyframes wl-in{0%{opacity:0}}.win-banner{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.wb-text{letter-spacing:.08em;color:#fff;text-shadow:0 0 18px #c4483ee6,0 0 2px #000;animation:wb-in calc(.45s * var(--fx)) cubic-bezier(.2, 1.4, .4, 1);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(56px,14vh,130px);font-weight:900}.wb-text.tsumo{text-shadow:0 0 18px #d9b45ae6,0 0 2px #000}.wb-name{color:var(--gold2);letter-spacing:.2em;font-size:clamp(16px,3vh,24px)}@keyframes wb-in{0%{opacity:0;transform:scale(1.6)}}.fit{flex:none}.win-stage{flex-direction:column;gap:clamp(6px,1.4vh,14px);width:min(1040px,96vw);padding:10px 6px;display:flex}.win-stage.hidden{visibility:hidden}.ws-head{justify-content:center;align-items:baseline;gap:14px;display:flex}.ws-who{letter-spacing:.06em;font-size:clamp(18px,3.2vh,26px);font-weight:700}.ws-how{color:var(--gold2);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(18px,3.2vh,26px)}.ws-how small{color:var(--dim);font-family:inherit;font-size:13px}.ws-multi{color:var(--dim);border:1px solid #4a463c;padding:1px 8px;font-size:12px}.meter{border-top:1px solid #d9b45a59;border-bottom:1px solid #d9b45a59;justify-content:center;align-items:center;gap:18px;padding:8px 0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;display:flex}.m-han{font-size:clamp(20px,3.8vh,32px)}.m-han b{color:var(--gold);margin-left:6px;font-weight:800}.m-han b.ym{color:#ff8a7a;text-shadow:0 0 8px #c4483eb3}.m-sep{background:#d9b45a66;width:1px;height:26px}.m-chip{color:var(--ivory);align-items:baseline;gap:4px;font-size:clamp(16px,2.8vh,22px);display:flex}.m-chip small{color:var(--dim);font-size:12px}.m-num{color:var(--gold2);text-align:center;min-width:1.2em;font-size:clamp(26px,5vh,42px);font-weight:900}.m-num i{color:var(--gold);margin:0 4px;font-size:.55em;font-style:normal}.pop{animation:pop calc(.25s * var(--fx)) ease-out;display:inline-block}@keyframes pop{0%{color:#fff;text-shadow:0 0 12px var(--gold);transform:scale(1.35)}to{transform:none}}.ws-hand{--hw:clamp(24px, min(4.6vw, 7vh), 52px);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2px;display:flex}.ws-hand .gap{width:12px}.ws-hand .mg{--hw:clamp(22px, min(4vw, 6vh), 44px);gap:1px;margin-left:10px;display:flex}.ws-hand .win-tile{box-shadow:0 0 0 2px var(--gold), 0 0 14px #d9b45ab3!important}.ws-note{text-align:center;color:var(--gold2);font-size:13px}.ws-body{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(10px,2vw,28px);display:grid}.ws-left,.ws-right{flex-direction:column;gap:10px;min-width:0;display:flex}.yaku-cols{grid-template-columns:1fr 1fr;gap:2px 24px;font-size:clamp(13px,2.2vh,16px);display:grid}.yk{border-bottom:1px solid #efe6cf14;justify-content:space-between;padding:2px 0;display:flex}.yk.ym{color:#ff8a7a;grid-column:1/-1;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.2em;font-weight:800}.yk.gold,.yk.hit{color:var(--gold2)}.yk.hit{animation:pop calc(.3s * var(--fx))}.reveal-row,.dora-line{--hw:clamp(22px, min(3.6vw, 6vh), 40px);--mw:clamp(14px, 2.2vw, 22px);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rl{color:var(--dim);letter-spacing:.1em;width:4.5em;font-size:12px}.dora-line{gap:3px}.dora-line .rl{margin-right:7px}.flip-row{gap:3px;display:flex}.flip{display:inline-flex;position:relative}.flip.open{animation:flip calc(.28s * var(--fx)) ease-out both}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:none}}.flip.hit .tile{box-shadow:0 0 0 2px var(--gold), 0 0 16px #f3d98bd9, 0 calc(var(--w) * .13) 0 #1d7a5a!important}.flip.miss .tile{filter:brightness(.55)saturate(.6)}.flip em{background:var(--gold);color:#2a1a00;border-radius:3px;padding:0 5px;font-size:13px;font-style:normal;font-weight:900;position:absolute;top:-10px;right:-6px}.flip.latest.hit em{animation:pop calc(.3s * var(--fx))}.rv-note{color:var(--dim);font-size:14px}.rv-note.gold{color:var(--gold2);font-weight:700}.score-block{text-align:right}.score-main{animation:pop calc(.3s * var(--fx));font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(34px,7.5vh,64px);font-weight:900;line-height:1}.score-main small{color:var(--dim);margin-left:4px;font-size:.4em}.score-main.gold span{color:var(--gold2);text-shadow:0 0 14px #d9b45a73}.score-main.ym span{color:#ff9b8c;text-shadow:0 0 16px #c4483eb3}.score-sub{color:var(--dim);margin-top:4px;font-size:13px}.score-sub .red{color:var(--red)}.score-pay{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:2px;font-size:13px;display:flex}.score-pay small{color:var(--dim)}.chip-block{border-top:1px solid #d9b45a4d;padding-top:8px;animation:.2s wl-in}.chip-lines{font-size:14px}.cl{justify-content:space-between;padding:1px 0;display:flex}.cl.sum{border-top:1px solid #efe6cf33;margin-top:3px;padding-top:3px;font-weight:700}.cl.muted,.muted{color:var(--dim)}.chain{justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;font-family:Yu Mincho,serif;font-size:20px;display:flex}.gold-tag{color:#2a1a00;background:linear-gradient(#f3d98b,#c9a03a);padding:1px 8px;font-family:inherit;font-size:13px;font-weight:800}.ch{color:var(--gold2);font-weight:800}.chip-final{justify-content:flex-end;align-items:baseline;gap:6px;margin-top:4px;font-family:Yu Mincho,serif;display:flex}.chip-final b{color:var(--gold2);text-shadow:0 0 16px #d9b45a8c;animation:pop calc(.35s * var(--fx));font-size:clamp(34px,7vh,60px)}.chip-final small{color:var(--dim);font-size:12px}.chip-pay{color:var(--dim);flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:13px;display:flex}.chip-pay .tot{color:var(--gold2);font-weight:700}.ws-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:4px;display:flex}.gbtn{font:inherit;cursor:pointer;border:1px solid var(--gold);color:var(--gold2);letter-spacing:.1em;background:0 0;padding:10px 26px}.gbtn.primary{color:#1d1405;background:linear-gradient(#e5c46e,#b8902f);border-color:#f3d98b;font-weight:800;box-shadow:0 6px 18px #00000073}.gbtn.primary:hover:not(:disabled){filter:brightness(1.08)}.gbtn.ghost{color:var(--dim);border-color:#5c574a;padding:8px 16px}.gbtn:disabled{opacity:.5;cursor:default}.waiting-txt{color:var(--ivory)}.auto-txt{color:var(--dim);font-size:12px}.fast-toggle{color:var(--dim);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.final-panel{flex-direction:column;gap:12px;width:min(760px,94vw);padding:16px 8px;display:flex}.fp-title{text-align:center;color:var(--gold2);letter-spacing:.08em;border-bottom:1px solid #d9b45a59;padding-bottom:6px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(20px,3.6vh,28px)}.fp-grid{gap:0;font-size:clamp(14px,2.4vh,18px);display:grid}.fp-grid>span{text-align:right;border-bottom:1px solid #efe6cf14;padding:7px 10px}.fp-h{text-align:right;color:var(--ivory);font-weight:700}.fp-h.me{color:var(--gold2)}.fp-h small{color:var(--dim);font-size:11px;font-weight:400;display:block}.fp-l{color:var(--dim);font-size:13px;text-align:left!important}.fp-v{font-variant-numeric:tabular-nums;font-family:Yu Mincho,serif}.fp-v.pos{color:var(--gold2)}.fp-v.neg{color:var(--red)}.fp-v.total{color:var(--ivory);font-size:.9em}.fp-v.chip.pos{color:#f0c96a}.fp-bust{text-align:center;color:var(--red);letter-spacing:.2em;font-weight:800}.fp-links{justify-content:center;gap:18px;display:flex}.lnk{color:var(--dim);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:none;font-size:13px;text-decoration:underline}.lnk.on{color:var(--gold2)}.fp-detail{background:#ffffff08;padding:8px 12px;font-size:13px}.fp-detail ul{columns:2;margin:6px 0 0;padding-left:18px}.fp-detail small{color:var(--dim)}.dt-block{margin-bottom:6px}.dt-h{color:var(--gold2)}.fp-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.fp-tenpai{--mw:clamp(14px, 2vw, 22px);flex-direction:column;gap:4px;display:flex}.tp-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tp-name{width:6em}.tp-tiles{gap:1px;display:flex}.gold,.pos{color:var(--gold2)}.neg{color:var(--red)}.dice-rank{flex-direction:column;display:flex}.dr{border-bottom:1px solid #efe6cf14;grid-template-columns:3em 1fr 7em 5em 5em;align-items:baseline;gap:8px;padding:6px 4px;display:grid}.dr.me .dr-name{color:var(--gold2)}.dr.payer .dr-rank:after{content:" 🎲";font-size:12px}.dr-rank{color:var(--dim)}.dr-score,.dr-pt,.dr-chip{text-align:right;font-family:Yu Mincho,serif}.dice-pair{perspective:500px;justify-content:center;gap:22px;padding:8px 0;display:flex}.die3d{--d:clamp(54px, 11vh, 84px);width:var(--d);height:var(--d);box-sizing:border-box;padding:calc(var(--d) * .14);background:linear-gradient(145deg,#fffdf6,#d9d2bf);border-radius:16%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:relative;box-shadow:inset 0 -4px #00000026,0 10px 20px #00000080}.die3d.red{background:linear-gradient(145deg,#e0574c,#9e241c)}.die3d .pip{background:#1b1b1b;border-radius:50%;width:62%;height:62%;margin:auto}.die3d.red .pip{background:#fff}.die3d .pip.one{background:#c4483e;width:85%;height:85%}.die3d.red .pip.one{background:#fff}.die3d b{color:#00000040;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.die3d.red b{color:#ffffff59}.die3d.rolling{animation:.52s linear roll}@keyframes roll{0%{transform:rotateX(0)rotate(0)translateY(-10px)}50%{transform:rotateX(360deg)rotate(180deg)translateY(-24px)}to{transform:rotateX(720deg)rotate(360deg)}}.dice-result{text-align:center}.dres{font-family:Yu Mincho,serif;font-size:22px}.dres.gold{color:var(--gold2);text-shadow:0 0 10px #d9b45a99}.dice-pay{flex-direction:column;gap:2px;margin-top:4px;font-size:14px;display:flex}.dice-pay small{color:var(--dim)}@media (height<=480px){.win-stage{gap:4px;padding:4px}.ws-body{grid-template-columns:1fr 1fr}.yaku-cols{font-size:12px}.meter{padding:3px 0}.gbtn{padding:6px 16px}.score-sub,.score-pay,.chip-pay{font-size:11px}}:root{--bg:#050807;--bg2:#10201b;--panel:#0a0e0dd1;--ivory:#efe6cf;--dim:#9c9584;--line:#efe6cf17;--gold:#d9b45a;--gold2:#f3d98b;--red:#c4483e;--accent:#d9b45a;--accent2:#c4483e;--felt1:#1f6b4f;--felt2:#0f3f30;--pos:#f3d98b;--neg:#c4483e;--muted:#9c9584;color:var(--ivory);font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 25%, var(--bg2), var(--bg) 70%);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit}input,select{font:inherit;color:var(--ivory);background:#ffffff0a;border:1px solid #4a463c;border-radius:2px;outline:none;padding:9px 11px}input:focus,select:focus{border-color:var(--gold)}input::placeholder{color:#6d675a}select option{color:var(--ivory);background:#14140f}select:disabled{opacity:.6}.page{padding:16px;position:fixed;inset:0;overflow:auto}.page.center{place-items:center;display:grid}.card{background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #d9b45a73;border-bottom:1px solid #d9b45a73;padding:20px 22px;box-shadow:0 20px 60px #0000008c}.hero{flex-direction:column;gap:14px;width:min(440px,92vw);display:flex}.logo{letter-spacing:.14em;color:var(--gold2);text-shadow:0 0 18px #d9b45a40;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:34px;font-weight:800}.hero .logo{text-align:center;font-size:38px}.logo.small{color:var(--gold2);font-size:20px}.sub{color:var(--dim);text-align:center;letter-spacing:.2em;margin:0;font-size:13px}.field{color:var(--dim);letter-spacing:.08em;flex-direction:column;gap:6px;font-size:12px;display:flex}.btn{color:var(--ivory);cursor:pointer;letter-spacing:.06em;background:0 0;border:1px solid #5c574a;border-radius:2px;padding:8px 16px}.btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold2)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{color:#1d1405;letter-spacing:.12em;background:linear-gradient(#e5c46e,#b8902f);border-color:#f3d98b;font-weight:800;box-shadow:0 6px 18px #00000073}.btn.primary:hover:not(:disabled){filter:brightness(1.08);color:#1d1405}.btn.danger{border-color:var(--red);color:#ffb4ab}.btn.danger:hover:not(:disabled){background:var(--red);color:#fff}.btn.big{padding:13px 22px;font-size:17px}.btn.small{padding:4px 12px;font-size:13px}.err{color:#ff9b8c;margin:0}.remember{color:var(--dim);cursor:pointer;align-items:center;gap:6px;margin-top:-4px;font-size:12px;display:flex}.remember input{accent-color:var(--gold)}.note{color:var(--dim);margin:4px 0;font-size:12px}.loading{color:var(--gold2);letter-spacing:.2em;font-size:18px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.topbar{flex-wrap:wrap;align-items:center;gap:12px;max-width:1100px;margin:0 auto 14px;display:flex}.phase-label{color:var(--dim);letter-spacing:.15em;border:1px solid #4a463c;padding:2px 10px;font-size:12px}.lobby-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;max-width:1100px;margin:0 auto;display:grid}.lobby-grid h3{color:var(--gold2);letter-spacing:.2em;margin:14px 0 10px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:13px;font-weight:600}.lobby-grid h3:first-child{margin-top:0}.share{border:1px dashed #4a463c;flex-direction:column;gap:8px;padding:12px;display:flex}.share-row{align-items:center;gap:8px;font-size:13px;display:flex}.share-row .k{width:72px;color:var(--dim);font-size:12px}.share-row code{word-break:break-all;color:var(--ivory);-webkit-user-select:text;user-select:text}.share-row .pw{letter-spacing:.3em;color:var(--gold2);font-family:Yu Mincho,serif;font-size:26px;font-weight:800}.seats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seat-slot{background:#ffffff08;border:1px solid #3d3a32;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:flex}.seat-slot.empty{background:0 0;border-style:dashed;justify-content:center}.seat-slot.me{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d9b45a4d}.seat-slot .nm{font-weight:600}.dot{background:#555;border-radius:50%;width:7px;height:7px}.dot.on{background:#7fbf8f;box-shadow:0 0 6px #7fbf8fb3}.badge{color:var(--dim);letter-spacing:.08em;border:1px solid #5c574a;padding:0 6px;font-size:10px}.badge.dealer{border-color:var(--red);color:#ffb4ab}.specs{color:var(--dim);flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;display:flex}.specs .off{opacity:.5}.start-area{justify-content:center;margin-top:18px;display:flex}.rules h3 small{color:var(--dim);letter-spacing:0;margin-left:8px;font-family:system-ui,sans-serif;font-size:11px;font-weight:400}.rule-grid{color:var(--dim);grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;font-size:13px;display:grid}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th,.tbl td{border-bottom:1px solid var(--line);text-align:right;padding:8px}.tbl th:first-child,.tbl td:first-child,.tbl th:nth-child(2),.tbl td:nth-child(2){text-align:left}.tbl th{color:var(--dim);letter-spacing:.1em;font-size:11px;font-weight:400}.tbl td{font-variant-numeric:tabular-nums}.tbl tr.me td{color:var(--gold2)}.tbl tr.me td.neg{color:var(--red)}.pos{color:var(--gold2);font-weight:700}.neg{color:var(--red);font-weight:700}.dice{color:var(--dim);flex-wrap:wrap;align-items:center;gap:4px;margin:12px 0;font-size:13px;display:flex}.die{color:#1b1b1b;background:linear-gradient(145deg,#fffdf6,#d9d2bf);border-radius:5px;place-items:center;width:26px;height:26px;margin:0 2px;font-weight:800;display:inline-grid}.die.red{color:#fff;background:linear-gradient(145deg,#e0574c,#9e241c)}.chiplog{max-height:200px;color:var(--dim);padding-left:18px;font-size:12px;overflow:auto}.warn-text{color:#ffb4ab;font-size:13px}details{margin-top:14px}summary{cursor:pointer;color:var(--dim);font-size:13px}.final h3{margin-top:0}.banner{z-index:50;border-radius:0 0 10px 10px;padding:4px 14px;font-size:13px;position:fixed;top:0;left:50%;transform:translate(-50%)}.banner.warn{color:#1d1405;background:#d9b45a}.toast{color:#fff;z-index:60;background:#141414e6;border-radius:10px;padding:8px 16px;font-size:14px;position:fixed;bottom:24%;left:50%;transform:translate(-50%)}.rotate-hint{display:none}.idle-layer{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#000000c7;place-items:center;display:grid;position:fixed;inset:0}.idle-box{text-align:center;color:var(--ivory);border-top:1px solid #d9b45a73;border-bottom:1px solid #d9b45a73;padding:18px 26px}@media (orientation:portrait) and (width<=900px){.room.phase-playing .rotate-hint{color:#fff;z-index:100;background:#000000e0;place-items:center;font-size:18px;display:grid;position:fixed;inset:0}}.tile{--h:calc(var(--w) * 1.36);width:var(--w);height:var(--h);border-radius:calc(var(--w) * .13);box-shadow:inset 0 0 0 1px #00000014, 0 calc(var(--w) * .07) 0 #d8cca5, 0 calc(var(--w) * .13) 0 #1d7a5a, 0 calc(var(--w) * .2) calc(var(--w) * .18) #0006;margin-bottom:calc(var(--w) * .13);background:linear-gradient(170deg,#fff 0%,#f6f1e2 70%,#ece4cc 100%);flex:none;transition:transform .12s,filter .12s;position:relative}.tile .face{width:86%;height:88%;position:absolute;top:6%;left:7%}.tile.back{box-shadow:inset 0 0 0 1px #ffffff26, 0 calc(var(--w) * .07) 0 #e9dfbf, 0 calc(var(--w) * .13) 0 #c9bc92, 0 calc(var(--w) * .2) calc(var(--w) * .18) #0006;background:linear-gradient(160deg,#3fb08a 0%,#1f8566 55%,#176a51 100%)}.tile.gold{background:linear-gradient(170deg,#fff6c9 0%,#f3d46b 60%,#d9ae2c 100%)}.tile.aka:after{content:"";opacity:.85;background:#e2263e;border-radius:50%;width:14%;height:10%;position:absolute;top:4%;right:6%}.tile.sideways{width:var(--h);height:var(--w);margin-top:calc(var(--h) - var(--w))}.tile.sideways .face{width:calc(var(--w) * .86);height:calc(var(--h) * .88);top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.tile.clickable{cursor:pointer}.tile.clickable:hover{transform:translateY(-6%)}.tile.selected{filter:drop-shadow(0 0 6px #ffd23ce6);transform:translateY(-22%)!important}.tile.dim{filter:brightness(.62)}.tile.hint{outline-offset:1px;outline:2px solid #ffd23c}.tile.fresh{animation:.28s ease-out drop}.tile.fresh:before{content:"";border-radius:inherit;position:absolute;inset:-2px;box-shadow:0 0 0 2px #ffd23c}@keyframes drop{0%{opacity:.2;transform:translateY(-40%)}to{opacity:1;transform:none}}.t-hand{--w:var(--hw)}.t-meld{--w:calc(var(--hw) * .78)}.t-river{--w:var(--rw)}.t-opp{--w:var(--ow)}.t-mini{--w:var(--mw)}.table-screen{--myh:clamp(100px, 24vh, 190px);--PW:min(calc(100vw - 12px), calc((100vh - var(--myh) * .62 - 8px) * 2.1));--PD:calc(var(--PW) * .6);--BH:var(--PD);--cy:calc(var(--PD) * .47);--rw:calc(var(--PD) * .062);--ow:calc(var(--PD) * .04);--hw:clamp(24px, min(calc((100vw - 80px) / 19), 9vh), 64px);--mw:clamp(16px, calc(var(--PD) * .035), 28px);position:fixed;inset:0;overflow:hidden}.board-wrap{left:50%;bottom:calc(var(--myh) * .62);width:var(--PW);height:var(--PD);perspective:calc(var(--PW) * 1.05);perspective-origin:50% 0;position:absolute;transform:translate(-50%)}.board{transform-origin:50% 100%;transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(46deg)}.felt{background:radial-gradient(ellipse at 50% 45%, var(--felt1), var(--felt2) 80%);border-radius:18px;position:absolute;inset:0;box-shadow:inset 0 0 0 10px #4a3018,inset 0 0 0 16px #22150a,inset 0 0 60px #00000073,0 30px 60px #000000b3}.seat-frame{left:50%;top:var(--cy);pointer-events:none;width:0;height:0;position:absolute}.seat-frame>*{position:absolute;left:0}.sf-info{top:calc(var(--PD) * .085);white-space:nowrap;font-size:calc(var(--BH) * .03);color:var(--ivory);background:#00000080;border:1px solid #0000;align-items:center;gap:5px;padding:2px 8px;display:flex;transform:translate(-50%)}.sf-info .wind{color:#b9c9c2;font-family:Yu Mincho,serif;font-weight:800}.sf-info .wind.dealer{color:#ff7b6e}.sf-info .nm{text-overflow:ellipsis;max-width:7em;overflow:hidden}.sf-info .score{font-variant-numeric:tabular-nums}.sf-info.turn{border-color:var(--gold);box-shadow:0 0 10px #d9b45a80}.sf-info.turn .score{color:var(--gold2)}.sf-info.offline{color:#ff9b8c}.sf-bottom .sf-info{top:calc(var(--PD) * .48)}.sf-left .river,.sf-right .river{top:calc(var(--PD) * .2)}.sf-left .sf-info,.sf-right .sf-info{top:calc(var(--PD) * .5)}.sf-left .opp-area,.sf-right .opp-area{top:calc(var(--PD) * .66)}.sf-info .stick{width:calc(var(--BH) * .045);background:#fff;border-radius:2px;height:4px;position:relative}.sf-info .stick:after{content:"";background:#c8102e;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tag{padding:0 4px;font-size:.78em;line-height:1.4}.tag.warame{color:#fff;background:#c4483e}.tag.yakitori{color:#ffb877;border:1px solid #e08a3c}.tag.off{color:#ff9b8c;border:1px solid #ff9b8c}.river{top:calc(var(--PD) * .11);width:calc(var(--rw) * 6.4);flex-wrap:wrap;align-content:flex-start;gap:0 1px;display:flex;transform:translate(-50%)}.river .tile{margin-bottom:calc(var(--rw) * .16)}.river .tg{filter:saturate(.85)}.opp-area{top:calc(var(--PD) * .4);align-items:flex-end;gap:calc(var(--BH) * .02);display:flex;transform:translate(-50%)}.opp-hand{gap:1px;display:flex}.opp-hand .revealed{filter:drop-shadow(0 0 3px #ffd23c)}.melds{align-items:flex-end;gap:6px;display:flex}.meld,.kita{align-items:flex-end;gap:1px;display:flex}.kita{border-right:1px dashed #ffffff4d;padding-right:4px}.open-waits{top:calc(var(--PD) * .45);color:#ffe48a;white-space:nowrap;background:#00000073;align-items:center;gap:2px;padding:2px 6px;font-size:12px;display:flex}.center-box{left:50%;top:var(--cy);width:calc(var(--PD) * .13);height:calc(var(--PD) * .13);color:var(--ivory);background:radial-gradient(circle at 50% 35%,#2a3833,#0e1613);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #d9b45a59,0 6px 16px #00000080}.timer{font-size:calc(var(--BH) * .055);color:#9fe0c5;font-family:Yu Mincho,serif;font-weight:800}.timer.hurry{color:#ff6a6a;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.15)}}.waiting-plate{color:var(--ivory);font-size:calc(var(--BH) * .028);white-space:nowrap;background:#00000080;align-items:center;gap:6px;padding:3px 10px;display:flex;position:absolute;top:2%;left:50%;transform:translate(-50%)}.waiting-plate.offline{color:#ff9b8c}.flash{top:calc(var(--BH) * .27);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:900;font-size:calc(var(--BH) * .09);color:#fff;text-shadow:0 0 10px #ff7b00,0 0 22px #ff3c00,0 3px #7a1020;z-index:5;white-space:nowrap;animation:1.4s ease-out forwards flash}@keyframes flash{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}.bubble{top:calc(var(--BH) * .36);max-width:calc(var(--BH) * .6);color:#222;font-size:calc(var(--BH) * .028);z-index:6;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:12px;padding:4px 10px;animation:5s forwards bubble;overflow:hidden;box-shadow:0 4px 10px #0000004d}.bubble b{color:#7a1020;margin-right:4px}.bubble-top{position:absolute;top:9%;left:50%;transform:translate(-50%)}@keyframes bubble{0%{opacity:0}6%{opacity:1}90%{opacity:1}to{opacity:0}}.hud-left{z-index:10;color:#f3e6c4;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;left:8px}.round-info{background:#00000073;border-radius:10px;padding:6px 10px}.round-name{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:20px;font-weight:800}.round-info .small{opacity:.85;font-size:12px}.dora{background:#00000073;border-radius:10px;padding:6px 8px}.dora .lbl{opacity:.8;font-size:11px}.dora-tiles{flex-wrap:wrap;gap:2px;max-width:30vw;display:flex}.hud-right{z-index:10;gap:6px;display:flex;position:absolute;top:8px;right:56px}.icon-btn{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;width:40px;height:40px;font-size:18px}.my-area{height:var(--myh);z-index:8;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.my-area>*{pointer-events:auto}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-bottom:4px;display:flex}.act{color:#fff;cursor:pointer;background:linear-gradient(#3a7bd5,#1f4fa0);border:none;border-radius:26px;min-width:96px;padding:12px 28px;font-size:20px;font-weight:800;box-shadow:0 3px #123266,0 6px 14px #0006}.act.ron{background:linear-gradient(#ff5a5a,#c8102e);min-width:110px;font-size:22px;box-shadow:0 3px #7a0010,0 6px 14px #0006}.act.pass{background:linear-gradient(#777,#4a4a4a);box-shadow:0 3px #2a2a2a}.mode-hint{color:#ffe48a;background:#00000080;border-radius:10px;padding:4px 10px;font-size:14px}.hand-row{align-items:flex-end;gap:calc(var(--hw) * .5);margin-left:max(8px, calc(50vw - (var(--hw) + 2px) * 7.4));align-self:flex-start;display:flex}.tile-slot{width:var(--hw);height:calc(var(--hw) * 1.36);margin-bottom:calc(var(--hw) * .13);display:block}.tile.settle{animation:.22s ease-out settle}@keyframes settle{0%{filter:brightness(1.15);transform:translateY(-35%)}to{transform:none}}.hand{align-items:flex-end;gap:2px;display:flex}.drawn-gap{margin-left:calc(var(--hw) * .35);display:flex}.my-info{color:#f3e6c4;gap:10px;min-height:18px;font-size:12px;display:flex}.my-info span{align-items:center;gap:2px;display:flex}.my-info .furiten{color:#ff9b9b}.my-area.spectator{justify-content:center}.spec-label{color:#f3e6c4;background:#00000080;border-radius:10px;margin-bottom:20px;padding:6px 14px}.spectator-bottom{bottom:1.5%}.chat{z-index:30;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;top:8px;right:8px}.chat-toggle{cursor:pointer;background:#0000008c;border:1px solid #4a463c;border-radius:50%;width:40px;height:40px;font-size:18px;position:relative}.unread{color:#fff;background:#c8102e;border-radius:99px;padding:1px 6px;font-size:11px;position:absolute;top:-4px;right:-4px}.chat-panel{background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #d9b45a73;border-bottom:1px solid #d9b45a73;flex-direction:column;width:min(320px,80vw);display:flex;box-shadow:0 12px 30px #0000008c}.chat-log{max-height:min(260px,45vh);padding:8px 10px;font-size:13px;overflow:auto}.chat-line{word-break:break-word;-webkit-user-select:text;user-select:text;padding:2px 0}.chat-line b{color:var(--gold2);margin-right:6px;font-weight:600}.chat-input{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.chat-input input{flex:1;min-width:0;padding:6px 8px}@media (height<=480px){.round-name{font-size:15px}.round-info .small{font-size:10px}.act{min-width:76px;padding:9px 20px;font-size:17px}.act.ron{min-width:88px;font-size:19px}.actions{gap:8px;min-height:44px}.icon-btn,.chat-toggle{width:34px;height:34px;font-size:15px}.hud-right{right:48px}}.play{--hw:clamp(26px, min(calc((100vw - 64px) / 16.6), 11.5vh), 80px);--handbar:calc(var(--hw) * 1.36 + var(--hw) * .12 + 8px);--t:min(calc((100vh - var(--handbar) - 16px) / 16.1), calc((100vw - 24px) / 26.4), 52px);grid-template-rows:1fr var(--handbar);display:grid;position:fixed;inset:0;overflow:hidden}.play-board{min-height:0;padding-top:calc(var(--t) * .45);place-items:center;display:grid}.play-hand{justify-content:center;align-items:flex-start;gap:calc(var(--hw) * .5);padding-top:calc(var(--hw) * .06);z-index:6;background:linear-gradient(#0000,#00000073);display:flex;position:relative}.play-hand:before{content:"";background:linear-gradient(90deg,#0000,#d9b45a73,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}.play-hand .hand{gap:max(2px, calc(var(--hw) * .05));align-items:flex-end;display:flex}.play-hand .drawn-gap{margin-left:calc(var(--hw) * .4);display:flex}.play-hand .my-melds{gap:calc(var(--hw) * .25);--mw:calc(var(--hw) * .62);align-items:flex-end;display:flex}.play-hand .spec-label{color:var(--dim);letter-spacing:.15em;align-self:center}.play .tile.selected{filter:drop-shadow(0 0 8px #f3d98bd9);transform:translateY(-24%)!important}.play .tile.selected:before{content:"";background:var(--gold);height:2px;box-shadow:0 0 6px var(--gold);position:absolute;bottom:-10%;left:10%;right:10%}.act-area{flex-direction:column;gap:6px;display:flex}.act-hint{font-size:max(11px, calc(var(--t) * .36 + (var(--t) - 22px) * .12));color:var(--gold2);text-align:center}.act-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.act-grid>:only-child{grid-column:1/-1}.act{min-height:max(42px, calc(var(--t) * 1.45));min-width:0;font:inherit;font-size:max(14px, calc(var(--t) * .44 + (var(--t) - 22px) * .05));letter-spacing:.12em;color:var(--ivory);cursor:pointer;background:linear-gradient(#23272a,#111416);border:1px solid #d9b45a8c;border-radius:2px;padding:4px 8px;font-weight:700;box-shadow:0 3px 10px #00000080,inset 0 1px #ffffff0f}.act:hover{border-color:var(--gold);color:var(--gold2)}.act:active{transform:translateY(1px)}.act.ron{color:#1d1405;font-size:max(16px, calc(var(--t) * .6));background:linear-gradient(#e5c46e,#b8902f);border-color:#f3d98b;min-width:0;box-shadow:0 0 12px #d9b45a73,0 4px 12px #0000008c}.act.ron:hover{filter:brightness(1.08);color:#1d1405}.act.pass{color:var(--dim);background:linear-gradient(#2a2b2c,#1a1b1c);border-color:#4a463c;font-weight:500}.zi-wait{color:var(--gold2);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.zi-wait.furiten{color:#ff9b8c}.pv-ctrl{z-index:20;color:var(--ivory);background:#000000bf;border:1px solid #4a463c;flex-direction:column;gap:6px;padding:8px 10px;font-size:12px;display:flex;position:fixed;top:8px;right:8px}.pv-title{color:var(--gold2);letter-spacing:.15em}.pv-row{align-items:center;gap:6px;display:flex}