@keyframes mjYourTurnPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes mjPulse{0%,to{opacity:1}50%{opacity:.65}}#mahjong-game{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-sizing:border-box}.mj-bar{display:flex;justify-content:center;align-items:center;gap:12px;padding:6px 12px;background:rgba(20,24,38,.95);border-bottom:1px solid rgba(255,255,255,.06);font-size:.82em;color:rgba(220,220,232,.7)}.mj-bar-wind{font-weight:700;color:#f0c040}.mj-bar-tag{background:rgba(59,130,246,.15);padding:1px 8px;border-radius:4px;font-size:.9em}.mj-player-strip{padding:5px 8px;border-radius:6px;background:rgba(25,30,45,.5);border:1px solid transparent;margin:2px 4px}.mj-strip-top{border-bottom:1px solid rgba(255,255,255,.04);margin-top:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.mj-strip-bottom{border-top:1px solid rgba(255,255,255,.04);background:rgba(25,30,55,.6);max-width:1020px;margin-left:auto;margin-right:auto;text-align:center}.mj-seat-active{border-color:rgba(59,130,246,.4);box-shadow:0 0 8px rgba(59,130,246,.12)}.mj-seat-winner{border-color:rgba(240,192,64,.5);box-shadow:0 0 12px rgba(240,192,64,.15)}.mj-name{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.78em;flex-wrap:wrap}.mj-strip-top .mj-name{width:100%}.mj-name-wind{color:rgba(220,220,232,.4);background:rgba(255,255,255,.04);padding:0 4px;border-radius:3px;font-size:.9em}.mj-name-text{font-weight:600;color:rgba(232,232,240,.9)}.mj-name-dealer{font-size:.75em;background:rgba(240,192,64,.15);color:#f0c040;padding:0 4px;border-radius:3px;font-weight:700}.mj-name-score{margin-left:auto;font-weight:700;color:rgba(232,232,240,.9);font-size:1.05em}.mj-sides{display:flex;align-items:stretch;gap:2px;flex:1 1 0;min-height:0;overflow:hidden}.mj-strip-left,.mj-strip-right{flex:0 0 auto;width:120px;display:flex;flex-direction:column;font-size:.85em}.mj-strip-left .mj-opp-hand,.mj-strip-right .mj-opp-hand{flex-wrap:wrap;max-width:120px}.mj-strip-left .mj-meld,.mj-strip-right .mj-meld{flex-wrap:wrap}.mj-strip-left .mj-bonus-row,.mj-strip-right .mj-bonus-row{flex-wrap:wrap;justify-content:center;max-width:120px}.mj-strip-left .mj-melds,.mj-strip-right .mj-melds{justify-content:center;max-width:120px}.mj-tile{display:inline-flex;align-items:center;justify-content:center;width:68px;height:90px;background:linear-gradient(to bottom,#faf8f2 0,#f5f0e5 10%,#eee8d8 100%);border:1px solid #c8c0b0;border-bottom-width:4px;border-right-width:2px;border-radius:6px;box-shadow:1px 1px 0#ddd5c5,2px 2px 0#c8c0b0,2px 3px 4px rgba(0,0,0,.25);font-size:2.35em;line-height:1;cursor:default;user-select:none;transition:transform .12s,box-shadow .12s;position:relative;font-family:"Segoe UI Symbol","Noto Sans Symbols2","Noto Sans Symbols",sans-serif}.mj-t-red{color:#b91c1c}.mj-t-blue{color:#1d4ed8}.mj-t-green{color:#15803d}.mj-t-dark{color:#1e293b}.mj-t-bonus{color:#7e22ce}.mj-tile-sm,.mj-tile-xs{width:32px;height:42px;font-size:1.25em;border-bottom-width:2px;border-right-width:2px;box-shadow:1px 1px 0#ddd5c5,1px 2px 3px rgba(0,0,0,.2)}.mj-tile-xs{width:22px;height:28px;font-size:.92em;border-right-width:1px;box-shadow:1px 1px 2px rgba(0,0,0,.18);border-radius:3px}.mj-tile-back{background:linear-gradient(135deg,#1a5e2a 0,#166534 50%,#14532d 100%);border-color:rgba(0,0,0,.3);color:transparent;box-shadow:1px 1px 0#0d3e1a,2px 2px 3px rgba(0,0,0,.3)}.mj-tile-click{cursor:pointer}.mj-tile-click:hover{transform:translateY(-5px);box-shadow:1px 1px 0#ddd5c5,2px 2px 0#c8c0b0,3px 5px 8px rgba(0,0,0,.3)}.mj-tile-up{transform:translateY(-10px);box-shadow:1px 1px 0#ddd5c5,2px 2px 0#c8c0b0,3px 6px 12px rgba(59,130,246,.35);border-color:rgba(59,130,246,.5)}.mj-tile-hl{box-shadow:0 0 8px rgba(240,192,64,.5),1px 1px 0#ddd5c5,2px 2px 0#c8c0b0;border-color:rgba(240,192,64,.6)}.mj-tile-rot{transform:rotate(-90deg);margin:0 2px}.mj-tile-drawn{margin-left:10px;border-color:rgba(46,204,113,.7);box-shadow:0 0 8px rgba(46,204,113,.45),1px 1px 0#ddd5c5,2px 2px 0#c8c0b0}.mj-melds{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.mj-strip-bottom .mj-bonus-row,.mj-strip-bottom .mj-melds{justify-content:center}.mj-meld{display:flex;align-items:center;gap:1px;padding:1px;background:rgba(255,255,255,.02);border-radius:3px}.mj-bonus-row,.mj-opp-hand{display:flex;gap:1px;margin-top:2px}.mj-bonus-row{flex-wrap:wrap}.mj-opp-hand{flex-direction:column;align-items:center}.mj-strip-top .mj-opp-hand{flex-direction:row;justify-content:center;flex-wrap:wrap}.mj-center-area{flex:1;display:grid;grid-template-areas:"top    top    top""left   info   right""bottom bottom bottom";grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;gap:4px;padding:8px;background:rgba(15,20,30,.6);border-radius:10px;border:1px solid rgba(255,255,255,.04);min-height:280px}.mj-center-info{grid-area:info;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:4px 8px;min-width:60px;transition:border .2s,box-shadow .2s;border:2px solid rgba(255,255,255,.05)}.mj-your-turn{font-size:.72em;font-weight:700;color:#22c55e;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;padding:2px 10px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:4px;animation:mjYourTurnPulse 1.5s ease-in-out infinite}.mj-center-info.mj-turn-bottom{border-bottom-color:#22c55e!important;box-shadow:0 6px 15px rgba(34,197,94,.3)}.mj-center-info.mj-turn-top{border-top-color:#22c55e!important;box-shadow:0-6px 15px rgba(34,197,94,.3)}.mj-center-info.mj-turn-left{border-left-color:#22c55e!important;box-shadow:-6px 0 15px rgba(34,197,94,.3)}.mj-center-info.mj-turn-right{border-right-color:#22c55e!important;box-shadow:6px 0 15px rgba(34,197,94,.3)}.mj-dq-active{background:rgba(34,197,94,.05);border-radius:8px;border:1px solid rgba(34,197,94,.12);box-shadow:inset 0 0 8px rgba(34,197,94,.06)}.mj-dq-active .mj-dq-label{color:#4ade80!important;font-weight:700;text-shadow:0 0 4px rgba(34,197,94,.3)}.mj-wall-count{font-size:1.8em;font-weight:700;color:rgba(232,232,240,.22)}.mj-wall-label{font-size:.65em;color:rgba(232,232,240,.15);text-transform:uppercase;letter-spacing:.08em}.mj-discard-quad{padding:4px;min-height:20px}.mj-dq-bottom,.mj-dq-top{grid-area:top;align-self:end;justify-self:center}.mj-dq-bottom{grid-area:bottom;align-self:start}.mj-dq-left,.mj-dq-right{grid-area:left;align-self:center;justify-self:end}.mj-dq-right{grid-area:right;justify-self:start}.mj-dq-label{font-size:.6em;color:rgba(220,220,232,.3);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.mj-discard-tiles{display:flex;flex-wrap:wrap;gap:2px}.mj-dq-bottom .mj-discard-tiles,.mj-dq-top .mj-discard-tiles{max-width:210px;justify-content:center}.mj-dq-left .mj-discard-tiles,.mj-dq-right .mj-discard-tiles{max-width:140px;justify-content:center}.mj-claim-bar,.mj-my-hand{display:flex;justify-content:center}.mj-my-hand{gap:2px;padding:10px 6px 6px;flex-wrap:wrap;max-width:1020px;margin:0 auto}.mj-claim-bar{align-items:center;gap:10px;padding:6px 14px;background:rgba(240,192,64,.15);border:2px solid rgba(240,192,64,.4);border-radius:10px;margin:2px auto;max-width:400px;color:#f0c040;font-size:.95em;font-weight:600;animation:mjPulse 1.2s ease-in-out infinite}.mj-claim-text{opacity:.8}.mj-actions{display:flex;justify-content:center;align-items:center;gap:6px;padding:5px 6px;flex-wrap:wrap}.mj-btn{padding:7px 16px;border:0;border-radius:8px;font-size:.92em;font-weight:600;cursor:pointer;transition:transform .08s,box-shadow .08s;color:#fff}.mj-btn:hover{transform:scale(1.06)}.mj-btn:active{transform:scale(.94)}.mj-btn-hu{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px rgba(220,38,38,.3)}.mj-btn-pong{background:linear-gradient(135deg,#eab308,#ca8a04);color:#1a1a2e;box-shadow:0 2px 8px rgba(234,179,8,.3)}.mj-btn-kong{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px rgba(139,92,246,.3)}.mj-btn-chi{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px rgba(16,185,129,.3)}.mj-btn-discard{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px rgba(59,130,246,.3)}.mj-btn-pass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(232,232,240,.6)}.mj-btn-pass:hover{background:rgba(255,255,255,.12)}.mj-hint{font-size:.74em;color:rgba(232,232,240,.4)}.mj-chi-group{display:flex;align-items:center;gap:4px}.mj-chi-label{font-size:.82em;color:rgba(232,232,240,.6)}.mj-result{background:rgba(20,24,38,.95);border:1px solid rgba(240,192,64,.25);border-radius:12px;padding:16px;margin:8px auto;max-width:360px;text-align:center}.mj-result-title{font-size:1.2em;font-weight:700;color:#f0c040;margin-bottom:4px}.mj-result-sub{font-size:.82em;color:rgba(232,232,240,.5);margin-bottom:10px}.mj-result-scoring{background:rgba(0,0,0,.2);border-radius:8px;padding:8px 12px;text-align:left;margin-bottom:10px}.mj-result-sh{font-weight:600;font-size:.8em;color:rgba(232,232,240,.7);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.mj-result-row{display:flex;justify-content:space-between;padding:2px 0;font-size:.82em;color:rgba(232,232,240,.65);border-bottom:1px solid rgba(255,255,255,.03)}.mj-result-total{margin-top:4px;padding-top:4px;border-top:1px solid rgba(240,192,64,.25);font-weight:700;color:#f0c040;text-align:right;font-size:.92em}.mj-result-actions{margin-top:8px}@media (max-width:600px){.mj-tile{width:42px;height:54px;font-size:1.5em;border-bottom-width:2px}.mj-tile-sm{width:28px;height:36px;font-size:1.1em}.mj-tile-xs{width:20px;height:26px;font-size:.85em}.mj-my-hand{gap:2px;padding:6px 4px 4px;flex-wrap:wrap;justify-content:center}.mj-tile-drawn{margin-left:6px}.mj-bar{font-size:.72em;gap:6px;padding:4px 6px}.mj-btn{padding:5px 10px;font-size:.82em}.mj-strip-left,.mj-strip-right{width:80px;font-size:.75em}.mj-strip-left .mj-opp-hand,.mj-strip-right .mj-opp-hand{max-width:80px}.mj-strip-left .mj-name-text,.mj-strip-right .mj-name-text{display:none}.mj-strip-left .mj-bonus-row,.mj-strip-left .mj-melds,.mj-strip-right .mj-bonus-row,.mj-strip-right .mj-melds{max-width:80px}.mj-center-area{min-height:200px}.mj-wall-count{font-size:1.4em}.mj-dq-label{font-size:.55em}.mj-dq-bottom .mj-discard-tiles,.mj-dq-top .mj-discard-tiles{max-width:184px}.mj-dq-left .mj-discard-tiles,.mj-dq-right .mj-discard-tiles{max-width:120px}.mj-player-strip{padding:3px 5px;margin:1px 2px}.mj-name{font-size:.72em}.mj-actions{gap:4px;padding:3px 4px}.mj-claim-bar{padding:4px 8px;font-size:.78em}.mj-result{padding:10px;max-width:300px}}@media (max-width:380px){.mj-tile{width:36px;height:46px;font-size:1.3em}.mj-tile-xs{width:18px;height:24px;font-size:.78em}.mj-strip-left,.mj-strip-right{width:65px}.mj-sides{min-height:80px}}@media (max-height:500px) and (orientation:landscape){#mahjong-game{overflow-y:auto;-webkit-overflow-scrolling:touch}.mj-bar{padding:2px 8px;font-size:.68em;gap:6px}.mj-player-strip{padding:2px 4px;margin:1px 2px}.mj-name{font-size:.68em}.mj-strip-bottom,.mj-strip-top{max-height:28px;overflow:hidden}.mj-strip-left .mj-melds,.mj-strip-left .mj-name-text,.mj-strip-left .mj-opp-hand,.mj-strip-right .mj-melds,.mj-strip-right .mj-name-text,.mj-strip-right .mj-opp-hand,.mj-strip-top .mj-opp-hand{display:none}.mj-sides{min-height:60px;flex:1}.mj-strip-left,.mj-strip-right{width:60px;font-size:.68em}.mj-center-area{min-height:160px}.mj-wall-count{font-size:1.2em}.mj-dq-label{font-size:.5em}.mj-dq-bottom .mj-discard-tiles,.mj-dq-top .mj-discard-tiles{max-width:154px}.mj-dq-left .mj-discard-tiles,.mj-dq-right .mj-discard-tiles{max-width:104px}.mj-tile{width:28px;height:36px;font-size:1.15em;border-bottom-width:2px}.mj-tile-xs{width:16px;height:20px;font-size:.7em}.mj-tile-sm{width:24px;height:30px;font-size:.95em}.mj-my-hand{padding:4px 2px 2px;gap:1px}.mj-tile-drawn{margin-left:4px}.mj-actions{padding:2px 4px;gap:3px}.mj-btn,.mj-claim-bar{padding:4px 8px;font-size:.78em}.mj-claim-bar{padding:4px 10px}.mj-result{padding:8px;max-width:280px}}