:root{color:#eef7f1;background:#102b20;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:#1d1708;background:#e9b949;border:0;border-radius:.4rem;padding:.6rem .9rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:#173225;background:#d5e4dc}button.active{outline:3px solid #fff1a2}.shell,.game-shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:1.25rem 0 2rem}header{align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.15rem;display:flex}header button{margin-left:auto}.connection{background:#60736a;border-radius:99px;padding:.2rem .55rem;font-size:.8rem}.connection.connected{background:#247b52}.connection.closed{background:#9a3c3c}.connection.connecting{background:#9a7529}.card,.action-panel{background:#1a4634;border-radius:.8rem;margin:1rem 0;padding:1.25rem;box-shadow:0 8px 20px #07170f55}.connection-dialog{width:min(32rem,100%);margin:min(18vh,8rem) auto}.settlement-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#061b12b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.settlement{background:#143d2c;border:2px solid #e9b949;border-radius:.8rem;gap:.8rem;width:min(46rem,100%);max-height:calc(100vh - 2rem);margin:0;padding:1rem;display:grid;overflow:auto;box-shadow:0 8px 24px #061b12aa}.settlement-actions{border-top:1px solid #6d9e86;justify-content:flex-end;align-items:center;min-height:2.5rem;padding-top:.2rem;display:flex}.settlement-actions span{color:#c8d9d0;font-size:.86rem}.settlement-header{border-bottom:1px solid #6d9e86;justify-content:space-between;margin:0;padding-bottom:.6rem;font-size:1rem;display:flex}.settlement-header div{gap:.2rem;display:grid}.settlement-header span{color:#c8d9d0;font-size:.82rem}.point-summary{flex-wrap:wrap;gap:.45rem;display:flex}.point-summary span{background:#0d2d20;border-radius:.3rem;padding:.3rem .45rem;font-size:.83rem}.point-summary strong{color:#ffe06d}.nagashi{color:#fff0ae;background:#3d3215;border-left:3px solid #ffe06d;margin:0;padding:.55rem}.tenpai{background:#0d2d20;border-radius:.45rem;gap:.35rem;padding:.65rem;display:grid}.tenpai>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tenpai>div>span:first-child{color:#c8d9d0;min-width:5rem}.win-result{background:#0e3022;border-radius:.55rem;padding:.85rem}.win-result h2{color:#ffe06d;margin:0 0 .45rem;font-size:1rem}.winner,.yaku{margin:.35rem 0}.winning-hand{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.winning-tile{color:#c8d9d0;align-items:center;gap:.25rem;display:inline-flex}.tile-row{flex-wrap:wrap;gap:2px;display:inline-flex}.score-breakdown{grid-template-columns:4rem 4rem minmax(10rem,1fr);gap:.35rem;margin:.65rem 0;display:grid}.score-breakdown div{background:#164836;border-radius:.3rem;padding:.35rem}.score-breakdown dt{color:#b9d5c7;font-size:.75rem}.score-breakdown dd{margin:.1rem 0 0;font-weight:700}.indicator-row{color:#b9d5c7;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.82rem;display:flex}h1,h2{margin-top:0}label{gap:.4rem;display:grid}input{color:#15261d;background:#f7fcf9;border:1px solid #8aa99a;border-radius:.4rem;padding:.6rem}.actions,.call-actions{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.notice{color:#c8d9d0}ul{padding-left:1.25rem}.mahjong-table{background:#176342;border:3px solid #c59a3d;border-radius:1rem;grid-template-columns:minmax(190px,1fr) minmax(250px,1.45fr) minmax(190px,1fr);grid-template-areas:".top.""left centre right""self self self";gap:.8rem;padding:1rem;display:grid;box-shadow:inset 0 0 60px #062719aa}.opponent,.self-area,.table-centre{background:#0f3b2a99;border-radius:.6rem;min-width:0;padding:.65rem}.top{grid-area:top}.left{grid-area:left}.right{grid-area:right}.self-area{grid-area:self}.table-centre{text-align:center;grid-area:centre;align-self:center;gap:.65rem;font-size:.9rem;display:grid}.dora{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.dora .tile{flex:0 0 1.55rem;width:1.55rem;min-height:2.1rem}.player-header{align-items:center;gap:.4rem;min-height:1.6rem;padding:.2rem .35rem;font-size:.8rem;display:flex}.player-header strong{margin-left:auto}.player-header em{color:#ffe06d;font-style:normal}.player-header small{color:#183324;background:#f1cb68;border-radius:.2rem;padding:.08rem .25rem}.player-header.turn{background:#f1cb6840;border-radius:.3rem;box-shadow:0 0 0 1px #f1cb68}.opponent-hand{flex-wrap:wrap;gap:2px;min-height:1.35rem;margin:.35rem 0;display:flex}.tile-back{background:#26465b url(/tiles/Back.svg) 50%/contain no-repeat;border:1px solid #d9e5e0;border-radius:2px;width:10px;height:17px;display:inline-block}.melds{flex-wrap:wrap;gap:.3rem;margin:.25rem 0;display:flex}.meld{border:1px solid #9db6aa;border-radius:.25rem;align-items:center;gap:2px;padding:1px;display:inline-flex}.meld .tile.called{z-index:2;transform:rotate(90deg)scale(.82)}.meld-source{color:#c8d9d0;white-space:nowrap;padding:0 .15rem;font-size:.6rem;line-height:1}.river{grid-template-columns:repeat(6,1.35rem);grid-auto-rows:1.9rem;justify-content:start;gap:2px;min-height:1.3rem;margin-top:.45rem;display:grid}.river .tile{width:1.35rem;height:1.9rem;min-height:0}.tile{color:#17201b;background:#fffdf4;border:1px solid #b9c9c0;border-radius:.2rem;justify-content:center;align-items:center;min-width:0;min-height:1.6rem;padding:0;font-size:clamp(.65rem,1.3vw,.92rem);font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.tile img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.tile.m{color:#b22c31}.tile.p{color:#2371a6}.tile.s{color:#268a58}.tile.red{color:#e22f24;background:#fff0ed}.tile.tsumogiri{opacity:.58}.tile.riichi{z-index:2;outline:2px solid #edc447}.river .tile.riichi{transform-origin:50%;transform:rotate(90deg)scale(.78)}.tile.highlighted{opacity:1;z-index:1;background:#fff0a0;outline:3px solid #ffe06d;box-shadow:0 0 0 2px #7d4d00,0 0 14px #fff0a0}.tile.highlighted img{filter:brightness(1.08)drop-shadow(0 0 3px #ffe06d)}.tile.dora{z-index:1;border-color:#ffdf6b;animation:1.8s ease-in-out infinite alternate dora-bloom}.tile.dora img{filter:drop-shadow(0 0 3px #ffbc37)brightness(1.06)}@keyframes dora-bloom{0%{box-shadow:0 0 3px #ffba36,0 0 7px #ffba3688}to{box-shadow:0 0 6px #ffe475,0 0 16px #ffbd32cc,0 0 25px #ff9d1766}}@media (prefers-reduced-motion:reduce){.tile.dora{animation:none;box-shadow:0 0 7px #ffbd32}}.tile.compact{flex:0 0 1.25rem;width:1.25rem;min-width:0;height:1.65rem;min-height:0;font-size:.67rem}.tile.selectable{cursor:pointer;border-width:2px;box-shadow:0 2px 4px #061b12aa}.tile.selectable:hover:not(:disabled){background:#fff1a2;transform:translateY(-5px)}.hand{flex-wrap:wrap;align-items:end;gap:3px;min-height:3.3rem;margin-top:.55rem;display:flex}.hand .tile{touch-action:manipulation;width:clamp(2rem,4.8vw,3.3rem);min-height:clamp(2.8rem,6vw,4.1rem);font-size:clamp(.9rem,2vw,1.25rem)}.draw-divider{width:.8rem;display:inline-block}.deadline{float:right;color:#ffe06d}.selection-help{gap:.35rem;margin:.8rem 0 0;display:grid}.wait-info{background:#103326;border-left:3px solid #e9b949;padding:.35rem .45rem;font-size:.85rem}.match-standings{gap:.45rem;margin:1rem 0 0;padding-left:1.8rem;display:grid}.match-standings li{justify-content:space-between;gap:2rem;display:flex}.debug-drawer{color:#d6e7dc;border:1px solid #3b6b58;border-radius:.5rem;margin-top:1rem;padding:.5rem}.debug-drawer pre{white-space:pre-wrap;max-height:14rem;margin:.5rem 0 0;font-size:.72rem;overflow:auto}@media (width<=700px){.game-shell{width:min(100% - 1rem,1100px)}.mahjong-table{grid-template-columns:1fr 1fr;grid-template-areas:"top top""centre centre""left right""self self";padding:.55rem}.hand .tile{width:2.75rem;min-height:3.25rem}.player-header{font-size:.68rem}}