:root{--felt: #304b82;--felt-dark: #1f3358;--room: #111a2c;--rim: #18233a;--rim-light: rgba(170, 190, 230, .2);--panel: rgba(24, 34, 58, .72);--panel-solid: #1a253d;--line: rgba(255, 255, 255, .16);--ink: #f2f5f3;--muted: rgba(242, 245, 243, .6);--tile-bg: #f5f1e5;--tile-edge: #d6cebb;--tile-side: #c3b9a0;--tile-drop: 0 1px 0 rgba(0, 0, 0, .35), 0 3px 5px rgba(0, 0, 0, .45);--accent: #e8b04b;--danger: #d1495b;--plus: #79b4ea;--minus: #ea8791;--tw: 42px;--th: 58px;--stw: 26px;--sth: 36px;color-scheme:dark;--font-sans: "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Noto Sans JP", "BIZ UDPGothic", Meiryo, system-ui, sans-serif;--font-serif: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", "BIZ UDMincho", "MS Mincho", serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(255,236,196,.12),transparent 70%),radial-gradient(ellipse 100% 80% at 50% 38%,rgba(56,82,136,.5),transparent 72%),linear-gradient(180deg,#1a2742 0%,var(--room) 65%,#0b111d 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-sans);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;min-height:100vh;min-height:100dvh}.app{max-width:900px;margin:0 auto;padding:10px 14px 28px}.tile{position:relative;width:var(--tw);height:var(--th);padding:0;flex:none;border:1px solid var(--tile-edge);border-bottom:1px solid var(--tile-side);border-radius:4px;background:linear-gradient(180deg,#0000 calc(100% - 2px),#372d1980 calc(100% - 2px)),linear-gradient(90deg,#0000004d 0,#ffffffd9 4%,#fff0 12%,#fff0 80%,#0000001f 92%,#00000052),linear-gradient(180deg,#fff0 10%,#fff9 17%,#fff0 27%),linear-gradient(180deg,#fbf8ef,#f1ecde 40%,#dcd3bd);display:inline-block;overflow:hidden;font-family:inherit;cursor:default}.tile{box-shadow:var(--tile-drop)}.tile:not(.small):not(.back){border-top:4px solid #1b1e24}.layer[data-rot="90"] .tile.small{--tile-drop: 2px 0 0 #cdc4ad, 2.5px 0 0 #9d937a, 3px 0 4px rgba(0, 0, 0, .45)}.layer[data-rot="180"] .tile.small{--tile-drop: 0 -2px 0 #cdc4ad, 0 -2.5px 0 #9d937a, 0 -3px 4px rgba(0, 0, 0, .45)}.layer[data-rot="270"] .tile.small{--tile-drop: -2px 0 0 #cdc4ad, -2.5px 0 0 #9d937a, -3px 0 4px rgba(0, 0, 0, .45)}.tile.small{width:var(--stw);height:var(--sth);border-bottom-width:1px;--tile-drop: 0 2px 0 #cdc4ad, 0 2.5px 0 #9d937a, 0 3px 4px rgba(0, 0, 0, .45);border-radius:3px}.tile.rotated{width:var(--th);height:var(--tw)}.tile.small.rotated{width:var(--sth);height:var(--stw)}.tile-svg{font-feature-settings:normal;position:absolute;left:50%;top:50%;width:var(--tw);height:var(--th);transform:translate(-50%,-50%)}.tile.small .tile-svg{width:var(--stw);height:var(--sth)}.tile.rotated .tile-svg{transform:translate(-50%,-50%) rotate(-90deg)}.tile.back{background:linear-gradient(150deg,#3b414c,#1a1d23);border-color:#0e1014;border-bottom-color:#d6cfbf}.tile.dimmed{opacity:.34}.tile.clickable{cursor:pointer;transition:transform .08s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover){.tile.clickable:hover{transform:translateY(-7px);border-color:var(--accent)}}.tile.drawn{box-shadow:0 0 0 2px #e8b04b99,var(--tile-drop)}.topbar{position:relative;z-index:6;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px #00000047;font-size:13px}.topbar .title{font-family:var(--font-serif);font-weight:700;font-size:15px;letter-spacing:.1em}.topbar .meta{color:var(--muted)}.seed-line{display:flex;align-items:center;gap:8px}.seed-line code{color:var(--ink);font-variant-numeric:tabular-nums}.bad{color:var(--danger)}.topbar .shanten{margin-left:auto;color:var(--accent);font-weight:700}.small-act{padding:3px 10px!important;font-size:12px!important}.file-act,.lobby-card .file-act{display:inline-block;margin-bottom:0;color:var(--ink);font-size:12px;font-weight:700}.file-act input,.lobby-card .file-act input{display:none}.board-square{position:relative;--board: min(720px, 94vw, 68vh);--stw: calc(var(--board) * .045);--sth: calc(var(--board) * .062);width:var(--board);height:var(--board);margin:16px auto 0;border-radius:16px;background:radial-gradient(ellipse 90% 80% at 50% 62%,#0000,#00000008 45%,#0003 82%,#0000005c),linear-gradient(180deg,#00000024,#0000 42%),linear-gradient(165deg,#38558f 0%,var(--felt) 50%,#293f6d 100%);border:none;box-shadow:inset 0 0 0 1px var(--rim-light),0 0 0 6px var(--rim),0 0 0 7px #00000073,0 24px 50px #00000073}.board-square:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='640' height='640'><filter id='m' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.008 0.022' numOctaves='5' seed='11'/><feColorMatrix values='0 0 0 0 0.72  0 0 0 0 0.8  0 0 0 0 1  0 0 0 1.6 -0.62'/></filter><rect width='100%25' height='100%25' filter='url(%23m)'/></svg>");background-size:cover;opacity:.1}.layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.seat-area{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.river{display:flex;flex-direction:column;gap:1px;width:calc(6 * (var(--stw) + 1px));min-height:calc(3 * (var(--sth) + 1px))}.river-row{display:flex;align-items:flex-end;gap:1px}.seat-outer{display:flex;align-items:flex-end;gap:8px;min-height:var(--sth)}.hidden-hand,.melds{display:flex;gap:1px}.melds{gap:6px}.meld-stack{display:inline-flex;flex-direction:column;gap:1px}.meld{display:inline-flex;align-items:flex-end;gap:1px}.riichi-stick{position:relative;width:calc(var(--board) * .13);height:calc(var(--board) * .015);border-radius:4px;background:#f4f1e8;border:1px solid #cfc7b2;display:flex;align-items:center;justify-content:center}.riichi-stick .dot{width:5px;height:5px;border-radius:50%;background:var(--danger)}.center-box{position:absolute;left:50%;top:50%;width:calc(var(--board) * .27);height:calc(var(--board) * .27);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;padding:calc(var(--board) * .009) 4px;border-radius:10px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.05),transparent 70%),#00000057;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0f}.center-core{order:1;text-align:center;line-height:1.3;max-width:calc(var(--board) * .19)}.center-core .kyoku{font-family:var(--font-serif);font-size:clamp(15px,calc(var(--board) * .04),22px);font-weight:700;letter-spacing:.08em}.center-core .honba,.center-core .wall,.center-core .sticks{font-size:clamp(9px,calc(var(--board) * .02),11px);color:var(--muted)}.center-box .dora{order:2;display:flex;gap:2px;justify-content:center;--dwt: calc(var(--stw) * .8);--dwh: calc(var(--sth) * .8)}.center-box .dora .tile.small,.center-box .dora .tile.small .tile-svg{width:var(--dwt);height:var(--dwh)}.dead-wall{display:flex;gap:1px;align-items:flex-end}.dw-stack{position:relative;width:var(--dwt);height:calc(var(--dwh) * 1.3);flex:none}.dw-stack .tile{position:absolute;left:0;margin:0}.dw-stack .dw-lower .tile{bottom:0}.dw-stack .dw-upper .tile{top:0;z-index:1}.dead-wall[data-stacks="6"]{--dwt: calc(var(--stw) * .68);--dwh: calc(var(--sth) * .68)}.dead-wall[data-stacks="7"]{--dwt: calc(var(--stw) * .58);--dwh: calc(var(--sth) * .58)}.center-seat{position:absolute;display:flex;align-items:center;gap:5px;font-size:clamp(9px,calc(var(--board) * .02),11px);color:var(--muted);white-space:nowrap}.center-seat .pt{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}.center-seat .pt.diff{color:var(--accent)}.center-box{cursor:default;outline:none}.center-box:focus-visible{box-shadow:inset 0 1px #ffffff0f,0 0 0 2px #e8b04b99}.center-seat .nm{max-width:calc(var(--board) * .13);overflow:hidden;text-overflow:ellipsis}.center-seat .sub{color:var(--bad, #e88);white-space:nowrap}.center-seat.left .nm,.center-seat.right .nm{max-width:calc(var(--board) * .075)}.center-seat .wind{display:inline-flex;align-items:center;justify-content:center;width:clamp(14px,calc(var(--board) * .032),18px);height:clamp(14px,calc(var(--board) * .032),18px);border-radius:4px;background:#ffffff1f;color:var(--ink);font-weight:700}.center-seat .wind.dealer{background:var(--accent);color:#23180a}.center-seat.top{position:static;order:0}.center-seat.bottom{position:static;order:3}.center-seat.left{left:4px;top:42%;transform:translateY(-50%);flex-direction:column;gap:2px}.center-seat.right{right:4px;top:42%;transform:translateY(-50%);flex-direction:column;gap:2px}.my-area{margin-top:16px;padding:10px 12px;border:1px solid rgba(232,176,75,.3);border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #00000052}.my-head{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:8px;flex-wrap:wrap}.my-toggles{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.my-head .who{font-weight:700}.my-head .points{color:var(--accent);font-variant-numeric:tabular-nums}.dealer-mark{display:inline-block;background:var(--accent);color:#23180a;border-radius:4px;padding:0 4px;margin-right:5px;font-size:11px;font-weight:700}.riichi-mark{background:var(--danger);color:#fff;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.offline{background:#ffffff24;color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px}.my-hand{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:3px;align-items:flex-end;padding-top:8px;padding-bottom:6px}.drawn-gap{width:14px;flex:none}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:34px;align-items:center}.countdown{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.countdown.urgent{color:var(--danger);font-weight:700}.actions.waiting,.actions .hint{color:var(--muted);font-size:13px}.act{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid var(--line);background:#ffffff14;color:var(--ink);border-radius:8px;padding:7px 14px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}@media(hover:hover){.act:hover{background:#ffffff29}}.act:disabled{opacity:.4;cursor:default}.act.win{background:var(--accent);border-color:var(--accent);color:#23180a}.act.small-act.on{background:var(--accent);border-color:var(--accent);color:var(--room)}.act.riichi{border-color:var(--accent);color:var(--accent);animation:riichi-ready 1.1s ease-in-out infinite}@keyframes riichi-ready{0%,to{box-shadow:0 0 #ffc45a59;background:#ffc45a1f}50%{box-shadow:0 0 14px 4px #ffc45a8c;background:#ffc45a4d}}@media(prefers-reduced-motion:reduce){.act.riichi{animation:none;box-shadow:0 0 10px 2px #ffc45a80;background:#ffc45a38}}.act.riichi.on{background:var(--danger);border-color:var(--danger);color:var(--ink);animation:none;box-shadow:none}.act.pass{color:var(--muted)}.actions .call-pass{margin-left:6px}.log{margin-top:12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;color:var(--muted);max-height:72px;overflow-y:auto;display:flex;flex-direction:column-reverse}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040aa3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.overlay.dismissable{cursor:pointer}.overlay.dismissable .result{cursor:default}.show-result{position:fixed;right:16px;bottom:16px;z-index:20;box-shadow:0 8px 22px #00000073}.result{background:linear-gradient(170deg,#1c2d50,#111c34);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 26px 60px #0000008c;padding:20px 24px;min-width:320px;max-width:460px;max-height:88vh;overflow-y:auto}.result h2{font-family:var(--font-serif);margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:.1em}.result h3{font-family:var(--font-serif);margin:18px 0 6px;font-size:16px;letter-spacing:.08em}.score-label{margin:0 0 10px;color:var(--accent);font-size:18px;font-weight:700}.shot{position:relative;display:inline-flex;align-items:center;gap:4px}.shot-menu{display:inline-flex;gap:4px}.shot-note{position:absolute;top:calc(100% + 6px);right:0;white-space:nowrap;font-size:12px;color:#f4f1ea;background:#060a16e6;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:4px 10px;z-index:30}.score-label.big{font-size:22px;text-shadow:0 0 12px rgba(232,176,75,.55)}.result{animation:result-in .22s ease-out}@keyframes result-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result h2.win-head{position:relative;padding-bottom:6px}.result h2.win-head:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--accent),rgba(232,176,75,0));transform-origin:left;animation:win-underline .45s ease-out .15s both}.result h2.win-head.mine{color:#ffe9b8}@keyframes win-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.winning-tile{display:inline-flex;animation:winning-tile .6s ease-out .3s both}@keyframes winning-tile{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(232,176,75,0))}40%{transform:scale(1.22);filter:drop-shadow(0 0 10px rgba(232,176,75,.9))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(232,176,75,0))}}@media(prefers-reduced-motion:reduce){.result,.result h2.win-head:after,.winning-tile,.win-ring,.win-sparks i{animation:none}}.yaku-list,.tenpai-list{list-style:none;margin:0 0 12px;padding:0;font-size:13px}.yaku-list li{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px dashed var(--line)}.deltas,.standings{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.deltas td,.deltas th,.standings td,.standings th{padding:4px 6px;border-bottom:1px solid var(--line)}.deltas th,.standings th{font-size:11px;font-weight:400;color:var(--muted);text-align:right}.deltas td:nth-child(2),.deltas td:nth-child(3),.deltas th:nth-child(2),.deltas th:nth-child(3),.standings td:nth-child(n+3){text-align:right}.deltas tr.me,.standings tr.me{background:#e8b04b24}.plus{color:#7fd1a0}.minus{color:#ec8a95}.note{font-size:12px;color:var(--muted);margin:10px 0 14px}.result-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lobby{max-width:560px;margin:0 auto;padding:32px 20px 48px}.lobby h1{font-family:var(--font-serif);font-size:30px;font-weight:700;letter-spacing:.14em;margin:0 0 10px}.lobby .lead{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 24px}.lobby-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 26px #0000004d;padding:16px 18px;margin-bottom:16px}.lobby-card.wide{--wide: min(1020px, calc(100vw - 28px) );width:var(--wide);margin-left:calc((100% - var(--wide)) / 2)}.lobby-card h2{font-family:var(--font-serif);margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:.1em}.lobby-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.lobby-card input{display:block;width:100%;margin-top:4px;padding:8px 10px;border-radius:6px;border:1px solid var(--line);background:#0000004d;color:var(--ink);font-family:inherit;font-size:14px}.lobby-card details{font-size:12px;color:var(--muted);margin-bottom:10px}.lobby-card summary{cursor:pointer}@media(max-width:640px),(max-height:560px){:root{--tw: min(27px, calc((100vw - 46px) / 15.4));--th: calc(var(--tw) * 1.38)}.app{padding:8px 8px 20px}.topbar{gap:8px;padding:5px 8px}.topbar .title{display:none}.board-square{--board: min(720px, calc(100vw - 16px) , 68vh);margin-top:10px;--stw: calc(var(--board) * .045);--sth: calc(var(--board) * .062)}.center-box{width:max(calc(var(--board) * .27),96px);height:max(calc(var(--board) * .27),96px);gap:1px;padding:calc(var(--board) * .006) 3px}.center-seat.left{left:2px}.center-seat.right{right:2px}.center-core .kyoku{font-size:clamp(13px,calc(var(--board) * .04),22px)}.center-core{line-height:1.15}.center-seat .wind{width:clamp(12px,calc(var(--board) * .032),18px);height:clamp(12px,calc(var(--board) * .032),18px)}.center-box .dora{--dwt: calc(var(--stw) * .66);--dwh: calc(var(--sth) * .66)}.dead-wall[data-stacks="6"]{--dwt: calc(var(--stw) * .56);--dwh: calc(var(--sth) * .56)}.dead-wall[data-stacks="7"]{--dwt: calc(var(--stw) * .48);--dwh: calc(var(--sth) * .48)}.center-seat .pt{font-size:9px}.center-seat.left,.center-seat.right{flex-direction:column;align-items:center;gap:1px;top:38%}.center-seat.left .nm,.center-seat.right .nm{max-width:calc(var(--board) * .09);font-size:8px;line-height:1.1}.my-area{padding:8px}.my-hand{gap:2px}.drawn-gap{width:10px}.act{min-height:40px}.small-act{padding:7px 10px!important}.lobby-card input{font-size:16px}.lobby{padding:20px 12px 32px}.overlay{padding:10px}.result{min-width:0;padding:14px 16px;max-height:92vh}.result-actions{position:sticky;bottom:-14px;z-index:1;margin:0 -16px -14px;padding:10px 16px;background:#111c34;border-top:1px solid var(--line)}}.reveal{display:flex;align-items:flex-end;flex-wrap:wrap;gap:1px;margin:0 0 10px}.reveal .melds{margin-left:10px}.reveal-gap{width:10px;flex:none}.tile.marked{box-shadow:0 0 0 2px #d64242d9,var(--tile-drop)}.tile.drawn.marked{box-shadow:0 0 0 2px #d64242d9,0 0 0 4px #e8b04b99,var(--tile-drop)}.dora-row{display:flex;align-items:center;gap:3px;margin:0 0 8px;font-size:12px;color:var(--muted)}.dora-label{min-width:68px}.tenpai-list li{padding:4px 0;border-bottom:1px dashed var(--line)}.tenpai-head{display:flex;align-items:baseline;gap:10px;margin-bottom:3px}.machi{color:var(--accent)}.tile.fresh{box-shadow:0 0 0 2px #fffc,0 0 9px 2px #ffffff40,var(--tile-drop);animation:discard-in .18s ease-out;z-index:2}@keyframes discard-in{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}.center-seat.turn{color:var(--ink)}.center-seat.turn .wind{background:#fff;color:#1a1408;outline:none;box-shadow:0 0 0 2px var(--accent),0 0 10px #e8b04bcc}.center-seat.turn .nm{color:#ffe9b8;font-weight:700}.turn-pointer{position:absolute;background:linear-gradient(90deg,rgba(232,176,75,0),var(--accent) 25%,var(--accent) 75%,rgba(232,176,75,0));border-radius:3px;box-shadow:0 0 12px #e8b04bbf;pointer-events:none;animation:turn-pulse 1.4s ease-in-out infinite}.turn-pointer.bottom,.turn-pointer.top{left:18%;right:18%;height:5px}.turn-pointer.bottom{bottom:3px}.turn-pointer.top{top:3px}.turn-pointer.left,.turn-pointer.right{top:18%;bottom:18%;width:5px;background:linear-gradient(180deg,rgba(232,176,75,0),var(--accent) 25%,var(--accent) 75%,rgba(232,176,75,0))}.turn-pointer.left{left:3px}.turn-pointer.right{right:3px}@keyframes turn-pulse{0%,to{opacity:.55}50%{opacity:1}}.my-area.my-turn{border-color:var(--accent);box-shadow:0 0 0 1px #e8b04b8c,0 0 18px #e8b04b59,0 8px 22px #00000052}.my-area.my-turn .actions .hint{color:#1a1408;background:var(--accent);font-weight:700;padding:3px 12px;border-radius:999px;animation:turn-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.tile.fresh,.turn-pointer,.my-area.my-turn .actions .hint{animation:none}}.act.call{display:inline-flex;align-items:center;gap:8px;padding:5px 10px}.act.call .call-label{font-size:13px}.act.call .meld{pointer-events:none}.center-box .dora .tile{animation:dora-flip .45s ease-out}@keyframes dora-flip{0%{transform:rotateY(90deg) scale(1.3);opacity:0}60%{transform:rotateY(0) scale(1.15);opacity:1}to{transform:none}}@media(prefers-reduced-motion:reduce){.center-box .dora .tile{animation:none}}.result.stats{max-width:560px}.stat-card{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:10px}.stat-card.me{border-color:var(--accent);background:#e8b04b12}.stat-card header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.stat-name{font-family:var(--font-serif);font-size:16px;font-weight:700;letter-spacing:.06em}.stat-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}.stat-item{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:2px 0;border-bottom:1px dashed var(--line)}.stat-label{color:var(--muted)}.stat-value{font-variant-numeric:tabular-nums}.stat-value.up{color:var(--plus)}.stat-value.down{color:var(--minus)}.stats-table{margin:10px 0 8px}.stats-tabs{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:10px;padding:3px;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:999px;background:#00000040}.stats-tabs button{font-family:inherit;font-size:12px;letter-spacing:.04em;color:var(--muted);background:transparent;border:0;border-radius:999px;padding:4px 13px;cursor:pointer;transition:color .12s ease,background .12s ease}.stats-tabs button:hover{color:var(--ink)}.stats-tabs button.on{color:var(--room);background:var(--accent);font-weight:700}.stats-frame{position:relative;border-radius:8px}.stats-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.stats-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;pointer-events:none;opacity:0;transition:opacity .15s ease;background:linear-gradient(to right,#05091200,#050912d9);border-radius:0 8px 8px 0}.stats-frame.more:after{opacity:1}.stats-scroll table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.stats-scroll th,.stats-scroll td{position:relative;padding:7px 11px;text-align:right;border-bottom:1px solid rgba(255,255,255,.07)}.stats-scroll tbody tr:last-child th,.stats-scroll tbody tr:last-child td{border-bottom:0}.stats-scroll thead th{padding:0;vertical-align:bottom;border-bottom:1px solid var(--line)}.stats-scroll thead th button{font-family:inherit;font-size:11px;letter-spacing:.04em;color:var(--muted);background:transparent;border:0;padding:5px 11px;width:100%;text-align:right;cursor:pointer;white-space:nowrap;transition:color .12s ease}.stats-scroll thead th button:hover{color:var(--ink)}.stats-scroll thead th.sorted button{color:var(--accent)}.stats-scroll thead th.sorted,.stats-scroll td.sorted{background:#e8b04b14}.stats-scroll td .track{position:absolute;right:0;bottom:0;left:0;height:2px;background:#e8b04b29}.stats-scroll td .track .bar{position:absolute;right:0;top:0;bottom:0;width:calc(var(--fill) * 100%);background:var(--accent);opacity:.5}.stats-scroll td .track .bar.lead{opacity:1}.stats-scroll td.up{color:var(--plus)}.stats-scroll td.down{color:var(--minus)}.stats-scroll tbody th,.stats-scroll thead th:first-child{position:sticky;left:0;z-index:1;text-align:left;font-weight:400;background:var(--panel-solid)}.stats-scroll thead th:first-child button{text-align:left}.stats-scroll tbody th{border-right:1px solid rgba(255,255,255,.07)}.stats-scroll tbody th .place{display:inline-block;width:1.2em;margin-right:9px;font-size:11px;color:var(--muted);text-align:right}.stats-scroll tbody tr:first-child th .place{color:var(--accent)}.stats-scroll tbody tr:hover td{background:#ffffff0b}.stats-scroll tbody tr:hover th{background:#111b2f}.stats-scroll tbody tr.me th{color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.player-list{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0 8px;font-variant-numeric:tabular-nums}.player-list th{text-align:right;font-weight:400;font-size:11px;color:var(--muted);padding:2px 0 4px;border-bottom:1px solid var(--line)}.player-list th:first-child,.player-list td:first-child{text-align:left}.player-list td{text-align:right;padding:4px 0;border-bottom:1px dashed var(--line)}.player-list td:first-child{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-group{margin-top:10px}.stat-group h4{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em;border-bottom:1px solid var(--line);padding-bottom:3px}.stat-ranks{display:flex;justify-content:space-between;gap:6px;margin-top:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:480px){.stat-grid{grid-template-columns:minmax(0,1fr)}}.tile.tsumogiri:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0c141057;pointer-events:none}.tile.tsumogiri.dimmed:after{background:#0c14102e}@media(orientation:landscape)and (max-height:560px){.app{--board-l: min( calc(100dvh - 16px) , calc(100vw - 340px) );--tw: min(27px, calc((100vw - var(--board-l) - 60px) / 15.4));--th: calc(var(--tw) * 1.38);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"board top" "board log" "board hand";column-gap:10px;row-gap:8px;max-width:none;height:100dvh;padding:8px;overflow:hidden}.topbar{grid-area:top;margin:0}.board-square{grid-area:board;--board: var(--board-l);margin:0}.my-area{grid-area:hand;margin:0}.log{grid-area:log;align-self:start;margin:0;max-height:100%;min-height:0}}.open-hand{align-items:flex-end}.open-gap{width:6px}.topbar select{background:var(--panel-solid);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font:inherit}.viewer-pick{display:inline-flex;align-items:center;gap:6px}.replay .close-replay{margin-left:auto}.replay-message{margin:12px 4px}.replay-controls{position:sticky;bottom:8px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);box-shadow:0 8px 22px #00000052}.replay-controls input[type=range]{flex:1 1 160px;min-width:0;accent-color:var(--accent)}.replay-controls .step-count{font-variant-numeric:tabular-nums;font-size:12px}.replay .overlay{z-index:10;padding-bottom:96px}.replay-last{margin-left:auto;color:var(--accent);font-size:13px}.replay-list{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}.replay-list li{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px}.replay-list .when{color:var(--muted);min-width:80px;font-variant-numeric:tabular-nums}.replay-list .what{flex:1 1 auto}.replay-list .how{font-variant-numeric:tabular-nums}.replay-list .how.plus{color:var(--plus)}.replay-list .how.minus{color:var(--minus)}.rule-pick{display:flex;gap:8px;margin:4px 0 14px}.rule-pick button{flex:1 1 0;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font:inherit;font-family:var(--font-serif);font-weight:700;font-size:15px;letter-spacing:.08em;cursor:pointer}.rule-pick button[aria-pressed=true]{color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pao-line{margin:-4px 0 10px;color:var(--accent)}.tie-mark{margin-left:4px;padding:0 4px;border:1px solid var(--line);border-radius:4px;color:var(--accent);font-size:11px}.stats-rule-pick{margin:2px 0 10px}.stats-rule-pick button{padding:5px 10px;font-size:13px}.win-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:win-flash-hide 1.4s linear forwards;--flash: #ffe9b8;--flash-glow: rgba(232, 176, 75, .85)}.win-flash.big{animation-duration:1.7s}@keyframes win-flash-hide{0%,92%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.win-flash.tone-plain{--flash: #f4f1ea;--flash-glow: rgba(200, 200, 220, .6)}.win-flash.tone-red{--flash: #ffd2d6;--flash-glow: rgba(236, 110, 125, .8)}.win-ring{position:absolute;width:36vmin;height:36vmin;border-radius:50%;border:3px solid var(--flash);box-shadow:0 0 32px var(--flash-glow),inset 0 0 32px var(--flash-glow);animation:win-ring .9s ease-out forwards}.win-flash.big .win-ring{border-width:4px;animation-duration:1.1s}@keyframes win-ring{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(2.6)}}.win-text{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.win-text small{font-family:var(--font-serif);font-weight:700;font-size:clamp(16px,4vw,26px);letter-spacing:.08em;color:var(--flash);text-shadow:0 0 10px var(--flash-glow),0 3px 10px rgba(0,0,0,.7);background:#060a168c;padding:4px 14px;border-radius:999px;animation:win-sub 1.4s ease-out forwards}.win-flash.big .win-text small{animation-duration:1.7s}@keyframes win-sub{0%,18%{opacity:0;transform:translateY(8px)}32%{opacity:1;transform:translateY(0)}78%{opacity:1}to{opacity:0}}.win-sparks{position:absolute;width:0;height:0}.win-sparks i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--flash);box-shadow:0 0 10px var(--flash-glow);transform:rotate(calc(var(--i) * 45deg)) translate(0);animation:win-spark 1.1s ease-out .08s forwards}@keyframes win-spark{0%{opacity:1;transform:rotate(calc(var(--i) * 45deg)) translate(8vmin) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translate(34vmin) scale(.3)}}.win-flash .win-text>span{font-family:var(--font-serif);font-weight:700;font-size:clamp(64px,18vw,148px);letter-spacing:.2em;color:var(--flash);text-shadow:0 0 18px var(--flash-glow),0 6px 18px rgba(0,0,0,.6);animation:win-flash 1.4s ease-out forwards}.win-flash.big .win-text>span{animation-duration:1.7s}@keyframes win-flash{0%{opacity:0;transform:scale(.72)}14%{opacity:1;transform:scale(1.06)}26%{transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.win-flash .win-text>span{animation:win-flash-quiet 1.2s ease-out forwards}@keyframes win-flash-quiet{0%{opacity:0}14%,70%{opacity:1}to{opacity:0}}}.tile.red{border-color:#c0706b;border-bottom-color:#a85f5a}.tile.red:before{content:"";position:absolute;top:1px;right:1px;width:22%;min-width:6px;aspect-ratio:1;border-radius:50%;background:#c4001a;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #0009;z-index:1;pointer-events:none}.offline-status.ready{color:var(--accent);font-weight:700}.board-square,.my-area{-webkit-user-select:none;user-select:none}.replay-board{cursor:pointer}.win-seat-map{position:relative;width:176px;height:176px;margin:6px auto 4px;font-family:var(--font-serif)}.win-seat-map svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.wsm-table{fill:#143c328c;stroke:#ffffff40;stroke-width:.8}.wsm-arrow{stroke:#ff8a8a;stroke-width:3;stroke-linecap:round}.wsm-head{fill:#ff8a8a}.wsm-seat{position:absolute;display:flex;flex-direction:column;align-items:center;min-width:52px;max-width:76px;padding:2px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#080e1cdb;color:#d9d6cf;font-size:11px;line-height:1.25;text-align:center}.wsm-seat b{font-size:11px;font-weight:700}.wsm-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsm-bottom{left:50%;bottom:0;transform:translate(-50%)}.wsm-top{left:50%;top:0;transform:translate(-50%)}.wsm-left{left:0;top:50%;transform:translateY(-50%)}.wsm-right{right:0;top:50%;transform:translateY(-50%)}.wsm-seat.winner{background:var(--accent);border-color:#fff3d6;color:#1a1408;box-shadow:0 0 0 2px #ffe9b899,0 0 16px #e8b04be6}.wsm-seat.winner b{font-size:13px}.wsm-seat.loser{border:2px solid #ff8a8a;color:#ffd2d6}.win-seat-map.in-flash{width:216px;height:216px;margin-top:10px}.win-seat-map.in-flash .wsm-seat{font-size:13px;min-width:62px;max-width:90px}.chat-button{position:relative}.chat-button.off{opacity:.6}.chat-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.chat-panel{position:fixed;top:56px;right:12px;z-index:50;display:flex;flex-direction:column;gap:6px;width:min(360px,calc(100vw - 24px));max-height:min(60vh,460px);padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);box-shadow:0 10px 28px #00000080;color:var(--ink);font-size:13px}.chat-head{display:flex;align-items:center;gap:8px}.chat-title{font-weight:700}.chat-host{color:var(--muted);font-size:11px}.chat-switch{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.chat-head .act{margin-left:auto}.chat-list{flex:1;min-height:80px;overflow-y:auto;padding:4px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chat-line{padding:2px 0;overflow-wrap:anywhere}.chat-line b{margin-right:6px}.chat-line.mine b{color:var(--accent)}.chat-time{margin-right:6px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.chat-empty{padding:8px 2px;color:var(--muted)}.chat-form{display:flex;gap:6px}.chat-form input{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#ffffff14;color:var(--ink);font-size:16px}.chat-note{color:var(--muted);font-size:10px}.chat-toast{position:fixed;top:56px;right:12px;z-index:50;max-width:min(360px,calc(100vw - 24px));padding:8px 12px;border:1px solid var(--accent);border-radius:10px;background:var(--panel-solid);box-shadow:0 8px 22px #00000080;color:var(--ink);font:inherit;font-size:13px;text-align:left;overflow-wrap:anywhere;cursor:pointer;animation:chat-toast-in .2s ease-out}@keyframes chat-toast-in{0%{opacity:0;transform:translateY(-6px)}}@media(max-width:700px){.chat-panel,.chat-toast{top:8px;right:8px;left:8px;width:auto;max-width:none}}.chat-button.floating{position:fixed;top:12px;right:12px;z-index:50;box-shadow:0 6px 16px #00000073}.my-area.my-call{border-color:var(--accent);animation:call-pulse .9s ease-in-out infinite}.my-area.my-call-ron{animation-name:call-pulse-ron}@keyframes call-pulse{0%,to{box-shadow:0 0 0 2px #e8b04be6,0 0 10px 2px #e8b04b59,0 8px 22px #00000052}50%{box-shadow:0 0 0 5px #e8b04b73,0 0 34px 10px #e8b04b8c,0 8px 22px #00000052}}@keyframes call-pulse-ron{0%,to{box-shadow:0 0 0 2px #ff965af2,0 0 10px 2px #ff965a66,0 8px 22px #00000052}50%{box-shadow:0 0 0 6px #ff965a80,0 0 38px 12px #ff965a99,0 8px 22px #00000052}}.call-hint{display:inline-flex;align-items:baseline;gap:10px;padding:5px 16px;border-radius:999px;background:var(--accent);color:#1a1408;font-size:16px;font-weight:700;letter-spacing:.06em;animation:turn-pulse .9s ease-in-out infinite}.actions.asking-ron .call-hint{background:#ff9a5c}.call-hint small{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0}.call-hint small.urgent{color:#8c1d1d}@media(prefers-reduced-motion:reduce){.my-area.my-call{animation:none;box-shadow:0 0 0 4px #e8b04bb3,0 0 24px 6px #e8b04b80,0 8px 22px #00000052}.call-hint{animation:none}}@media(max-width:700px){.call-hint{font-size:15px;padding:4px 12px}}.countdown-big{position:relative;display:inline-flex;align-items:baseline;gap:2px;min-width:58px;padding:2px 10px 6px;border-radius:8px;background:#060a16bf;border:1px solid rgba(255,255,255,.18);color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden}.countdown-big b{font-size:24px;line-height:1.1;font-weight:700}.countdown-big small{font-size:12px;color:var(--muted)}.countdown-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent);transform-origin:left center;transition:transform 1s linear}.countdown-big.urgent{border-color:var(--danger);color:#ff8a8a;animation:countdown-urgent .5s ease-in-out infinite}.countdown-big.urgent .countdown-bar{background:var(--danger)}@keyframes countdown-urgent{0%,to{background:#060a16bf}50%{background:#d1495b73}}@media(prefers-reduced-motion:reduce){.countdown-big.urgent{animation:none;background:#d1495b59}.countdown-bar{transition:none}}.my-hand{position:relative}.tile.selected,.my-hand .tile.selected.clickable:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent),0 0 14px 3px #e8b04b8c,var(--tile-drop);z-index:1}@media(hover:hover){.tile.selected,.my-hand .tile.selected.clickable:hover{transform:translateY(-7px)}}.tile.selected.drawn{box-shadow:0 0 0 3px var(--accent),0 0 14px 3px #e8b04b8c,var(--tile-drop)}.my-hand.two-tap{padding-bottom:22px}.pick-hint{position:absolute;left:0;bottom:2px;font-size:12px;color:var(--accent);font-weight:700;white-space:nowrap;pointer-events:none}.act.win.pressed,.act.win.pressed:disabled{opacity:1;background:#3f9a5f;border-color:#3f9a5f;color:#f2f5f3;cursor:default}.ready-list{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.ready-chip{padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;animation:turn-pulse 1.4s ease-in-out infinite}.ready-chip.done{border-color:#3f9a5f;background:#3f9a5f40;color:#bfe8cc;font-weight:700;animation:none}@media(prefers-reduced-motion:reduce){.ready-chip{animation:none}}.ask-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none;background:radial-gradient(ellipse at center,#e8b04b1a,#e8b04b73);box-shadow:inset 0 0 80px 30px #e8b04bb3;animation:ask-flash .7s ease-out forwards}.ask-flash.ron{background:radial-gradient(ellipse at center,#ff965a1a,#ff965a80);box-shadow:inset 0 0 80px 30px #ff965abf}@keyframes ask-flash{0%{opacity:1}30%{opacity:.9}to{opacity:0}}@media(prefers-reduced-motion:reduce){.ask-flash{animation-duration:.3s}}.kyoku-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;--kb: #f4f1ea;--kb-glow: rgba(200, 200, 220, .7);animation:kyoku-banner 2.2s ease-out forwards}.kyoku-banner.last{--kb: #ffe9b8;--kb-glow: rgba(232, 176, 75, .9)}.kb-label{font-family:var(--font-serif);font-weight:700;font-size:clamp(44px,12vw,96px);letter-spacing:.2em;padding-left:.2em;color:var(--kb);text-shadow:0 0 18px var(--kb-glow),0 0 40px var(--kb-glow),0 4px 14px rgba(0,0,0,.8)}.kyoku-banner.last .kb-label{font-size:clamp(48px,13vw,108px)}.kyoku-banner small{font-family:var(--font-serif);font-weight:700;font-size:clamp(15px,3.6vw,24px);letter-spacing:.1em;color:var(--kb);text-shadow:0 0 10px var(--kb-glow),0 3px 10px rgba(0,0,0,.7);background:#060a1699;padding:4px 16px;border-radius:999px}@keyframes kyoku-banner{0%{opacity:0;transform:scale(.92)}14%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.kyoku-banner{animation:kyoku-banner-still 2.2s linear forwards}@keyframes kyoku-banner-still{0%,85%{opacity:1}to{opacity:0}}}.shot-menu.with-discord{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:max-content;max-width:calc(100vw - 32px);flex-direction:column;align-items:stretch;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);box-shadow:0 10px 28px #00000080}.shot-row{display:inline-flex;align-items:center;gap:4px}.shot-label{min-width:5.5em;font-size:12px;color:var(--muted);white-space:nowrap}.shot-comment{width:9em;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:#ffffff14;color:var(--ink);font-size:16px}@media(max-width:700px){.shot-menu.with-discord{right:auto;left:0;max-width:calc(100vw - 32px)}.shot-row{flex-wrap:wrap}.shot-comment{width:100%}}