*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background:radial-gradient(#1a5c2a 0%,#0a2a12 100%);min-height:100vh;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}#root{min-height:100vh}.lobby-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.lobby{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a2814d9;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:480px;padding:36px 32px;box-shadow:0 20px 60px #000000b3}.lobby-title{text-align:center;color:#f0dc60;text-shadow:0 2px 10px #0009;letter-spacing:2px;margin:0 0 20px;font-size:2.4rem;font-weight:900}.lobby-status{text-align:center;margin-bottom:20px;font-size:.82rem;font-weight:600}.lobby-status.connected{color:#5de08a}.lobby-status.disconnected{color:#f08080}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:#c8c090;letter-spacing:.5px;font-size:.85rem;font-weight:700}.form-group input{color:#fff;background:#0006;border:1px solid #ffffff2e;border-radius:9px;outline:none;padding:11px 15px;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#f0dc60}.form-group input::placeholder{color:#ffffff4d}.lobby-error{color:#ffb0b0;background:#b428284d;border:1px solid #c83c3c99;border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:.88rem}.tabs{background:#00000059;border-radius:11px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab{color:#999;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:.93rem;font-weight:600;transition:all .2s}.tab.active{color:#f0dc60;background:#f0dc602e}.tab-content{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mode-select{gap:8px;display:flex}.mode-btn{color:#bbb;cursor:pointer;background:#0000004d;border:1px solid #ffffff29;border-radius:9px;flex:1;padding:11px 8px;font-size:.88rem;font-weight:600;transition:all .2s}.mode-btn.active{color:#f0dc60;background:#f0dc6024;border-color:#f0dc60}.btn-primary{color:#1a1200;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#e8c420,#b88010);border:none;border-radius:11px;width:100%;margin-top:8px;padding:13px;font-size:1.05rem;font-weight:800;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c8a01480}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.rooms-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rooms-label{color:#c8c090;font-size:.88rem;font-weight:700}.btn-refresh{color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:7px;padding:6px 14px;font-size:.83rem;transition:all .2s}.btn-refresh:hover{background:#ffffff24}.no-rooms{text-align:center;color:#666;padding:28px;font-size:.9rem}.rooms-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.room-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:11px;justify-content:space-between;align-items:center;padding:13px 16px;transition:border-color .2s;display:flex}.room-card:hover{border-color:#f0dc6059}.room-meta{align-items:center;gap:10px;display:flex}.room-name{color:#fff;font-weight:700}.room-badge{color:#f0dc60;background:#f0dc6026;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600}.room-count{color:#5de08a;font-size:.85rem;font-weight:600}.room-private{color:#f0dc60;margin-left:4px}.room-password-input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:6px;width:110px;padding:6px 10px;font-size:.85rem}.room-password-input:focus{border-color:#f0dc6080;outline:none}.btn-join{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a85a,#1c7a40);border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-join:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #28a85a73}.btn-join:disabled{opacity:.45;cursor:not-allowed}.waiting-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.waiting-box{text-align:center;background:#0a2814e0;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:440px;padding:36px 32px;box-shadow:0 20px 60px #000000b3}.waiting-title{color:#f0dc60;margin:0 0 6px;font-size:1.8rem;font-weight:900}.waiting-subtitle{color:#8a9e8a;margin:0 0 28px;font-size:.9rem}.player-slots{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.player-slot{border:1px solid;border-radius:11px;align-items:center;gap:14px;padding:14px 18px;display:flex}.player-slot.occupied{background:#28a0501f;border-color:#28a05059}.player-slot.empty{background:#00000040;border-color:#ffffff14}.slot-wind{color:#f0dc60;text-align:center;min-width:28px;font-size:1.3rem;font-weight:900}.slot-name{color:#e0f0e0;font-size:1rem;font-weight:700}.me-tag{color:#5de08a;font-size:.8rem;font-weight:600}.slot-waiting{color:#555;font-size:.9rem;font-style:italic}.waiting-info{margin-bottom:20px;font-size:.95rem}.ready-text{color:#5de08a;font-weight:700}.waiting-count{color:#aaa}.btn-start{color:#1a1200;cursor:pointer;letter-spacing:2px;background:linear-gradient(135deg,#e8c420,#b88010);border:none;border-radius:11px;width:100%;padding:14px;font-size:1.1rem;font-weight:900;transition:all .2s}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #c8a0148c}.btn-start:disabled{opacity:.45;cursor:not-allowed}.waiting-host{color:#777;border:1px dashed #ffffff1a;border-radius:9px;padding:14px;font-size:.87rem}.btn-leave{color:#c9b3b3;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:9px;width:100%;margin-top:14px;padding:10px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-leave:hover{color:#f0caca;background:#b43c3c33;border-color:#dc5a5a80}.tile{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fffef0 0%,#f2ead8 100%);border:1px solid #b8a88a;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:64px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:2px 3px 5px #0006,inset 0 1px #ffffffe6}.tile-small{width:32px;height:44px}.tile-clickable{cursor:pointer}.tile-clickable:hover{transform:translateY(-7px);box-shadow:2px 8px 14px #00000073,inset 0 1px #ffffffe6}.tile-selected{background:linear-gradient(160deg,#fffde0 0%,#f8eaaa 100%);border-color:#d4a020;box-shadow:2px 14px 22px #0000008c,inset 0 1px #ffffffe6;transform:translateY(-14px)!important}.tile-dimmed{opacity:.45}.tile-highlight{z-index:2;background:linear-gradient(160deg,#fffbe6 0%,#f8e9a8 100%);border-color:#f4c040;box-shadow:0 0 0 2px #f4c040,0 0 8px 1px #f4c040b3,2px 3px 5px #0006}.tile-face-down{background:repeating-linear-gradient(135deg,#1a5432 0 5px,#143d25 5px 10px);border-color:#0f2e1a;box-shadow:2px 3px 6px #0000008c}.tile-red{background:linear-gradient(160deg,#fff0ec 0%,#f6d6cc 100%);border-color:#d05a4a}.tile.tile-red .tile-num,.tile.tile-red .tile-suit-char{color:#e01010;text-shadow:0 0 2px #e0101066}.tile-man .tile-num,.tile-man .tile-suit-char{color:#b52020}.tile-pin .tile-num,.tile-pin .tile-suit-char{color:#1a7a3c}.tile-sou .tile-num,.tile-sou .tile-suit-char{color:#1a54a0}.tile-wind .tile-char{color:#6a2090}.tile-haku .tile-char{color:#666;text-shadow:0 0 2px #aaa}.tile-hatsu .tile-char{color:#1a7a3c}.tile-chun .tile-char{color:#c01818}.tile-num{letter-spacing:-1px;font-size:24px;font-weight:900;line-height:1}.tile-suit-char{font-size:12px;font-weight:700;line-height:1}.tile-char{font-size:28px;font-weight:900;line-height:1}.tile-small .tile-num{font-size:16px}.tile-small .tile-suit-char{font-size:9px}.tile-small .tile-char{font-size:19px}.game-board{height:100dvh;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);color:#fff;background:radial-gradient(#1f7a44 0%,#0c3a1f 70%,#072413 100%);flex-direction:column;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;display:flex;position:relative;overflow:hidden}.hud{z-index:20;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:12px}.hud-dora{background:#00000080;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:4px;padding:5px 8px;display:flex}.hud-dora-label{color:#cfcf9a;letter-spacing:1px;font-size:.66rem}.hud-dora-tiles{gap:2px;display:flex}.hud-round{align-items:baseline;gap:8px;padding-left:2px;display:flex}.round-text{color:#f4e07a;text-shadow:0 1px 3px #0009;font-size:1.25rem;font-weight:800}.honba-text{color:#ffb070;font-size:.8rem;font-weight:600}.btn-leave-game{color:#f0caca;cursor:pointer;background:#b43c3c40;border:1px solid #dc5a5a80;border-radius:7px;align-self:flex-start;margin-top:2px;padding:3px 10px;font-size:.72rem;font-weight:700;transition:background .15s,border-color .15s}.btn-leave-game:hover{background:#c8464673;border-color:#f06e6ecc}.player-panel{z-index:20;background:#00000080;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:flex-start;gap:5px;padding:6px 10px 6px 6px;transition:border-color .25s,box-shadow .25s;display:flex;position:absolute}.panel-main{align-items:center;gap:8px;display:flex}.panel-melds{width:100%}.panel-melds .meld-row{justify-content:flex-start;gap:4px}.panel-melds .tile-small{width:24px;height:33px}.panel-melds .tile-small .tile-num{font-size:13px}.panel-melds .tile-small .tile-suit-char{font-size:7px}.panel-melds .tile-small .tile-char{font-size:15px}.player-panel.active{border-color:#f4e07a;box-shadow:0 0 18px #f4e07a73}.pos-toimen{top:12px;right:16px}.pos-kamicha{top:42%;left:14px;transform:translateY(-50%)}.pos-shimocha{top:42%;right:14px;transform:translateY(-50%)}.pos-self{bottom:168px;left:16px}.avatar{color:#fff;text-shadow:0 1px 3px #00000080;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #ffffff40}.panel-info{flex-direction:column;line-height:1.2;display:flex}.panel-rank{color:#f4e07a;font-size:.9rem;font-weight:800}.panel-delta{color:#9ad;font-size:.72rem;font-weight:600}.panel-pos{color:#9a9;font-size:.68rem}.panel-name{color:#f0f0f0;align-items:center;gap:4px;font-size:.9rem;font-weight:700;display:flex}.dealer-tag{color:#1a1000;background:#f4e07a;border-radius:3px;padding:0 4px;font-size:.62rem;font-weight:800}.table{aspect-ratio:1;flex:1;grid-template:".edge-top.""edge-left center edge-right"1fr". . ."/auto 1fr auto;place-content:center;align-self:center;width:min(92vw,100vh - 230px);min-height:0;margin:0 auto;display:grid}.edge-top{grid-area:edge-top;justify-self:center}.edge-left{grid-area:edge-left;align-self:center}.edge-right{grid-area:edge-right;align-self:center}.opp-area{align-items:center;gap:6px;padding:4px;display:flex}.opp-toimen{flex-direction:column}.opp-kamicha{flex-direction:row-reverse}.opp-shimocha{flex-direction:row}.wall{gap:1px;display:grid}.wall-h{grid-auto-flow:column}.wall-v{grid-auto-flow:row}.wall-tile{background:linear-gradient(160deg,#2c7a4c 0%,#185a32 100%);border:1px solid #0d3a20;border-radius:2px;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0006}.wall-h .wall-tile{width:15px;height:22px}.wall-v .wall-tile{width:22px;height:15px}.center{grid-template:".slot-top.""slot-left scoreboard slot-right"".slot-bottom."/auto auto auto;grid-area:center;place-self:center;place-items:center;gap:6px;display:grid}.slot-top{grid-area:slot-top}.slot-left{grid-area:slot-left}.slot-right{grid-area:slot-right}.slot-bottom{grid-area:slot-bottom}.river{background:#00000047;border-radius:8px;gap:3px;padding:5px;display:grid}.river-h{grid-template-columns:repeat(6,auto);min-width:207px;min-height:44px}.river-v{grid-template-rows:repeat(6,32px);grid-auto-columns:44px;grid-auto-flow:column;min-width:44px;min-height:207px}.river-tile{justify-content:center;align-items:center;display:inline-flex}.river-rot180 .tile{transform:rotate(180deg)}.river-rot90 .river-tile,.river-rot-90 .river-tile{width:44px;height:32px}.river-rot90 .tile{transform:rotate(90deg)}.river-rot-90 .tile{transform:rotate(-90deg)}.scoreboard{background:linear-gradient(160deg,#14241a 0%,#0a160e 100%);border:1px solid #ffffff1f;border-radius:10px;grid-template:".sb-top.""sb-left sb-center sb-right"".sb-bottom."/auto auto auto;grid-area:scoreboard;place-items:center;gap:4px;min-width:150px;min-height:150px;padding:8px;display:grid;box-shadow:0 4px 18px #00000080,inset 0 0 0 4px #00000059}.sb-top{grid-area:sb-top}.sb-left{grid-area:sb-left}.sb-right{grid-area:sb-right}.sb-bottom{grid-area:sb-bottom}.sb-center{flex-direction:column;grid-area:sb-center;justify-content:center;align-items:center;display:flex}.sb-wall-label{color:#789;font-size:.6rem}.sb-wall-num{color:#f4a040;font-size:1.5rem;font-weight:800;line-height:1}.score-cell{border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:3px 8px;transition:background .25s;display:flex}.score-cell.active{background:#f4e07a29;box-shadow:0 0 10px #f4e07a4d}.wind-mark{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.82rem;font-weight:900;display:inline-flex}.score-val{color:#e8f0e8;font-size:.92rem;font-weight:800}.my-area{z-index:10;background:linear-gradient(#00000026 0%,#0000008c 100%);border-top:2px solid #ffffff1f;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px 12px;display:flex;position:relative}.my-hand{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;display:flex}.hand-gap{width:18px;display:inline-block}.wait-help{align-items:center;margin-left:8px;display:inline-flex;position:relative}.wait-help-btn{color:#f4e07a;cursor:help;background:#f4e07a2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,transform .15s;display:inline-flex}.wait-help-btn:hover{background:#f4e07a59;transform:scale(1.1)}.wait-tooltip{z-index:50;background:#0c1610f7;border:1px solid #f4e07a80;border-radius:10px;min-width:120px;max-width:320px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0009}.wait-help:hover .wait-tooltip,.wait-help:focus-within .wait-tooltip{display:block}.wait-tooltip:after{content:"";border:7px solid #0000;border-top-color:#0c1610f7;position:absolute;top:100%;left:50%;transform:translate(-50%)}.wait-tooltip-title{color:#f4e07a;text-align:center;white-space:nowrap;margin-bottom:6px;font-size:.72rem;font-weight:700}.wait-tiles{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.wait-tooltip-note{color:#cdd;text-align:center;font-size:.74rem;line-height:1.4}.meld-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.meld-group{background:#0000004d;border:1px solid #ffffff1f;border-radius:5px;gap:1px;padding:2px;display:flex}.action-panel{justify-content:center;align-items:center;min-height:44px;display:flex}.action-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.claim-row{background:#f4e07a1a;border:1px solid #f4e07a59;border-radius:10px;padding:8px 14px}.claim-label{color:#f4e07a;font-size:.85rem;font-weight:700}.action-hint{color:#8aa;font-size:.85rem}.btn-action{cursor:pointer;letter-spacing:1px;border:none;border-radius:9px;padding:9px 18px;font-size:.95rem;font-weight:800;transition:transform .15s,filter .15s}.btn-action:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-action.discard{color:#fff;background:linear-gradient(135deg,#1a8adc,#0e5a90)}.btn-action.tsumo{color:#1a1000;background:linear-gradient(135deg,#e8c420,#a06000)}.btn-action.ron{color:#fff;background:linear-gradient(135deg,#cc2020,#800)}.btn-action.pon{color:#fff;background:linear-gradient(135deg,#2090d0,#145a80)}.btn-action.chi{color:#fff;background:linear-gradient(135deg,#20a060,#0e5a38)}.btn-action.skip{color:#ccc;background:#50505099;border:1px solid #fff3}.btn-action.riichi{color:#fff;background:linear-gradient(135deg,#d63384,#7a1f4f)}.btn-action.kita{color:#fff;background:linear-gradient(135deg,#20c0a0,#126b58)}.btn-action.kan{color:#fff;background:linear-gradient(135deg,#d08020,#8a5210)}.btn-action.kyushu{color:#fff;background:linear-gradient(135deg,#8050d0,#4a2a80)}.riichi-sticks{color:#ffb0d0;background:#d6338433;border:1px solid #d6338499;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.riichi-tag{color:#fff;background:linear-gradient(135deg,#d63384,#7a1f4f);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.kita-tag{color:#7fe5cf;background:#20c0a040;border:1px solid #20c0a099;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.chi-selector{background:#1ea0501a;border:1px solid #1ea05059;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:flex}.chi-label{color:#5de08a;text-align:center;width:100%;margin:0;font-size:.85rem;font-weight:700}.chi-combo-btn{cursor:pointer;background:#0006;border:1px solid #1ea05080;border-radius:8px;align-items:center;gap:2px;padding:5px 8px;transition:transform .15s,border-color .15s,background .15s;display:flex}.chi-combo-btn:hover{background:#1ea05033;border-color:#5de08a;transform:translateY(-2px)}.players-3 .pos-toimen{display:none}@media (height<=600px){.tile{width:34px;height:48px}.tile-num{font-size:18px}.tile-char{font-size:21px}.tile-suit-char{font-size:9px}.tile-small{width:24px;height:33px}.tile-small .tile-num{font-size:12px}.tile-small .tile-suit-char{font-size:7px}.tile-small .tile-char{font-size:14px}.river-v{grid-template-rows:repeat(6,24px);grid-auto-columns:33px;min-width:33px;min-height:159px}.river-rot90 .river-tile,.river-rot-90 .river-tile{width:33px;height:24px}.river-h{min-width:159px;min-height:33px}.river{gap:2px;padding:3px}.table{width:min(86vw,100dvh - 132px)}.center{gap:3px}.scoreboard{gap:2px;min-width:104px;min-height:104px;padding:5px}.score-val{font-size:.72rem}.sb-wall-num{font-size:1.1rem}.wind-mark{width:18px;height:18px;font-size:.7rem}.score-cell{padding:2px 5px}.wall-h .wall-tile{width:12px;height:18px}.wall-v .wall-tile{width:18px;height:12px}.player-panel{border-radius:8px;gap:2px;padding:3px 6px 3px 3px}.avatar{border-radius:6px;width:30px;height:30px;font-size:.95rem}.panel-main{gap:5px}.panel-rank{font-size:.72rem}.panel-delta{font-size:.58rem}.panel-pos{font-size:.55rem}.panel-name{gap:3px;font-size:.72rem}.panel-melds .tile-small{width:18px;height:25px}.panel-melds .tile-small .tile-num{font-size:10px}.panel-melds .tile-small .tile-char{font-size:11px}.panel-melds .tile-small .tile-suit-char{font-size:6px}.pos-toimen{top:8px;right:10px}.pos-kamicha{top:40%;left:8px}.pos-shimocha{top:40%;right:8px}.pos-self{bottom:104px;left:8px}.hud{gap:4px;top:6px;left:8px}.round-text{font-size:1rem}.hud-dora{padding:4px 6px}.my-area{gap:4px;padding:4px 8px 6px}.my-hand{gap:3px}.hand-gap{width:12px}.action-panel{min-height:36px}.btn-action{border-radius:7px;padding:6px 12px;font-size:.82rem}.action-hint{font-size:.74rem}.claim-row,.chi-selector{gap:6px;padding:5px 10px}.wait-help-btn{width:26px;height:26px}}@media (width<=600px){.my-hand{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-top:16px;padding-bottom:4px;overflow:auto visible}.my-hand .tile{flex-shrink:0}}.chat-fab{color:#fff;cursor:pointer;z-index:150;background:linear-gradient(135deg,#4fa06a,#2f7050);border:none;border-radius:50%;width:54px;height:54px;font-size:22px;transition:transform .15s;position:fixed;bottom:18px;right:18px;box-shadow:0 6px 20px #00000080}.chat-fab:hover{transform:translateY(-2px)}.chat-badge{color:#fff;text-align:center;background:#d83a3a;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:150;background:#121a16f5;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;width:300px;max-width:calc(100vw - 36px);height:380px;max-height:calc(100vh - 36px);display:flex;position:fixed;bottom:18px;right:18px;overflow:hidden;box-shadow:0 16px 48px #0009}.chat-header{background:#28a0502e;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.chat-title{color:#e0f0e0;font-size:.95rem;font-weight:800}.chat-close{color:#cdd;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.chat-close:hover{color:#fff}.chat-messages{flex-direction:column;flex:1;gap:7px;padding:10px 12px;display:flex;overflow-y:auto}.chat-empty{color:#6a7a6a;text-align:center;margin-top:20px;font-size:.85rem}.chat-msg{word-break:break-word;background:#ffffff14;border-radius:10px;flex-direction:column;align-self:flex-start;max-width:82%;padding:6px 10px;display:flex}.chat-msg.mine{background:#28a05052;align-self:flex-end}.chat-msg-name{margin-bottom:2px;font-size:.72rem;font-weight:700}.chat-msg-text{color:#eef4ee;font-size:.9rem}.chat-input-row{border-top:1px solid #ffffff1a;gap:6px;padding:8px;display:flex}.chat-input{color:#eef4ee;background:#0000004d;border:1px solid #ffffff2e;border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:.9rem}.chat-input:focus{border-color:#50c87899;outline:none}.chat-send{color:#fff;cursor:pointer;background:#4fa06a;border:none;border-radius:8px;padding:8px 12px;font-weight:700}.chat-send:disabled{opacity:.4;cursor:not-allowed}.result-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.result-modal{text-align:center;background:linear-gradient(160deg,#0d3d20,#061e10);border:1px solid #ffffff24;border-radius:18px;width:90%;min-width:360px;max-width:480px;padding:36px 40px;animation:.3s slideUp;box-shadow:0 30px 80px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-title{letter-spacing:3px;margin:0 0 8px;font-size:2.2rem;font-weight:900}.result-title.tsumo{color:#f0dc60;text-shadow:0 0 20px #f0dc6080}.result-title.ron{color:#ff6060;text-shadow:0 0 20px #ff606080}.result-title.draw{color:#9ad}.result-sub{color:#888;margin:0 0 16px}.result-winner{color:#e0e0e0;justify-content:center;align-items:center;gap:10px;margin:0 0 14px;font-size:1.1rem;font-weight:700;display:flex}.wind-badge-inline{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:900;display:inline-flex}.wind-east{color:#fff;background:#b52020}.wind-south{color:#fff;background:#c07a00}.wind-west{color:#fff;background:#1a5aa0}.wind-north{color:#fff;background:#2a8a40}.result-win-tile{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.win-tile-label{color:#aaa;font-size:.85rem}.result-hand{flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;display:flex}.result-hand-label{color:#aaa;font-size:.82rem}.result-tiles{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.result-dora{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.result-dora-row{justify-content:center;align-items:center;gap:8px;display:flex}.result-dora-label{color:#aaa;text-align:right;min-width:72px;font-size:.82rem}.result-yaku{text-align:left;background:#f0dc6014;border:1px solid #f0dc6040;border-radius:10px;margin-bottom:16px;padding:12px 16px}.yaku-title{color:#f0dc60;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:.95rem;display:flex}.yaku-total{font-size:1.2rem;font-weight:900}.yaku-list{margin:0;padding:0;list-style:none}.yaku-item{color:#e0e0e0;border-bottom:1px dashed #ffffff14;justify-content:space-between;padding:4px 0;font-size:.9rem;display:flex}.yaku-item:last-child{border-bottom:none}.yaku-han{color:#f0dc60;font-weight:800}.score-table{text-align:left;background:#00000059;border-radius:12px;margin-bottom:20px;padding:16px}.score-title{color:#888;text-align:center;margin:0 0 12px;font-size:.85rem}.score-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.score-row:last-child{border-bottom:none}.score-row.score-me{background:#f0dc600f;border-radius:6px;padding:7px 8px}.score-name{color:#e0e0e0;flex:1;font-size:.9rem}.score-delta{text-align:right;min-width:80px;font-size:1rem;font-weight:800}.score-delta.plus{color:#5de08a}.score-delta.minus{color:#ff7070}.score-delta.zero{color:#888}.score-new{color:#ccc;text-align:right;min-width:70px;font-size:.9rem}.btn-ready{color:#1a1000;cursor:pointer;letter-spacing:2px;background:linear-gradient(135deg,#e8c420,#b88010);border:none;border-radius:11px;width:100%;padding:13px;font-size:1.05rem;font-weight:900;transition:all .2s}.btn-ready:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c8a01480}.app{min-height:100vh}.disconnected-banner{color:#fff;text-align:center;z-index:200;background:#b41e1ee6;padding:10px;font-weight:700;position:fixed;bottom:0;left:0;right:0}.reconnecting-screen{color:#e8e8e8;background:#1d2230;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.reconnecting-screen p{font-size:16px;font-weight:600}.reconnecting-spinner{border:4px solid #fff3;border-top-color:#4fa06a;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite reconnect-spin}@keyframes reconnect-spin{to{transform:rotate(360deg)}}