*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px}body{background:#0a2e14;color:#f0ece0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:root{--table-bg: #0d4a1e;--table-border: #1a6b2e;--tile-face: #f5f0e8;--tile-back: #1a4a8a;--tile-shadow: rgba(0,0,0,.6);--tile-border: #d4c5a0;--tile-red: #d62828;--gold: #c9a227;--gold-light: #e8c050;--gold-dark: #9a7a1a;--btn-bg: #1a3a1a;--btn-border: #c9a227;--btn-hover: #2a5a2a;--riichi-red: #e63946;--discard-bg: rgba(0,0,0,.15);--panel-bg: rgba(0,0,0,.35);--panel-border: rgba(201,162,39,.3);--text-dim: rgba(240,236,224,.6);--radius: 4px;--tile-w: 38px;--tile-h: 52px;--tile-w-sm: 28px;--tile-h-sm: 38px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.text-gold{color:var(--gold)}.text-dim{color:var(--text-dim)}.player-hand,.cpu-hand{max-width:min(100%,620px)}.player-hand{overflow:visible;padding-top:10px!important}.discard-pile{max-width:min(100%,390px)}.action-bar{border-top:1px solid transparent;transition:min-height .15s ease,background .15s ease}.action-bar-active{border-top-color:#c9a22729}.action-bar button{box-shadow:0 3px #00000047}.action-bar button:active{transform:translateY(2px);box-shadow:0 1px #00000047}.action-bar-hint{color:#f0ece061;font-size:11px;letter-spacing:.08em}.turn-timer-urgent{animation:timerPulse .9s ease-in-out infinite alternate}.turn-badge{padding:4px 13px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.1em;box-shadow:0 3px 12px #00000038}.turn-badge-player{color:#fff3bf;background:#9a7a1ac7;border:1px solid rgba(232,192,80,.9)}.turn-badge-cpu{color:#f0ece0b8;background:#0000006b;border:1px solid rgba(240,236,224,.18)}.table-stage{isolation:isolate}.seat-area{background:linear-gradient(180deg,#070f1c94,#091424db)!important}.table-stage:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(164,197,235,.16);clip-path:polygon(10% 0,90% 0,100% 16%,100% 84%,90% 100%,10% 100%,0 84%,0 16%);pointer-events:none}.score-panel,.round-info,.dora-display{background:linear-gradient(180deg,#081527db,#040d19e6)!important}.center-hud{padding:8px;border:1px solid rgba(171,204,238,.2);border-radius:10px;background:#050e1b47;box-shadow:0 8px 24px #00000038;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.center-hud .round-info,.center-hud .dora-display{border-color:#87aede59!important}.wall-rail{position:absolute;top:50%;display:flex;flex-direction:column;gap:2px;transform:translateY(-50%);opacity:.84;z-index:2}.wall-rail-left{left:14px}.wall-rail-right{right:14px}@media (max-width: 620px){.wall-rail-left{left:6px}.wall-rail-right{right:6px}}.table-stage:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;pointer-events:none}.seat-area-player{position:relative;z-index:2}.player-seat-layout{display:grid!important;grid-template-columns:minmax(110px,126px) minmax(0,1fr) 8px;align-items:center}.player-seat-layout>div:nth-child(2){min-width:0}@media (max-width: 620px){.player-seat-layout{grid-template-columns:92px minmax(0,1fr) 12px;padding-left:8px!important;padding-right:8px!important;gap:6px!important}}@media (max-width: 900px){.player-hand>div{width:38px!important;height:52px!important}}@media (max-height: 760px){.seat-area-cpu{min-height:74px!important}.table-stage{max-height:58vh!important}}@media (max-width: 620px){.table-stage{width:calc(100% - 16px)!important;border-radius:12px!important}.table-stage>div[style*="translate(-50%, -50%)"]{gap:4px!important}}@keyframes timerPulse{0%{background:#8b1a1a0a}to{background:#8b1a1a33}}@media (max-width: 620px){.player-hand,.cpu-hand{gap:1px!important}.discard-pile{grid-template-columns:repeat(6,34px)!important}.meld-group{gap:4px!important}.player-hand>div{width:28px!important;height:38px!important}.score-panel{min-width:88px!important;padding-left:8px!important;padding-right:8px!important}}