.minesweeper-board{width:100%;height:100%;touch-action:manipulation}.minesweeper-board .ms-cell{cursor:pointer}.minesweeper-board .ms-hidden{fill:#bfe3fb;stroke:#fff;stroke-width:.08}.minesweeper-board.can-act .ms-cell:hover .ms-hidden{fill:#8fd0f7}.minesweeper-board .ms-open{fill:#fff;stroke:#e6eef5;stroke-width:.04}.minesweeper-board .ms-num{font-size:.62px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.minesweeper-board .ms-last{fill:none;stroke:var(--brand);stroke-width:.1;pointer-events:none}.minesweeper-board .ms-aim{fill:#d61f5a26;stroke:var(--brand);stroke-width:.08;pointer-events:none}.minesweeper-dot{display:inline-block;width:.8em;height:.8em;border-radius:50%;margin-right:.35em;vertical-align:-.05em}.minesweeper-player{display:flex;align-items:center;gap:2px}.minesweeper-player .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.minesweeper-player .score{font-weight:700;font-variant-numeric:tabular-nums;margin-left:4px}.minesweeper-player.out{opacity:.45;text-decoration:line-through}.minesweeper-bomb.on{box-shadow:0 0 0 2px var(--accent)}.gomoku-board{height:100%;max-width:100%;aspect-ratio:1;touch-action:manipulation}.gomoku-board .cell{cursor:pointer}.gomoku-stone-0{fill:url(#gomoku-black)}.gomoku-stone-1{fill:url(#gomoku-white);stroke:#888;stroke-width:.03}.gomoku-ghost{opacity:.45}.gomoku-win{stroke:#e33;stroke-width:.08;fill:none}.gomoku-swatch{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.15em;margin-right:.3em}.gomoku-swatch.s0{background:#111}.gomoku-swatch.s1{background:#f4f4f4;border:1px solid #888}.reversi-board{height:100%;max-width:100%;aspect-ratio:1;display:block;touch-action:manipulation}.reversi-board .sq{cursor:default}.reversi-board .sq.legal{cursor:pointer}.reversi-board .sq.legal:hover .hint{r:.2}.reversi-disc{transition:fill .25s ease}.reversi-disc.flip{animation:reversi-flip .35s ease;transform-box:fill-box;transform-origin:center}@keyframes reversi-flip{0%{transform:scaleX(1)}50%{transform:scaleX(.1)}to{transform:scaleX(1)}}.reversi-disc.drop{animation:reversi-drop .22s ease-out;transform-box:fill-box;transform-origin:center}@keyframes reversi-drop{0%{transform:scale(.4);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.reversi-disc.flip,.reversi-disc.drop{animation:none}}.reversi-players{display:flex;justify-content:space-around;gap:6px;padding:4px 0 2px}.reversi-side-tag{display:inline-flex;align-items:center;gap:4px}.reversi-swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.reversi-swatch.s0{background:#231f20}.reversi-swatch.s1{background:#fbfaf7;box-shadow:0 0 0 1px #8a7d6a}.shogi-area{width:100%;height:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:4px}.shogi-board-wrap{position:relative;flex:0 1 auto;min-width:0;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.shogi-board{width:100%;height:100%;touch-action:manipulation}.shogi-cell{cursor:pointer}.shogi-sq{fill:transparent}.shogi-sq.last{fill:#f0b42973}.shogi-sq.sel{fill:#4fa3ff8c}.shogi-sq.check{fill:#e5484db3}.shogi-piece{fill:#f6dfa8;stroke:#6b4a17;stroke-width:.03}.shogi-kanji{font-size:.5px;text-anchor:middle;fill:#111;font-weight:700;font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;pointer-events:none}.shogi-kanji.promoted{fill:#c21d1d}.shogi-coord text{font-size:.28px;fill:var(--muted);text-anchor:middle}.shogi-target{fill:#3fb950bf;pointer-events:none}.shogi-target.cap{fill:none;stroke:#3fb950e6;stroke-width:.07}.shogi-hand{flex:0 0 clamp(34px,8vh,50px);display:flex;flex-direction:column;gap:3px;align-items:center;overflow-y:auto}.shogi-hand.bottom{justify-content:flex-end}.shogi-hand.top{justify-content:flex-start}.shogi-hand-label{color:var(--muted);font-size:.9em}.shogi-hand-piece{position:relative;width:100%;aspect-ratio:.9;max-height:13%;padding:0;background:transparent;border:2px solid transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.shogi-hand-piece:disabled{cursor:default;opacity:1}.shogi-hand-piece.sel{border-color:var(--accent2);background:#4fa3ff40}.shogi-hp{width:82%;height:90%;background:#f6dfa8;color:#111;font-weight:700;font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;clip-path:polygon(50% 0,88% 14%,100% 100%,0 100%,12% 14%);display:flex;align-items:center;justify-content:center;font-size:clamp(12px,3.6vh,22px);padding-top:10%}.shogi-hand-piece.rot .shogi-hp{transform:rotate(180deg);padding-top:0;padding-bottom:10%}.shogi-count{position:absolute;right:-2px;bottom:-2px;background:var(--accent);color:#1b1300;border-radius:8px;font-size:11px;font-weight:700;min-width:16px;line-height:16px;text-align:center}.shogi-promo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid var(--brand-soft);box-shadow:var(--shadow-lg);border-radius:16px;padding:8px 12px;z-index:10;display:flex;flex-direction:column;gap:6px;align-items:center}.shogi-promo-q{font-weight:600}.shogi-check-label{color:var(--danger);font-weight:700}.shogi-log{font-family:Noto Sans JP,system-ui,sans-serif}.shogi-log-n{color:var(--line)}.xiangqi-board{height:100%;max-width:100%;aspect-ratio:9.4 / 10.4;touch-action:manipulation;display:block}.xiangqi-board .xq-cell{cursor:pointer}.xiangqi-river{font-size:.62px;fill:#6b4a1b;font-family:"Noto Serif SC","Noto Serif CJK SC",Songti SC,serif;letter-spacing:.3px}.xiangqi-piece{pointer-events:none}.xiangqi-piece text{font-size:.56px;font-weight:700;font-family:"Noto Serif SC","Noto Serif CJK SC",Songti SC,KaiTi,serif}.xiangqi-piece.o0 text{fill:#c0161b}.xiangqi-piece.o1 text{fill:#111}.xiangqi-piece.sel .disc{stroke:#2a7fff;stroke-width:.07}.xiangqi-target{fill:#2a7fffb3;pointer-events:none}.xiangqi-target-cap{fill:none;stroke:#2a7fffe6;stroke-width:.07;pointer-events:none}.xiangqi-last{fill:none;stroke:#2fa84f;stroke-width:.05;stroke-dasharray:.12 .08;pointer-events:none}.xiangqi-check{fill:none;stroke:#ff2a2a;stroke-width:.09;pointer-events:none;animation:xiangqi-pulse 1s ease-in-out infinite alternate}@keyframes xiangqi-pulse{0%{opacity:1}to{opacity:.35}}.xiangqi-swatch{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.15em;margin-right:.3em;border:2px solid;background:#f3dcae}.xiangqi-swatch.s0{border-color:#c0161b}.xiangqi-swatch.s1{border-color:#111}.xiangqi-caps{display:flex;flex-wrap:wrap;gap:1px;margin-top:2px;min-height:0}.xiangqi-cap{display:inline-flex;align-items:center;justify-content:center;width:1.45em;height:1.45em;border-radius:50%;background:#f3dcae;font-weight:700;font-size:.85em;font-family:"Noto Serif SC",Songti SC,serif}.xiangqi-cap.o0{color:#c0161b;border:1px solid #c0161b}.xiangqi-cap.o1{color:#111;border:1px solid #111}.xiangqi-check-text{color:var(--danger);font-weight:700}.rk-root{--rk-w: clamp(18px, min(3.6vw, 7.4dvh), 36px);--rk-h: calc(var(--rk-w) * 1.32)}.rk-main.game-board{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}.rk-table{flex:1 1 auto;min-height:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px 8px;padding:5px;background:#3a8f78;border-radius:20px;overflow:hidden}.rk-empty{color:#fff9;margin:auto;font-size:.9em}.rk-set{display:flex;gap:2px;padding:3px;border:2px solid transparent;border-radius:6px;background:#0000002e;cursor:default;align-items:center}.rk-set.target{cursor:pointer;border-color:#ffffff59;border-style:dashed}.rk-set.invalid{border-color:#ff4d4d;border-style:solid;background:#ff3c3c40}.rk-newset{color:#fff;font:inherit;font-size:.85em;min-height:calc(var(--rk-h) + 10px);width:84px;justify-content:center;padding:3px 6px;border:2px dashed rgba(255,255,255,.6);cursor:pointer;touch-action:manipulation}.rk-tile{width:var(--rk-w);height:var(--rk-h);padding:0;border:1px solid #b9ab88;border-radius:4px;background:linear-gradient(#fffaf0,#eadfc4);box-shadow:0 1px #9c8f6d;font-weight:800;font-size:calc(var(--rk-w) * .62);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:0 0 auto;transition:transform .08s}.rk-tile.c0{color:#d32f2f}.rk-tile.c1{color:#1565c0}.rk-tile.c2{color:#e68a00}.rk-tile.c3{color:#222}.rk-tile.joker{color:#c2185b;font-size:calc(var(--rk-w) * .75)}.rk-tile.new{background:linear-gradient(#fff6c8,#f1df8f)}.rk-tile.last{box-shadow:0 0 0 2px #4fc3f7}.rk-tile.sel{transform:translateY(-4px);box-shadow:0 0 0 2px var(--accent)}.rk-bar{flex:0 0 auto;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;font-size:clamp(10px,1.5vw,13px);white-space:nowrap}.rk-meld{color:var(--muted)}.rk-meld.ok{color:var(--ok);font-weight:700}.rk-hint{color:var(--brand);font-weight:600;overflow:hidden;text-overflow:ellipsis}.rk-rack{flex:0 0 auto;display:grid;gap:3px;padding:6px 5px 4px;background:#e8d8cc;border-radius:var(--radius);overflow-x:auto;max-height:calc(var(--rk-h) * 2 + 20px);overflow-y:auto;justify-content:start}.rk-sub{font-size:.85em;color:var(--muted)}.rk-final{font-size:.85em}.rk-mini{display:flex;flex-wrap:wrap;gap:1px;margin:2px 0 4px;--rk-w: 14px;--rk-h: 19px}.rk-tile.draggable{touch-action:none;cursor:grab}.rk-tile.dragging{opacity:.3}.rk-set.drop-over,.rk-newset.drop-over{border-style:solid;border-color:#fff;background:#ffffff47;box-shadow:0 0 0 3px #ffffff59}.rk-rack.drop-over{box-shadow:0 0 0 3px var(--brand),var(--shadow)}.rk-ghost{position:fixed;z-index:1000;pointer-events:none;display:flex;gap:2px;transform:translate(-50%,-65%) rotate(-4deg) scale(1.12);filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}body:has(.rk-ghost){cursor:grabbing}.rk2{position:relative;width:100%;height:100%;display:grid;grid-template-columns:clamp(70px,11vw,120px) minmax(0,1fr) clamp(70px,11vw,120px);background:#2553a3;color:#fff;overflow:hidden;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.rk2-left{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0 8px;min-height:0}.rk2-opps{display:flex;flex-direction:column;gap:8px;align-items:center;min-height:0;overflow:hidden}.rk2-me{padding-top:6px}.rk2-center{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;padding-top:8px}.rk2-status{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:5;max-width:96%;display:flex;gap:8px;align-items:center;padding:3px 12px;border-radius:999px;background:#0a193c8c;font-size:clamp(10px,1.5vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.rk2 .rk-meld{color:#ffffffbf}.rk2 .rk-meld.ok{color:#7ee2a8}.rk2 .rk-hint{color:#ffd76a}.rk2 .rk-table{background:transparent;border-radius:0;padding-top:26px;align-content:center;justify-content:center}.rk2 .rk-set{background:transparent;border-color:transparent}.rk2 .rk-set.target{border-color:#ffffff59}.rk2 .rk-set.invalid{border-color:#ff6b6b;border-style:solid;background:#ff50502e}.rk2 .rk-newset{color:#fff;border-color:#fff9}.rk2 .rk-empty{color:#ffffff8c}.rk2 .rk-tile{background:#f7f3ea;border:0;border-radius:calc(var(--rk-w) * .12);box-shadow:inset 0 -3px #d9d1bf,0 2px #00000040}.rk2 .rk-tile.new{background:#fff1b8;box-shadow:inset 0 -3px #e2cf7d,0 2px #00000040}.rk2 .rk-tile.last{box-shadow:inset 0 -3px #d9d1bf,0 0 0 2px #7fd3ff}.rk2 .rk-tile.sel{box-shadow:inset 0 -3px #d9d1bf,0 0 0 3px #ffd34d}.rk2 .rk2-rack{flex:0 0 auto;margin:4px 0 0;max-height:none;overflow:hidden;padding:7px 8px 6px;gap:4px 3px;background:#e2bd86;border-top:5px solid #f0d4a6;border-radius:10px 10px 0 0;box-shadow:inset 0 calc(var(--rk-h) + 9px) 0 -1px #e2bd86,inset 0 calc(var(--rk-h) + 11px) 0 -1px #c99a5c;justify-content:center}.rk2 .rk2-rack.drop-over{box-shadow:0 0 0 3px #ffd34d}.rk2-right{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 0 10px;min-height:0}.rk2-sorts{display:flex;flex-direction:column;width:82%;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.25)}.rk2-sort{border:0;background:#2f63b8;color:#ffffffbf;font:inherit;font-weight:900;font-size:clamp(16px,2.6vw,26px);padding:8px 0;cursor:pointer;letter-spacing:-.02em}.rk2-sort+.rk2-sort{border-top:2px solid rgba(255,255,255,.18)}.rk2-sort.on{color:#fff;background:#3a72cc}.rk2-tools{display:flex;gap:6px}.rk2-tool{width:38px;height:38px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#2f63b8;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.rk2-spacer{flex:1}.rk2-big{width:82%;min-height:clamp(96px,34dvh,190px);border-radius:22px;border:3px solid #c8925e;background:#2f63b8;color:#d9b386;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit;font-weight:800}.rk2-big:disabled{cursor:default;opacity:.55}.rk2-big.ok{background:#1f9d63;border-color:#8be0b4;color:#fff}.rk2-big.ok:disabled{background:#557a6a;border-color:#7f9d90}.rk2-big-label{font-size:.85em}.rk2-pool{display:flex;align-items:center;gap:4px;color:#fff;font-size:clamp(13px,2vw,18px);font-variant-numeric:tabular-nums}.rk2-final{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:6;background:#fff;color:var(--text);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow-lg);max-width:92%;max-height:70%;overflow-y:auto;font-size:.85em}.rk2-final-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:3px 0}.rk2-final-row .plus{color:var(--ok);font-weight:800}.rk2-final-row .minus{color:var(--danger);font-weight:800}.rk2 .pa-plate{background:#0a193c99}.gostop-root{--gs-h: clamp(40px, 15.5dvh, 104px);--gs-sh: clamp(20px, 7dvh, 44px)}.gostop-board{flex-direction:column;align-items:stretch;justify-content:space-between;gap:4px;background:#3a8f78;border-radius:20px;padding:4px}.gostop-card{position:relative;flex:0 0 auto;height:var(--gs-h);width:calc(var(--gs-h) * .645);border-radius:calc(var(--gs-h) * .07);background-color:#e8333f;background-size:800% 600%;background-repeat:no-repeat;box-shadow:0 1px 2px #00000040,0 3px 8px #0000002e;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.gostop-card.sz-s{height:var(--gs-sh);width:calc(var(--gs-sh) * .645);border-radius:calc(var(--gs-sh) * .08)}.gostop-card.tap{cursor:pointer}.gostop-card.tap:hover{transform:translateY(-6%)}.gostop-card.hi{box-shadow:0 0 0 2px var(--accent)}.gostop-card.sel{transform:translateY(-18%);box-shadow:0 0 0 3px var(--brand)}.gostop-card.bonus{background:#fff;border:calc(var(--gs-h) * .05) solid #e8333f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;color:#e8333f;font-weight:900;line-height:1}.gostop-card.bonus.sz-s{border-width:2px}.gostop-bonus-star{width:55%;height:auto}.gostop-bonus-x2{font-size:calc(var(--gs-h) * .2)}.sz-s .gostop-bonus-x2{font-size:calc(var(--gs-sh) * .24)}.gostop-pile{display:flex;gap:6px;align-items:center;min-width:0;flex-wrap:nowrap;overflow:hidden}.gostop-cat{display:flex;align-items:center;gap:2px;min-width:0}.gostop-cat:last-child{flex:1 1 auto}.gostop-stack{display:flex;min-height:var(--gs-sh);align-items:center;min-width:0}.gostop-stack .gostop-card+.gostop-card{margin-left:calc(var(--gs-sh) * -.38)}.gostop-empty{font-size:10px;color:#fff6;border:1px dashed rgba(255,255,255,.25);border-radius:4px;padding:2px 4px}.gostop-count{font-size:11px;font-weight:700;color:var(--brand)}.gostop-opps{display:flex;gap:6px}.gostop-opp{flex:1 1 0;min-width:0;background:#00000040;border-radius:8px;padding:2px 6px;border:2px solid transparent}.gostop-opp.active,.gostop-me.active{border-color:var(--accent)}.gostop-opp-head{display:flex;gap:8px;font-size:11px;align-items:baseline;white-space:nowrap;overflow:hidden}.gostop-pts{color:var(--brand);font-weight:700}.gostop-go{color:#ff7b7b;font-weight:700}.gostop-floor{flex:1 1 auto;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:6px 10px;overflow:hidden;padding:2px}.gostop-deck{position:relative;display:flex;align-items:center;justify-content:center}.gostop-back{height:var(--gs-h);width:calc(var(--gs-h) * .645);border-radius:calc(var(--gs-h) * .07);background:radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(0,0,0,.12) 23% 26%,transparent 27%),repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 3px,transparent 3px 7px),#e8333f;box-shadow:2px 2px #b8202b,4px 4px #8f1620,0 6px 12px #00000040}.gostop-deck span{position:absolute;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;font-size:14px}.gostop-group{display:flex;position:relative;border-radius:6px;padding:1px}.gostop-group .gostop-card+.gostop-card{margin-left:calc(var(--gs-h) * -.42)}.gostop-group.match{box-shadow:0 0 0 2px var(--accent2)}.gostop-group.ppeok{outline:2px dashed #ff7b7b}.gostop-ppeok{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:#ff7b7b;color:#300;font-size:10px;font-weight:700;border-radius:4px;padding:0 3px}.gostop-me{background:#00000040;border-radius:8px;padding:2px 6px;border:2px solid transparent}.gostop-hand{display:flex;justify-content:center;gap:3px;padding-top:calc(var(--gs-h) * .2);min-height:calc(var(--gs-h) * 1.2);flex-wrap:nowrap}.gostop-side-stats{display:flex;gap:6px;font-size:.9em;flex-wrap:wrap}.gostop-modal{--gs-h: clamp(48px, 18dvh, 90px);--gs-sh: 30px}.gostop-choice{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 0}.gostop-arrow{font-size:22px;color:var(--muted)}.gostop-gs{display:flex;gap:12px;justify-content:center;padding:8px 0}.gostop-gs .btn{font-size:1.15em;padding:.6em 1.6em}.gostop-sum-reason{font-weight:700;color:var(--brand);margin-bottom:6px}.gostop-sum-lines{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;font-size:.9em;margin-bottom:8px}.gostop-sum-lines>div{display:flex;justify-content:space-between;gap:6px}.gostop-loser{grid-column:1 / -1}.gostop-loser em{font-style:normal;color:#ff7b7b;margin-left:6px;font-weight:700}.gostop-sum-totals{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:6px}.gostop-sum-totals>div{display:grid;grid-template-columns:1fr 60px 90px;gap:6px}.gostop-sum-totals .pos{color:var(--ok)}.gostop-sum-totals .neg{color:var(--danger)}.riichi-root{width:100%;height:100%;display:flex;flex-direction:column;gap:4px;padding:4px;overflow:hidden;position:relative}.riichi-top{flex:1 1 auto;min-height:0;display:flex;gap:6px;justify-content:center}.riichi-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden;font-size:clamp(10px,1.5vw,13px)}.riichi-table{flex:0 0 auto;position:relative;background:#3a8f78;border-radius:10px;overflow:hidden;box-shadow:none}.riichi-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform-origin:50% 50%;pointer-events:none}.riichi-pond{position:absolute;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-end;gap:1px 0}.riichi-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0a1e14bf;border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#dfe8e2;text-align:center;line-height:1.15;padding:0 12%;white-space:nowrap}.riichi-small{font-size:.85em;opacity:.85}.riichi-round{font-weight:700;color:var(--accent);font-size:1.2em}.riichi-dora{display:flex;gap:1px}.riichi-seatlabel{position:absolute;left:0;right:0;text-align:center;color:#e8f0ea;z-index:2;white-space:nowrap}.riichi-seatlabel b{color:#bcd}.riichi-seatlabel.dealer b{color:var(--danger)}.riichi-seatlabel.active{color:var(--accent);font-weight:700}.riichi-stick-ic{display:inline-block;width:2.2em;height:.35em;background:#fff;border-radius:2px;margin-left:.3em;vertical-align:middle;background-image:radial-gradient(circle,#e33 .15em,transparent .17em)}.riichi-tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(#fdfdf8,#ecebe0);border:1px solid #b9b6a4;border-bottom-width:2px;border-radius:12%;color:#1a1a1a;line-height:1;font-weight:700;font-family:"Noto Serif JP",Hiragino Mincho ProN,Songti SC,serif;box-sizing:border-box;position:relative;overflow:hidden}.riichi-tile.back{background:linear-gradient(#e9a13b,#c97f1d);border-color:#a8681a}.riichi-num{font-size:1em}.riichi-suit{font-size:.62em;margin-top:.08em}.riichi-tile.s-m .riichi-suit{color:#c62828}.riichi-tile.s-p .riichi-num,.riichi-tile.s-p .riichi-suit{color:#1f4fb0}.riichi-tile.s-s .riichi-num,.riichi-tile.s-s .riichi-suit{color:#17803a}.riichi-tile.red .riichi-num{color:#e01b1b}.riichi-tile.red:after{content:"";position:absolute;top:6%;right:8%;width:.22em;height:.22em;border-radius:50%;background:#e01b1b}.riichi-hz{font-size:1.25em}.riichi-hz.h6{color:#17803a}.riichi-hz.h7{color:#c62828}.riichi-hz.h5{width:.75em;height:1em;border:.09em solid #3d6fd0;border-radius:.1em}.riichi-tile.called-away{opacity:.4}.riichi-tile.tg{filter:brightness(.93)}.riichi-tile.last{box-shadow:0 0 0 2px var(--accent)}.riichi-tile.called{filter:brightness(.88)}.riichi-tile.win{box-shadow:0 0 0 2px var(--accent)}.riichi-card{white-space:normal;padding:4px 6px}.riichi-card-head{display:flex;align-items:center;gap:4px;overflow:hidden}.riichi-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riichi-card-sub{font-variant-numeric:tabular-nums;margin:1px 0 2px}.riichi-wind{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border-radius:4px;background:#e8e6da;color:#222;font-weight:700;flex:0 0 auto}.riichi-wind.dealer{background:var(--danger);color:#fff}.riichi-badge{background:var(--accent);color:#1b1300;border-radius:4px;padding:0 4px;font-size:.85em;font-weight:700}.riichi-melds{display:flex;flex-wrap:wrap;gap:3px;align-items:flex-end}.riichi-meld{display:inline-flex;gap:0}.riichi-waits{color:var(--text)}.riichi-furiten{color:var(--danger);font-weight:700}.riichi-log{font-size:.85em}.riichi-hand{flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 4px 2px;border-radius:8px}.riichi-hand.myturn{background:#f0b4291f}.riichi-hand-tiles{display:flex;align-items:flex-end;min-width:0}.riichi-hand-tiles .riichi-tile{transition:transform .1s}.riichi-hand-tiles .riichi-tile.tap{cursor:pointer}.riichi-hand-tiles .riichi-tile.sel{transform:translateY(-7px);box-shadow:0 0 0 2px var(--accent)}.riichi-hand-tiles .riichi-tile.ok{cursor:pointer;transform:translateY(-4px);box-shadow:0 0 0 2px var(--accent2)}.riichi-hand-tiles .riichi-tile.dim{filter:brightness(.6)}.riichi-hand-tiles .riichi-tile.drawn{margin-left:.45em}.riichi-actions{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:5px 8px;background:#fffffff2;box-shadow:var(--shadow-lg);border-radius:999px;z-index:20;max-width:96%}.riichi-actions .btn{padding:.35em .9em}.riichi-combo{display:inline-flex;gap:1px;padding:3px 5px!important}.riichi-showres{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:20}.riichi-result{width:min(620px,96vw);font-size:clamp(11px,1.8vw,14px)}.riichi-result h2{font-size:1.1em;margin:0 0 6px;color:var(--brand)}.riichi-win{margin-bottom:8px}.riichi-res-hand{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0;margin-bottom:4px}.riichi-res-hand .riichi-melds{margin-left:8px}.riichi-yaku{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.riichi-yaku>div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--line)}.riichi-score{margin-top:4px;font-size:1.05em}.riichi-res-dora{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin:4px 0;color:var(--muted)}.riichi-deltas{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.riichi-deltas td{padding:2px 4px}.riichi-deltas td.nm{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riichi-deltas tr.me{background:var(--panel2)}.riichi-deltas .plus{color:var(--ok)}.riichi-deltas .minus{color:var(--danger)}.riichi-backchip{display:inline-block;width:.62em;height:.85em;border-radius:2px;background:#2c8a5a;box-shadow:inset 0 -.18em #fdfcf6;vertical-align:-.08em}.room-page.immersive .riichi-top>.riichi-col:last-child>.riichi-card:first-child{padding-right:62px}:root{--bg: #f5f0ec;--bg2: #ffffff;--panel: #ffffff;--panel2: #f8f3f0;--line: #e7ddd7;--line2: #d6c8c0;--text: #231f20;--muted: #7c726e;--brand: #c8102e;--brand-dark: #a00c24;--brand-soft: #fbe8eb;--ink: #231f20;--accent: #f2b632;--accent2: #2f6fd6;--ok: #1f9d63;--danger: #d93a3a;--p-pink: #ee7f9f;--p-yellow: #f2bd3c;--p-green: #45b384;--p-blue: #4a9fdc;--p-purple: #8a78e0;--p-orange: #ee8a4c;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 2px rgba(35, 31, 32, .06);--shadow-lg: 0 18px 48px rgba(35, 31, 32, .16);--topbar: 52px;color-scheme:light;font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,Segoe UI,Noto Sans KR,Hiragino Sans,Noto Sans JP,PingFang SC,Noto Sans SC,sans-serif;letter-spacing:-.01em}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}html,body{touch-action:pan-x pan-y}*{touch-action:inherit}button,a,input,select,textarea,[role=button]{touch-action:manipulation}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}button,input,select{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none;font-weight:600}a:hover{text-decoration:underline;text-underline-offset:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:8px}.icon{flex-shrink:0;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;border:1px solid var(--line2);background:#fff;color:var(--text);padding:.55em 1.05em;border-radius:8px;cursor:pointer;white-space:nowrap;font-weight:600;line-height:1.2;touch-action:manipulation;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled){background:var(--panel2);border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.dark:hover:not(:disabled){background:#3a3435}.btn.blue{background:var(--accent2);border-color:var(--accent2);color:#fff}.btn.blue:hover:not(:disabled){background:#245bb3}.btn.soft{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand)}.btn.soft:hover:not(:disabled){background:#f7d7dc;border-color:#f7d7dc}.btn.danger{background:#fff;border-color:#efb7b7;color:var(--danger)}.btn.small{padding:.36em .75em;font-size:.85em;border-radius:7px}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover:not(:disabled){background:#231f200f;border-color:transparent}.btn.icon-only{padding:.4em}.btn .chev{font-size:1.1em;line-height:1}.input,select.input{width:100%;background:#fff;border:1px solid var(--line2);border-radius:8px;padding:.6em .8em;outline:none;transition:border-color .12s}.input:focus{border-color:var(--ink)}.input::placeholder{color:#b0a6a1}.pill-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237c726e' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid var(--line2);border-radius:7px;padding:.32em 1.8em .32em .7em;font-size:.85em;font-weight:600;cursor:pointer}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;font-size:.86em;font-weight:600;color:#4a4244}.field small{color:var(--muted);font-weight:400}.error-text{color:var(--danger);font-size:.88em;min-height:1.3em}.muted{color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.74em;font-weight:700;padding:2px 7px;border-radius:5px;background:var(--panel2);color:var(--muted);white-space:nowrap}.badge{display:inline-flex;align-items:center;font-size:.72em;font-weight:700;padding:2px 7px;border-radius:5px;background:#efe8e4;color:var(--muted);white-space:nowrap}.badge.waiting{background:#e3f4ea;color:var(--ok)}.badge.playing{background:var(--brand-soft);color:var(--brand)}.badge.finished{background:#efe8e4;color:var(--muted)}.game-root{width:100%;height:100%;display:flex;flex-direction:row;gap:10px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));overflow:hidden}.game-board{flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.game-side{flex:0 0 clamp(150px,22vw,260px);display:flex;flex-direction:column;gap:6px;overflow-y:auto;font-size:clamp(11px,1.6vw,14px)}.side-player{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:8px;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.side-player.active{border-color:var(--line);border-left-color:var(--brand);background:#fff}.side-info{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--muted)}.side-hint{color:var(--brand);font-size:.9em;font-weight:700}.side-log{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.85em;color:var(--muted);overflow-y:auto;flex:1 1 60px;min-height:40px}.side-actions{display:flex;flex-wrap:wrap;gap:6px}.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:24px;font-size:1.05em;font-weight:700;color:var(--ink)}.rotate-overlay .phone{width:58px;height:98px;border:3px solid var(--ink);border-radius:12px;background:#fff;position:relative;animation:rotate-phone 2.4s ease-in-out infinite}.rotate-overlay .phone:after{content:"";position:absolute;left:50%;bottom:7px;width:14px;height:3px;margin-left:-7px;border-radius:2px;background:var(--brand)}@keyframes rotate-phone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation: portrait) and (pointer: coarse){.rotate-overlay{display:flex}}.topbar{height:var(--topbar);display:flex;align-items:center;gap:8px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid var(--line);overflow:hidden;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);white-space:nowrap;cursor:pointer;font-size:1.05em;letter-spacing:-.04em}.brand .brand-mark{display:block}.game-chip-mark{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.topbar .spacer{flex:1}.page{height:calc(100dvh - var(--topbar));overflow-y:auto;padding:14px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left))}.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:clamp(24px,7vw,88px);padding:16px}.auth-hero{max-width:380px;display:flex;flex-direction:column;gap:14px}.auth-hero h1{color:var(--ink);margin:0;font-size:clamp(26px,4.2vw,40px);letter-spacing:-.05em;display:flex;align-items:center;gap:10px}.auth-hero p{margin:0;color:var(--muted);line-height:1.55}.card-fan{position:relative;height:150px;margin:4px 0 2px 6px}.fan-card{position:absolute;top:10px;width:90px;height:126px;border-radius:8px;background:#fff;border:1px solid var(--line2);border-top:6px solid var(--c, var(--brand));box-shadow:0 1px #231f200d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:11px;color:var(--text);transform-origin:50% 120%}.fan-card .art{width:50px;height:50px}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;width:min(380px,92vw)}.auth-card h2{margin:0 0 14px;font-size:1.3em;letter-spacing:-.04em}.auth-card .row{display:flex;gap:10px}.auth-card .row .field{flex:1}@media (max-height: 520px){.auth-wrap{gap:24px}.auth-hero p,.card-fan{display:none}.auth-card{padding:16px}.auth-card h2{margin-bottom:8px;font-size:1.15em}.field{margin-bottom:6px}}@media (max-width: 700px) and (orientation: portrait){.auth-wrap{flex-direction:column}}.lobby{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,32vw,380px);gap:16px;height:100%}.lobby-col{display:flex;flex-direction:column;min-height:0;gap:10px}.section-title{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05em;font-weight:800;letter-spacing:-.04em}.section-title .spacer{flex:1}.tabs{display:flex;gap:18px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--line)}.tab{border:0;background:none;color:var(--muted);padding:.3em 0 .55em;font-weight:700;font-size:.9em;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--ink);border-bottom-color:var(--brand)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));grid-auto-rows:max-content;gap:10px;overflow-y:auto;padding:2px 2px 10px;align-content:start}.game-card{--c: var(--p-pink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:border-color .12s ease}.game-card:hover{border-color:var(--ink)}.game-card .art{height:82px;background:color-mix(in srgb,var(--c) 16%,#fff);display:flex;align-items:center;justify-content:center;border-bottom:1px solid color-mix(in srgb,var(--c) 30%,#fff)}.game-card .art .glyph{width:54px;height:54px;display:flex;align-items:center;justify-content:center}.game-card .body{padding:9px 11px 11px;display:flex;flex-direction:column;gap:4px;flex:1}.game-card .name{font-weight:800;font-size:1em;letter-spacing:-.04em}.game-card .desc{color:var(--muted);font-size:.76em;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card .meta{display:flex;align-items:center;gap:4px;margin-top:auto;padding-top:4px;font-size:.74em;color:var(--muted);font-weight:600}.game-card .meta .icon{color:var(--c)}.game-card .bar{height:3px;background:var(--c)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-height:0}.room-list{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.room-item{--c: var(--p-pink);padding:9px 2px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.room-item:last-child{border-bottom:0}.room-item .glyph{width:34px;height:34px;flex-shrink:0;border-radius:7px;background:color-mix(in srgb,var(--c) 16%,#fff);display:flex;align-items:center;justify-content:center;padding:4px}.room-item .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.room-item .sub{color:var(--muted);font-size:.78em;font-weight:500}.empty-state{text-align:center;color:var(--muted);padding:26px 8px;font-size:.88em;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state .icon{color:var(--line2)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#231f2061;display:flex;align-items:center;justify-content:center;z-index:200;padding:10px}.modal{background:#fff;border-radius:var(--radius-lg);padding:18px 20px;width:min(560px,96vw);max-height:94dvh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.modal-head .glyph{--c: var(--p-pink);width:44px;height:44px;border-radius:9px;background:color-mix(in srgb,var(--c) 16%,#fff);display:flex;align-items:center;justify-content:center;padding:5px}.modal-head .eyebrow{font-size:.78em;font-weight:700;color:var(--muted)}.modal h2{margin:0;font-size:1.2em;letter-spacing:-.04em}.modal .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}.room-page{height:100dvh;display:flex;flex-direction:column}.room-main{flex:1;min-height:0;position:relative}.room-seats{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;padding:2px}.seat-chip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 9px 3px 3px;font-size:.8em;font-weight:700;white-space:nowrap}.av{width:22px;height:22px;border-radius:50%;background:var(--sc, var(--p-pink));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.seat-chip.active{border-color:var(--brand);box-shadow:inset 0 -2px 0 var(--brand)}.seat-chip.me{background:var(--panel2)}.seat-chip.off{opacity:.5}.timer{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;color:var(--brand);font-weight:800;white-space:nowrap;border:1px solid #f0c3cb;padding:2px 8px;border-radius:7px;font-size:.85em}.timer.low{color:#fff;background:var(--danger);border-color:var(--danger)}.waiting-room{height:100%;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));display:flex}.wr-card{flex:1;min-height:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.wr-head{padding:12px 18px 10px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.wr-head .eyebrow{font-size:.78em;font-weight:600;color:var(--muted)}.wr-head h2{margin:0;font-size:1.12em;letter-spacing:-.04em}.wr-head h2 b{color:var(--brand)}.wr-body{flex:1;min-height:0;display:flex;gap:14px;padding:12px 18px;overflow:hidden}.wr-seats{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;gap:10px;align-content:start;overflow-y:auto;padding:2px}.seat-card{--sc: var(--p-pink);position:relative;background:#fff;border:1px solid var(--line);border-top:4px solid var(--sc);border-radius:var(--radius);padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:112px;text-align:center}.seat-card .num{position:absolute;left:9px;top:6px;font-size:11px;font-weight:800;color:var(--muted)}.seat-card .avatar{width:42px;height:42px;border-radius:50%;background:var(--sc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}.seat-card .host-badge{position:absolute;right:9px;top:7px;color:var(--p-yellow)}.seat-card .who{font-weight:800;font-size:.92em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-card.me{border-color:var(--ink);border-top-color:var(--sc);outline:1px solid var(--ink)}.seat-card .me-check{position:absolute;right:8px;bottom:8px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}.seat-card.empty{border-style:dashed;border-top:1px dashed var(--line2);border-color:var(--line2);background:transparent}.seat-card.empty .avatar{background:transparent;border:1.5px dashed var(--line2);color:var(--muted)}.wr-info{width:clamp(180px,28vw,300px);display:flex;flex-direction:column;gap:8px;overflow-y:auto}.info-box{background:var(--panel2);border-radius:var(--radius);padding:10px 12px;font-size:.85em;line-height:1.55;color:#4a4244}.info-box .k{color:var(--muted)}.info-box b{color:var(--text)}.info-box .mark{width:40px;height:40px;margin-bottom:4px}.wr-foot{display:flex;align-items:center;gap:8px;padding:10px 18px 12px;border-top:1px solid var(--line);flex-wrap:wrap}.wr-foot .spacer{flex:1}.result-banner{position:absolute;left:50%;top:12px;transform:translate(-50%);background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius);padding:10px 12px 10px 14px;z-index:50;display:flex;align-items:center;gap:12px;width:max-content;max-width:94%;box-shadow:var(--shadow-lg)}.result-banner .result-text{display:flex;flex-direction:column;gap:2px;min-width:max-content}.result-banner .big{font-size:1.1em;font-weight:800;color:var(--ink);white-space:nowrap;letter-spacing:-.04em}.result-banner .reason{font-size:.85em;color:var(--muted);white-space:nowrap;word-break:keep-all}.result-banner>.btn,.result-banner>.icon{flex-shrink:0}.result-banner .icon{color:var(--brand)}.chat-panel{position:fixed;right:max(8px,env(safe-area-inset-right));width:min(300px,45vw);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:90;box-shadow:var(--shadow-lg);overflow:hidden}.chat-panel .head{display:flex;gap:6px;padding:8px 8px 8px 14px;align-items:center;border-bottom:1px solid var(--line)}.chat-panel .msgs{flex:1;overflow-y:auto;padding:10px;font-size:.88em;display:flex;flex-direction:column;gap:6px;background:var(--panel2)}.chat-panel .msg{word-break:break-word;overflow-wrap:anywhere;background:#fff;border:1px solid var(--line);border-radius:10px 10px 10px 3px;padding:5px 9px;align-self:flex-start;max-width:92%}.chat-panel .msg.mine{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:10px 10px 3px;align-self:flex-end}.chat-panel .msg .from{display:block;font-size:.78em;font-weight:700;color:var(--brand)}.chat-panel .msg.mine .from{display:none}.chat-panel form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.unread{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:var(--ink);color:#fff;padding:9px 16px;border-radius:8px;z-index:500;font-size:.88em;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--ok)}.dot.off{background:var(--danger)}.stat-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:0}.stat-row .mark{width:28px;height:28px}.stat-row .wl{display:flex;gap:4px}@media (max-height: 440px){:root{--topbar: 42px}.topbar{font-size:.88em}.lobby{gap:10px}.page{padding-top:10px;padding-bottom:10px}.game-card .art{height:62px}.game-card .art .glyph{width:42px;height:42px}.game-card .desc{-webkit-line-clamp:1}.seat-card{min-height:96px;padding:10px 8px 8px}.seat-card .avatar{width:34px;height:34px;font-size:15px}.wr-head,.wr-body{padding:8px 14px}.wr-foot{padding:8px 14px 10px}}@media (max-width: 640px){.lobby{grid-template-columns:1fr;height:auto}.lobby .panel{min-height:220px}.game-grid{overflow:visible;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.wr-body{flex-direction:column;overflow-y:auto}.wr-info{width:auto}}@media (pointer: coarse){input,select,textarea{font-size:max(16px,1em)}}.pa{display:flex;flex-direction:column;align-items:center;gap:4px;width:calc(var(--pa) + 28px)}.pa-ring{--sc: var(--p-pink);position:relative;width:var(--pa);height:var(--pa);border-radius:50%;padding:3px;background:#ffffffe6;box-shadow:0 0 0 2px #0000001f}.pa-face{width:100%;height:100%;border-radius:50%;background:var(--sc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--pa) * .4);line-height:1}.pa-badge{position:absolute;right:-6px;top:-4px;min-width:calc(var(--pa) * .42);height:calc(var(--pa) * .42);padding:0 4px;border-radius:999px;background:var(--ink);color:#fff;border:2px solid #fff;font-size:calc(var(--pa) * .22);font-weight:800;display:flex;align-items:center;justify-content:center}.pa-plate{max-width:100%;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:#0f172a8c;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}.pa-name{overflow:hidden;text-overflow:ellipsis}.pa-meta{opacity:.8;font-variant-numeric:tabular-nums}.pa.me .pa-plate{background:var(--ink)}.pa.off{opacity:.55}.pa.active .pa-ring{animation:pa-glow 1.3s ease-in-out infinite;background:#ffe58a}.pa.active .pa-plate{background:var(--brand)}@keyframes pa-glow{0%,to{box-shadow:0 0 0 2px #ffd34d,0 0 #ffd34da6}50%{box-shadow:0 0 0 3px #ffd34d,0 0 18px 6px #ffd34d8c}}@media (prefers-reduced-motion: reduce){.pa.active .pa-ring{animation:none;box-shadow:0 0 0 3px #ffd34d}}.room-page.immersive .room-main{height:100dvh}.room-page.immersive .game-side{padding-top:42px}.gm-tab{position:absolute;top:0;right:max(10px,env(safe-area-inset-right));z-index:70;width:52px;height:34px;border:0;border-radius:0 0 14px 14px;background:#ffffffeb;color:var(--ink);box-shadow:0 2px 6px #0000002e;display:flex;align-items:center;justify-content:center;cursor:pointer}.gm-tab .gm-dot{position:absolute;right:9px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--brand)}.gm-timer{position:absolute;top:6px;right:calc(max(10px,env(safe-area-inset-right)) + 60px);z-index:70;background:#ffffffeb}.gm-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f172a59}.gm-drawer{position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(300px,80vw);background:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:12px max(14px,env(safe-area-inset-right)) 12px 14px;gap:10px;overflow-y:auto;animation:gm-in .18s ease-out}@keyframes gm-in{0%{transform:translate(100%)}to{transform:none}}.gm-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.gm-head .mark{width:34px;height:34px}.gm-head b{flex:1;font-size:1.02em;letter-spacing:-.03em}.gm-players{display:flex;flex-direction:column;gap:4px}.gm-player{display:flex;align-items:center;gap:8px;font-size:.88em;font-weight:600;padding:4px 2px}.gm-player.active{color:var(--brand)}.gm-player .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}.gm-actions .btn{justify-content:flex-start}