.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)}}.win-stage{flex-direction:column;gap:clamp(6px,1.4vh,14px);width:min(1040px,96vw);max-height:96vh;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);max-height:94vh;padding:16px 8px;display:flex;overflow:auto}.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(-60%)scale(1.15)}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(112px, 25vh, 200px);--S:min(calc(100vh - var(--myh) * .5), 68vw);--rw:calc(var(--S) * .049);--ow:calc(var(--S) * .042);--hw:clamp(24px, min(calc((100vw - 80px) / 19), 9vh), 64px);--mw:clamp(16px, calc(var(--S) * .04), 28px);position:fixed;inset:0;overflow:hidden}.board-wrap{width:var(--S);height:var(--S);perspective:1600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.board{transform-origin:50% 70%;transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(20deg)translateY(-2%)}.felt{background:radial-gradient(circle at 50% 45%, var(--felt1), var(--felt2) 75%);border-radius:4%;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #5b3a1d,inset 0 0 0 10px #2b1a0b,0 20px 50px #0009}.side{pointer-events:none;position:absolute;inset:0}.side-right{transform:rotate(-90deg)}.side-left{transform:rotate(90deg)}.river{width:calc(var(--rw) * 6.4);flex-wrap:wrap;align-content:flex-start;gap:0 1px;display:flex;position:absolute;top:65%;left:50%;transform:translate(-50%)}.river .tile{margin-bottom:calc(var(--rw) * .16)}.river .tg{filter:saturate(.85)}.opp-area{align-items:flex-end;gap:calc(var(--S) * .02);display:flex;position:absolute;bottom:1.5%;left:50%;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{color:#ffe48a;background:#00000059;border-radius:8px;align-items:center;gap:2px;padding:2px 6px;font-size:12px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.center-box{color:#f3e6c4;background:linear-gradient(#24302c,#111a17);border-radius:10%;width:28%;height:28%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #3c5a4f,0 6px 16px #00000080}.cb-seat{font-size:calc(var(--S) * .028);white-space:nowrap;align-items:center;gap:4px;display:flex;position:absolute}.cb-seat .wind{color:#b9c9c2;font-weight:800}.cb-seat .wind.dealer{color:#ff6a6a}.cb-seat.turn .score{color:#ffd23c;text-shadow:0 0 6px #ffd23cb3}.cb-bottom{bottom:6%;left:50%;transform:translate(-50%)}.cb-right{transform-origin:50%;top:50%;right:6%;transform:translate(50%,-50%)rotate(-90deg)translateY(-50%)}.cb-left{transform-origin:50%;top:50%;left:6%;transform:translate(-50%,-50%)rotate(90deg)translateY(-50%)}.cb-seat .stick{width:calc(var(--S) * .05);background:#fff;border-radius:2px;height:4px;position:relative;box-shadow:inset 0 0 0 1px #aaa}.cb-seat .stick:after{content:"";background:#c8102e;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.warame{color:#fff;background:#c8102e;border-radius:4px;padding:0 3px;font-size:.8em}.cb-mid{place-items:center;display:grid;position:absolute;inset:30%}.timer{font-size:calc(var(--S) * .05);color:#9fe0c5;font-weight:800}.timer.hurry{color:#ff6a6a;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.15)}}.nameplate{color:#f3e6c4;font-size:calc(var(--S) * .026);white-space:nowrap;background:#00000073;border-radius:8px;padding:2px 8px;position:absolute}.nameplate.offline{color:#ff9b9b}.np-bottom{bottom:16%;left:3%}.np-right{top:10%;right:2%}.np-left{top:10%;left:2%}.waiting-plate{color:#f3e6c4;font-size:calc(var(--S) * .026);white-space:nowrap;background:#00000073;border-radius:8px;padding:3px 10px;position:absolute;top:3%;left:50%;transform:translate(-50%)}.waiting-plate.offline{color:#ff9b9b}.flash{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:900;font-size:calc(var(--S) * .085);color:#fff;text-shadow:0 0 10px #ff7b00,0 0 22px #ff3c00,0 3px #7a1020;pointer-events:none;z-index:5;white-space:nowrap;animation:1.4s ease-out forwards flash;position:absolute;transform:translate(-50%,-50%)}.flash-bottom{top:74%;left:50%}.flash-right{top:46%;left:78%}.flash-left{top:46%;left:22%}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}.bubble{color:#222;max-width:40%;font-size:calc(var(--S) * .026);z-index:6;background:#fff;border-radius:12px;padding:4px 10px;animation:5s forwards bubble;position:absolute;box-shadow:0 4px 10px #0000004d}.bubble b{color:#7a1020;margin-right:4px}.bubble-bottom{bottom:14%;left:50%;transform:translate(-50%)}.bubble-right{top:18%;right:6%}.bubble-left{top:18%;left:6%}.bubble-top{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:8px;min-height:40px;margin-bottom:4px;display:flex}.act{color:#fff;cursor:pointer;background:linear-gradient(#3a7bd5,#1f4fa0);border:none;border-radius:22px;padding:8px 18px;font-size:16px;font-weight:800;box-shadow:0 3px #123266,0 6px 14px #0006}.act.ron{background:linear-gradient(#ff5a5a,#c8102e);font-size:18px;box-shadow:0 3px #7a0010,0 6px 14px #0006}.act.pass{background:linear-gradient(#777,#4a4a4a);box-shadow:0 3px #2a2a2a}.act:active{transform:translateY(2px)}.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{padding:5px 12px;font-size:14px}.act.ron{font-size:15px}.actions{gap:6px;min-height:32px}.icon-btn,.chat-toggle{width:34px;height:34px;font-size:15px}.hud-right{right:48px}}