.mp-shell{display:grid;gap:14px}.mp-card{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:16px}.mp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.mp-kicker{font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.mp-title{margin:.2rem 0;font-size:clamp(1.45rem,5vw,2.2rem)}.mp-sub{color:var(--muted);line-height:1.5}.mp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.mp-field{display:grid;gap:5px}.mp-field label{font-size:.76rem;font-weight:800;color:var(--muted)}.mp-field input,.mp-field select{width:100%;border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:11px;padding:10px 11px}.mp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mp-actions button{min-height:42px}.mp-room-code{font:900 clamp(1.5rem,7vw,2.5rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.mp-members{display:grid;gap:8px}.mp-member{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--soft);border:1px solid var(--border)}.mp-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#765cff);color:white;font-weight:900}.mp-member-main{min-width:0;flex:1}.mp-member-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-member-main small{color:var(--muted)}.mp-ready{font-size:.72rem;font-weight:850;padding:4px 8px;border-radius:999px;background:#203149;color:#d6e4ff}.mp-ready.yes{background:#0d704d;color:#d6fff0}.mp-qr{width:180px;height:180px;background:#fff;border-radius:12px;padding:10px;display:none}.mp-qr.show{display:block}.mp-qr canvas,.mp-qr img{width:100%!important;height:100%!important;display:block!important}.mp-voice{display:grid;gap:10px}.mp-voice-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mp-voice-state{font-size:.78rem;font-weight:800;color:var(--muted)}.mp-remote-audio{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:7px}.mp-peer-audio{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--border);border-radius:11px;background:var(--soft)}.mp-peer-audio button{margin-left:auto;min-height:34px;padding:5px 8px}.mp-game-stage{min-height:260px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(145deg,var(--soft),var(--card));padding:14px}.mp-hidden{display:none!important}.mp-banner{padding:10px 12px;border-radius:12px;background:#15223a;color:#e8f0ff;font-size:.86rem}.mp-banner.warn{background:#5b4210;color:#fff2c0}.mp-banner.good{background:#0b6043;color:#dfffee}.mp-game-board{display:grid;gap:6px;max-width:620px;margin:0 auto}.mp-grid3{grid-template-columns:repeat(3,1fr)}.mp-grid7{grid-template-columns:repeat(7,1fr)}.mp-grid8{grid-template-columns:repeat(8,1fr)}.mp-cell{aspect-ratio:1;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center;font-weight:900;font-size:clamp(1rem,5vw,2rem);background:var(--card);color:var(--text);min-width:0}.mp-cell.mine{background:#17233a}.mp-cell[data-owner="1"]{background:#2d6cff;color:white}.mp-cell[data-owner="2"]{background:#ff5c72;color:white}.mp-cell[data-owner="3"]{background:#ffc857;color:#241a00}.mp-cell[data-owner="4"]{background:#40d39c;color:#06251a}.mp-turn{font-weight:850;text-align:center}.mp-scoreboard{display:flex;gap:8px;flex-wrap:wrap}.mp-score{padding:7px 9px;border-radius:10px;background:var(--soft);border:1px solid var(--border);font-size:.8rem}.mp-party-big{display:grid;place-items:center;min-height:220px;text-align:center}.mp-party-big strong{font-size:clamp(2rem,10vw,4rem)}.mp-draw-canvas{width:100%;max-width:700px;aspect-ratio:4/3;background:#fff;border-radius:14px;touch-action:none;border:1px solid var(--border)}.mp-action-canvas{width:min(100%,720px);aspect-ratio:16/10;display:block;margin:0 auto;background:#07111f;border-radius:16px;touch-action:none}.mp-chatline{display:flex;gap:8px}.mp-chatline input{flex:1;border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:11px;padding:10px}.mp-log{max-height:150px;overflow:auto;display:grid;gap:5px;font-size:.84rem}.mp-log p{margin:0;padding:6px 8px;border-radius:9px;background:var(--soft)}@media(max-width:620px){.mp-card{padding:12px}.mp-room-code{font-size:1.8rem}.mp-actions>*{flex:1 1 auto}.mp-grid8{gap:3px}.mp-cell{border-radius:6px}}