:root{--bg: #12352a;--felt: #1b5e45;--felt2: #17503b;--panel: #0f2a21;--card: #fbfaf6;--text: #f3f1ea;--ink: #1d1d1f;--muted: #a9c2b6;--accent: #e8b84a;--danger: #d9534f;--win: #e0463a;--tile: #fbf8ef;--tile-edge: #cfc6ad;--tile-back: #2f7fb5;--hand-h: 165px;--vh: 100vh}@supports (height: 100dvh){:root{--vh: 100dvh}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(circle at 50% 40%,#1f6a4e,var(--bg) 70%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow-x:hidden}.kj{font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,"Noto Serif CJK JP",serif;font-weight:700}.hint{font-family:system-ui,sans-serif;font-weight:700;opacity:.55}.page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.card{width:100%;max-width:460px;background:var(--panel);border-radius:14px;padding:22px;box-shadow:0 10px 40px #00000059;display:flex;flex-direction:column;gap:14px}.card h1{margin:0;font-size:22px;display:flex;align-items:center;gap:10px}.logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:40px;background:var(--tile);color:#c62828;border-radius:5px;font-family:"Noto Serif JP",serif;font-weight:700;box-shadow:0 2px 0 var(--tile-edge)}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #2c5547;background:#0a1f18;color:var(--text);min-width:0;flex:1}.row{display:flex;gap:8px;align-items:center}.muted{color:var(--muted)}.small{font-size:13px}.btn{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;background:#2b5a49;color:var(--text);text-decoration:none;text-align:center;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:#2a1f05;font-weight:600}.btn.tiny{padding:3px 8px;font-size:13px}.seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.seats li{display:flex;justify-content:space-between;align-items:center;background:#163a2e;padding:9px 12px;border-radius:8px}.seats li.empty{color:var(--muted);font-style:italic}.tag{font-size:11px;background:#2b5a49;border-radius:4px;padding:1px 6px;margin-left:4px}.tag.you{background:var(--accent);color:#2a1f05}.tag.off{background:var(--danger)}.rules{font-size:13px;color:var(--muted)}.rules ul{padding-left:18px;margin:8px 0 0}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 14px;border-radius:8px;z-index:50;font-size:14px;max-width:calc(100vw - 32px)}.toast.warn{background:var(--danger)}.tile{--w: 30px;display:inline-block;position:relative;width:var(--w);height:calc(var(--w) * 4 / 3);background:linear-gradient(#fffdf6,var(--tile));border-radius:calc(var(--w) * .12);box-shadow:inset 0 0 0 1px var(--tile-edge),0 calc(var(--w) * .07) 0 #bdb397;flex:none;vertical-align:bottom}.tile svg{position:absolute;inset:6%;width:88%;height:88%;display:block}.tile.side{width:calc(var(--w) * 4 / 3);height:var(--w)}.tile.back{background:linear-gradient(var(--tile-back),#23638e);box-shadow:inset 0 0 0 1px #1d557b,0 calc(var(--w) * .07) 0 #c8bf9f}.tile.red{box-shadow:inset 0 0 0 1px #e0a0a0,0 calc(var(--w) * .07) 0 #bdb397}.tile.mini{--w: 20px}.gap{display:inline-block;width:calc(var(--w, 30px) * .35);flex:none}.game{display:flex;flex-direction:column;align-items:center;min-height:var(--vh);padding:8px 8px 0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.board{--B: min( calc(100vw - 16px) , calc(var(--vh) - var(--hand-h) - 16px), 860px);width:var(--B);height:var(--B);position:relative;flex:none;background:radial-gradient(circle,var(--felt),var(--felt2));border-radius:calc(var(--B) * .03);box-shadow:inset 0 0 calc(var(--B) * .05) #00000059}.center{position:absolute;left:33%;top:33%;width:34%;height:34%;background:#00000047;border-radius:calc(var(--B) * .02);font-size:calc(var(--B) * .021)}.cinfo{position:absolute;inset:22% 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;text-align:center}.rname{font-weight:700;font-size:1.35em;color:var(--accent)}.sub{color:var(--muted);min-height:1.2em}.wall b{color:#fff}.dora{display:flex;gap:2px;margin-top:3%}.dora .tile{--w: calc(var(--B) * .036)}.slabel{position:absolute;display:flex;align-items:center;gap:.4em;white-space:nowrap;padding:.25em .5em;border-radius:.5em;max-width:100%}.slabel.p0{bottom:2%;left:50%;transform:translate(-50%)}.slabel.p2{top:2%;left:50%;transform:translate(-50%)}.slabel.p1{left:94%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.slabel.p3{left:6%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.slabel.active{background:#e8b84a40;box-shadow:0 0 0 1px var(--accent)}.slabel .wind{font-family:"Noto Serif JP",serif;font-weight:700;font-size:1.25em}.slabel.dealer .wind{color:#ff7a6b}.slabel .sname{max-width:9em;overflow:hidden;text-overflow:ellipsis}.slabel .score{font-variant-numeric:tabular-nums;font-weight:700}.slabel .stick{width:3em;height:.45em;background:#fff;border-radius:.3em;position:relative}.slabel .stick:after{content:"";position:absolute;left:50%;top:50%;width:.35em;height:.35em;background:var(--danger);border-radius:50%;transform:translate(-50%,-50%)}.offline{color:var(--danger);margin-left:.2em}.zone{position:absolute;inset:0;pointer-events:none}.zone.p1{transform:rotate(-90deg)}.zone.p2{transform:rotate(180deg)}.zone.p3{transform:rotate(90deg)}.pond{position:absolute;left:33%;top:67.2%;width:40%;display:flex;flex-direction:column}.pond .tile{--w: calc(var(--B) * .066)}.prow{display:flex;align-items:flex-end;height:calc(var(--B) * .066 * 4 / 3 + 1px)}.pond .tile.called{opacity:.3}.pond .tile.tsumogiri svg{opacity:.85}.pond .tile.last{box-shadow:inset 0 0 0 2px var(--accent),0 0 calc(var(--B) * .012) var(--accent)}.ohand{position:absolute;bottom:.6%;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;white-space:nowrap}.ohand .tile,.ohand .gap{--w: calc(var(--B) * .033)}.ohand .melds .tile{--w: calc(var(--B) * .036)}.ohand .melds{margin-left:calc(var(--B) * .02);display:flex;gap:calc(var(--B) * .008)}.meld{display:inline-flex;align-items:flex-end}.kakan{display:inline-flex;flex-direction:column}.callout{position:absolute;z-index:5;font-size:calc(var(--B) * .065);font-weight:900;color:#fff;text-shadow:0 0 .2em #000,0 0 .5em var(--accent);pointer-events:none;animation:pop .25s ease-out;font-family:system-ui,sans-serif}.callout.k-ron,.callout.k-tsumo{color:#ffd2cc;text-shadow:0 0 .2em #000,0 0 .5em var(--win);font-size:calc(var(--B) * .09)}.callout.k-riichi{color:#fff6d0}.callout.p0{left:50%;bottom:14%;transform:translate(-50%)}.callout.p2{left:50%;top:10%;transform:translate(-50%)}.callout.p1{right:6%;top:50%;transform:translateY(-50%)}.callout.p3{left:6%;top:50%;transform:translateY(-50%)}.callout.mid{left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.mine{width:min(100%,1000px);height:var(--hand-h);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:max(8px,env(safe-area-inset-bottom))}.mine.spectator{align-items:center;justify-content:center;color:var(--muted)}.bar{display:flex;align-items:center;gap:8px;min-height:44px;flex-wrap:wrap;justify-content:center}.status{color:var(--muted);font-size:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.waits{display:inline-flex;align-items:center;gap:2px}.waits .tile{--w: 18px}.furiten{color:#fff;background:var(--danger);border-radius:4px;padding:1px 6px;font-size:12px;margin-left:6px}.buttons{display:flex;gap:6px;flex-wrap:wrap}.btn.act{font-weight:700;padding:9px 16px;background:#31705a;box-shadow:0 2px #1d4637}.btn.act.win{background:var(--win);box-shadow:0 2px #8d2219}.btn.act.riichi{background:#d08b1f;box-shadow:0 2px #7a5212}.btn.act.on{background:#555}.btn.act.pass{background:#3e4a45}.timer{min-width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0a1f18;font-weight:700;font-variant-numeric:tabular-nums}.timer:empty{visibility:hidden}.timer.low{background:var(--danger)}.chooser{display:flex;gap:6px;justify-content:center;margin:4px 0;flex-wrap:wrap}.chooser .tile{--w: 24px}.btn.choice{background:#0a1f18;padding:6px 8px;display:inline-flex;gap:2px;align-items:center}.handrow{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-top:10px;flex-wrap:nowrap}.hand{display:flex;align-items:flex-end}.hand .tile,.mymelds .tile,.hand .gap{--w: min(calc((100vw - 32px) / 17.5), 60px)}.mymelds{display:flex;gap:4px;flex-wrap:wrap-reverse;justify-content:flex-end}.mymelds .tile{--w: min(calc((100vw - 32px) / 24), 36px)}.htile{transition:transform .1s}.htile.can{cursor:pointer}@media(hover:hover){.htile.can:hover{transform:translateY(-18%)}}.htile.sel{transform:translateY(-22%);box-shadow:inset 0 0 0 2px var(--accent),0 4px #bdb397}.htile.dim{filter:brightness(.6)}.hand.riichimode .htile.can{box-shadow:inset 0 0 0 2px #d08b1f,0 4px #bdb397}.modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:12px;z-index:20;animation:fade .2s}@keyframes fade{0%{opacity:0}}.dialog{background:var(--panel);border-radius:14px;padding:18px;width:min(100%,640px);max-height:calc(var(--vh) - 24px);overflow-y:auto;box-shadow:0 20px 60px #00000080}.dialog h2{margin:0 0 12px;text-align:center}.dialog h3{margin:4px 0 10px;color:var(--accent)}.dhead{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.dfoot{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px}.win{border-bottom:1px solid #234a3c;padding-bottom:10px;margin-bottom:10px}.rhand{display:flex;align-items:flex-end;flex-wrap:wrap;row-gap:6px}.rhand .tile{--w: min(calc((100vw - 70px) / 17), 34px)}.rhand .gap{--w: 22px}.rhand .meld{margin-right:4px}.tile.wintile{box-shadow:inset 0 0 0 2px var(--win),0 2px #bdb397}.indicators{display:flex;align-items:center;gap:4px;margin:10px 0;color:var(--muted);font-size:13px;flex-wrap:wrap}.indicators span{margin:0 4px 0 8px}.indicators span:first-child{margin-left:0}table{border-collapse:collapse;width:100%}td{padding:4px 6px}td.num{text-align:right;font-variant-numeric:tabular-nums}.yaku td{border-bottom:1px solid #1d4134}.value{text-align:right;margin-top:8px;font-size:18px;color:var(--muted)}.value b{color:#fff;font-size:22px;margin-left:8px}.scores{margin-top:12px}.scores tr.me td{color:var(--accent)}.scores .plus{color:#6fdc8c}.scores .minus{color:#ff8a80}.scores td.place{font-weight:800;font-size:20px;width:32px}.tenpai{margin-bottom:10px}.tenpai>div:first-child{margin-bottom:4px}@media(max-width:600px){:root{--hand-h: 170px}.game{padding:4px 4px 0}.board{--B: min( calc(100vw - 8px) , calc(var(--vh) - var(--hand-h) - 8px));margin-block:auto}.handrow{flex-wrap:wrap;gap:6px}.hand .tile,.hand .gap{--w: calc((100vw - 12px) / 14.5)}.mymelds{width:100%}.mymelds .tile{--w: calc((100vw - 24px)/20) }.btn.act{padding:8px 12px;font-size:14px}.status{font-size:12px}}@media(orientation:landscape)and (max-height:500px){.game{flex-direction:row;justify-content:center;gap:8px;padding:8px max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))}.game,.board{--B: min(calc(var(--vh) - 16px), calc(100vw - 320px) )}.mine{--mine-w: calc(100vw - var(--B) - 32px);flex:1;min-width:0;height:calc(var(--vh) - 8px);justify-content:center;gap:4px}.bar{min-height:0}.btn.act{padding:7px 12px;font-size:14px}.status{font-size:12px}.handrow{flex-wrap:wrap;gap:6px}.hand .tile,.hand .gap{--w: min(calc(var(--mine-w) / 14.6), 48px)}.mymelds{width:100%;justify-content:center}.mymelds .tile{--w: min(calc(var(--mine-w) / 20), 34px)}.chooser .tile{--w: 20px}}
/*# sourceMappingURL=app.css.map */