*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:#0a0e14;color:#d4d4d4;overflow:hidden;-webkit-tap-highlight-color:transparent}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:.7rem;padding:1rem}.lobby h2{font-size:1.5rem;color:#e8b339}.connection-status{font-size:.8rem}.lobby-actions{display:flex;flex-direction:column;gap:.6rem;align-items:center}.join-section{display:flex;gap:.4rem}.room-input{padding:.35rem;font-size:.95rem;background:#1a1f2b;text-align:center;width:7.5rem;letter-spacing:.2em}.lobby-btn,.room-input{border:1px solid #2d3748;color:#d4d4d4;border-radius:4px}.lobby-btn{padding:.35rem 1rem;font-size:.88rem;background:#1e2533;cursor:pointer;transition:background .15s}.lobby-btn:hover:not(:disabled){background:#2d3748}.lobby-btn:disabled{opacity:.35;cursor:not-allowed}.room-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.room-id-display{font-size:1.2rem;color:#e8b339;letter-spacing:.1em}.player-list{background:#1a1f2b;border:1px solid #2d3748;padding:.5rem;min-width:220px;border-radius:4px}.player-list-title{font-size:.85rem;color:#63b3ed;margin-bottom:.3rem;border-bottom:1px solid #2d3748;padding-bottom:.15rem}.player-slot{padding:.15rem 0;font-size:.85rem}.player-slot-self{color:#e8b339}.empty-slot{color:#4a5568}.waiting-hint{color:#718096;font-size:.75rem}.kick-btn{margin-left:.3rem;padding:.05rem .25rem;font-size:.65rem;background:#742a2a;color:#feb2b2;border:1px solid #c53030;cursor:pointer;border-radius:2px}.lobby-btn-group{display:flex;gap:.4rem;margin-top:.3rem;flex-wrap:wrap;justify-content:center}.unready-btn{background:#4a5568}.dissolve-owner-btn{background:#742a2a;border-color:#c53030}.start-btn{background:#276749!important;border-color:#38a169!important;color:#fff!important;font-weight:700}.T{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;overflow:hidden}.T-hd{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.2rem .4rem;background:#111827;border-bottom:1px solid #1f2937;font-size:.85rem;white-space:nowrap;z-index:10}.hd-r{color:#e8b339}.hd-my,.hd-r{font-weight:700}.hd-my{color:#34d399}.hd-b{padding:.08rem .35rem;font-size:.6rem;background:#1f2937;color:#9ca3af;border:1px solid #374151;cursor:pointer;border-radius:3px}.T-felt{display:flex;flex-direction:column;background:#0c2e0c;background-image:radial-gradient(ellipse at 50% 50%,#1a4a1a 0,#0c2e0c 45%,#071a07 100%);overflow:hidden;min-height:0;padding:3px;gap:0;z-index:10}.f-top-edge{align-items:center;gap:4px;flex-wrap:wrap;z-index:30}.f-top-edge,.f-top-rv{display:flex;justify-content:center;padding:2px 0;flex-shrink:0}.f-top-rv{z-index:20;margin-bottom:2px}.f-mid{display:flex;flex:1 1;min-height:0;overflow:hidden;gap:0}.f-left-edge{flex-direction:column;align-items:center;gap:2px;justify-content:center;min-width:40px;z-index:30}.f-left-edge,.f-left-rv{display:flex;flex-shrink:0}.f-left-rv{align-items:flex-start;justify-content:flex-start;padding:2px;z-index:20}.f-ctr{flex:1 1;display:flex;align-items:center;justify-content:center;min-width:0;z-index:10}.f-right-rv{align-items:flex-start;justify-content:flex-end;padding:2px;z-index:20}.f-right-edge,.f-right-rv{display:flex;flex-shrink:0}.f-right-edge{flex-direction:column;align-items:center;gap:2px;justify-content:center;min-width:40px;z-index:30}.f-bot-rv{display:flex;justify-content:center;padding:2px 0;z-index:20;flex-shrink:0;margin-top:2px}.pc{display:flex;align-items:center;gap:.25rem;padding:.12rem .35rem;background:rgba(17,24,39,.85);border:1px solid #374151;border-radius:3px;font-size:.8rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:nowrap}.pc-v{flex-direction:column;gap:.06rem;padding:.12rem;font-size:.7rem}.pc-act{border-color:#34d399;box-shadow:0 0 4px rgba(52,211,153,.3)}.pc-s{color:#e8b339;font-weight:700}.pc-sc{color:#63b3ed}.pc-n{color:#9ca3af}.pc-i,.pc-n{font-size:.7rem}.rv{display:grid;grid-gap:1px;gap:1px;justify-content:center}.rv-h{grid-template-columns:repeat(auto-fill,minmax(clamp(.9rem,2.2vw,1.3rem),auto));max-width:90%}.rv-v{grid-template-columns:repeat(3,auto)}.meld-row{gap:4px;flex-wrap:wrap;z-index:30}.meld-group,.meld-row{display:flex;align-items:flex-end}.meld-group{gap:1px}.meld-extra{margin-left:-50%;margin-top:-30%;position:relative;z-index:1}.meld-river-row{gap:4px;justify-content:flex-start;width:100%}.meld-river-col,.meld-river-row{display:flex;align-items:flex-start}.meld-river-col{flex-direction:column;gap:3px}.meld-river-col-r{align-items:flex-end}.wall-display{display:flex;flex-direction:column;align-items:center;gap:2px}.wall-bar{width:60px;height:6px;background:#1a1f2b;border-radius:3px;overflow:hidden;border:1px solid #374151}.wall-fill{height:100%;background:linear-gradient(90deg,#276749,#38a169);border-radius:2px;transition:width .3s}.wall-text{font-size:.7rem;color:#9ca3af}.T-bot{flex-direction:column;background:#111827;border-top:1px solid #1f2937;padding:2px 3px;gap:2px;z-index:50;position:relative}.T-bot,.b-info{display:flex;align-items:center}.b-info{gap:.3rem;font-size:.8rem;z-index:30}.b-hand{gap:1px;width:100%;max-width:100vw;padding:0 1px 4px;z-index:50}.b-hand,.tile{display:flex;justify-content:center}.tile{position:relative;align-items:center;background:#f5f0e6;border:1px solid #c4b89a;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.4);transition:transform .1s,box-shadow .1s;overflow:hidden}.tile-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.tile-sm{width:clamp(.9rem,2.2vw,1.4rem);height:clamp(1.2rem,3vw,1.9rem)}.tile-md{width:clamp(1.3rem,3.2vw,1.8rem);height:clamp(1.7rem,4.2vw,2.4rem)}.tile-lg{width:clamp(1.5rem,calc(100vw/16),2.5rem);height:clamp(2rem,calc(100vw/12),3.3rem)}.tile-clickable{cursor:pointer}.tile-clickable:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.4)}.tile-clickable:active{transform:translateY(0)}.tile-last-drawn{border-color:#d4a017;box-shadow:0 0 6px rgba(212,160,23,.5),inset 0 1px 0 hsla(0,0%,100%,.4)}.tile-selected{border-color:#e53e3e;transform:translateY(-5px);box-shadow:0 5px 10px rgba(229,62,62,.3)}.tile-facedown{background:#1a6b3a;border-color:#2f855a}.tile-bounce{animation:bounce 1.2s ease-in-out 3}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-5px)}60%{transform:translateY(0)}80%{transform:translateY(-3px)}}.tile-selected.tile-bounce{animation:selbounce .8s ease-in-out infinite}@keyframes selbounce{0%,to{transform:translateY(-5px)}50%{transform:translateY(-9px)}}.tile-back-label{color:#9ca3af;font-size:.6rem}.action-bar{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.15rem .35rem;background:rgba(17,24,39,.92);border:1px solid #374151;border-radius:4px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60}.timer{font-size:.8rem;color:#e8b339}.action-divider{color:#4a5568}.action-btn{padding:.25rem .7rem;font-size:.95rem;background:#1e2533;color:#d4d4d4;border:1px solid #374151;cursor:pointer;border-radius:4px;transition:background .15s}.action-btn:hover{background:#374151}.action-hu{background:#742a2a;border-color:#c53030;color:#fbd38d}.action-hu:hover{background:#9b2c2c}.blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.pause-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100}.pause-content{text-align:center;color:#e8b339}.pause-content h2{font-size:1.5rem;margin-bottom:.4rem}.pause-content p{font-size:.95rem;color:#d4d4d4;margin-bottom:.5rem}.disconnected-player{font-size:.82rem;color:#fc8181;margin:.12rem 0}.vote-dialog{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:90}.vote-content{background:#1a1f2b;border:1px solid #e8b339;padding:1rem;text-align:center;border-radius:6px}.vote-buttons{gap:.6rem;margin-top:.5rem}.dice-overlay,.vote-buttons{display:flex;justify-content:center}.dice-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);align-items:center;z-index:95}.dice-content{text-align:center;color:#e8b339}.dice-content h2{font-size:1.3rem;margin-bottom:.5rem}.dice-rolls{display:flex;flex-direction:column;gap:.3rem;font-size:.95rem}.dice-player{padding:.2rem .5rem;background:#1a1f2b;border:1px solid #2d3748;color:#d4d4d4;border-radius:4px}.dice-winner{border-color:#e8b339;color:#e8b339;font-weight:700;animation:bounce 1s ease-in-out 2}.score-panel{position:fixed;left:4px;bottom:calc(4.5rem + 6px);z-index:40;background:rgba(17,24,39,.92);border:1px solid #2d3748;border-radius:4px;max-width:230px;font-size:.6rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.score-toggle{display:block;width:100%;padding:.15rem .3rem;background:transparent;color:#63b3ed;border:none;cursor:pointer;text-align:left;font-size:.62rem}.score-toggle:hover{background:#1f2937}.score-panel-body{padding:.15rem .3rem;max-height:16vh;overflow-y:auto}.score-log-entry{display:flex;flex-wrap:wrap;gap:.2rem;padding:.06rem 0;border-bottom:1px solid #1f2937}.score-log-room{color:#63b3ed;font-size:.5rem}.score-log-round{color:#e8b339;font-weight:700}.score-log-result{color:#9ca3af}.score-log-delta{font-size:.52rem}@media(max-width:768px){.T-hd{gap:.3rem;font-size:.72rem;padding:.12rem .25rem}.pc{font-size:.68rem;padding:.08rem .2rem}.pc-v{font-size:.58rem}.rv-v{grid-template-columns:repeat(2,auto)}.action-btn{padding:.18rem .5rem;font-size:.8rem}.b-info{font-size:.65rem}.meld-row{gap:2px}.score-panel{max-width:180px;font-size:.55rem;bottom:calc(4rem + 4px)}.wall-bar{width:50px;height:5px}.wall-text{font-size:.55rem}.f-left-edge,.f-right-edge{min-width:34px}.meld-river-row{gap:3px}.meld-river-col{gap:2px}}@media(max-width:480px){.f-left-edge,.f-right-edge{min-width:28px}.pc-v{font-size:.5rem;padding:.06rem}.rv-v{grid-template-columns:repeat(2,auto)}.action-btn{padding:.12rem .4rem;font-size:.72rem}.score-panel{bottom:calc(3.5rem + 3px)}.meld-river-row{gap:2px}}