:root{color:#f4f1ec;background:#191b1f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{cursor:pointer;font:inherit;border:0;border-radius:10px;padding:12px 16px;font-weight:700}select{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}main{max-width:1180px;min-height:100vh;margin:0 auto;padding:20px 28px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{letter-spacing:.1em;white-space:nowrap;font-size:.92rem;font-weight:900}.brand-mark{color:#d8a13b;vertical-align:-3px;font-size:2rem}.header-actions{align-items:center;gap:10px;display:flex}.online-room{background:#202228;border:1px solid #484a51;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin:-12px 0 18px;padding:12px 14px;display:flex}.online-room code{color:#e9b343;font-weight:900}.online-error{color:#ef7a7a}.secondary{color:#f4f1ec;background:0 0;border:1px solid #484a51}.game-layout{grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);align-items:center;gap:36px;display:grid}.board{touch-action:none;border-radius:30px;width:100%}aside{gap:14px;display:grid}.score{background:#202228;border:1px solid #34363c;border-radius:15px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:16px;display:grid}.score.active{border-color:#d8a13b}.score strong{font-size:1.7rem}.score small{color:#d8a13b;font-size:.68rem;font-weight:900}.coin{border-radius:50%;width:12px;height:12px;display:inline-block}.light{background:#f1e8d8}.dark{background:#2b2d32;border:1px solid #70727a}.queen{background:#cb3640}h1{margin:16px 0 0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.1}p,.rules{color:#b8b9bd;margin:0;line-height:1.5}.primary{color:#29251e;background:#d8a13b;padding:16px}.rules{background:#202228;border-radius:14px;padding:14px;font-size:.9rem}.power-meter{background:#202228;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px 14px;display:grid}.power-meter span{color:#b8b9bd;letter-spacing:.08em;font-size:.7rem;font-weight:900}.power-meter b{color:#e9b343}.power-meter i{background:#3a3d45;border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.power-meter em{background:linear-gradient(90deg,#62d7ff,#e9b343,#ef5964);height:100%;transition:width .14s ease-out;display:block}@media (width<=850px){main{padding:16px}header{flex-direction:column;align-items:flex-start}.game-layout{grid-template-columns:1fr}.header-actions,.online-room{flex-wrap:wrap}}