:root{--ink:#f7f4ff;--muted:#aaa5c0;--bg:#11101d;--panel:#1c1930;--a:#ffcb47;--b:#7157ff;--danger:#ff5578;--gap:4px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#38305e,var(--bg) 55%);color:var(--ink);font:16px system-ui,-apple-system,sans-serif;min-height:100vh}main{width:min(100%,500px);margin:auto;min-height:100vh;padding:20px}.screen{display:none}.screen.active{display:block}.brand{text-align:center;margin:7vh 0 35px}.brand h1{font-size:54px;line-height:.83;margin:8px;letter-spacing:-3px}.brand em{color:var(--a);font-style:normal}.brand p,label,p{color:var(--muted)}.spark{font-size:34px;color:var(--a)}button,input{border:0;border-radius:14px;padding:15px;font:inherit}button{background:#292541;color:white;font-weight:750;cursor:pointer;width:100%;margin:6px 0}.primary{background:linear-gradient(135deg,var(--b),#9b62ff);box-shadow:0 8px 25px #7157ff44}.quiet,.back{background:transparent;color:var(--muted)}.back{width:auto;padding-left:0}input{background:#fff;color:#171522;width:100%;margin:7px 0 14px}.join{display:flex;gap:8px}.join button{width:32%}.panel{background:var(--panel);padding:16px;border-radius:20px;margin:20px 0}.panel h3{margin-top:0}.players{display:flex;flex-wrap:wrap;gap:8px}.player{background:#292541;padding:9px 13px;border-radius:30px}.player.off{opacity:.45}h2{font-size:32px}header{display:flex;align-items:center;justify-content:space-between;height:56px}header>button{width:44px;padding:10px}header div:nth-child(2){display:flex;flex-direction:column;text-align:center}#score{font-size:25px}.opponents{font-size:12px;color:var(--muted);text-align:right}.meter{height:7px;background:#292541;border-radius:9px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--a);transition:width .25s}.wordbar{height:62px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.wordbar button{width:44px;background:transparent;margin-left:auto}.wordbar span{margin-left:44px}.board{aspect-ratio:9/12;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(12,1fr);gap:var(--gap);touch-action:none;position:relative}.tile{background:#f7f5ee;color:#242132;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:clamp(15px,5vw,25px);font-weight:800;box-shadow:0 3px 0 #b9b4aa;user-select:none;transition:transform .16s,opacity .16s,background .1s}.tile.selected{background:var(--a);transform:scale(.91);box-shadow:0 2px 0 #a36d00}.tile.special{color:#4a2be0;background:#dcd5ff}.tile.empty{visibility:hidden}.tile.clearing{transform:scale(0);opacity:0}.attack{display:flex;gap:9px;align-items:center;margin-top:14px;font-size:11px}.attack .meter{flex:1}.attackMeter i{background:var(--danger)}.message{text-align:center;height:22px;margin:8px}.overlay{display:none;position:fixed;inset:0;background:#11101ded;z-index:5;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}.overlay.show{display:flex}.overlay h2{font-size:48px;letter-spacing:5px;margin:0}.overlay button{max-width:300px}.blurred .board,.blurred .wordbar{filter:blur(16px);pointer-events:none}#scoreList .row{display:grid;grid-template-columns:35px 1fr auto;padding:14px;border-bottom:1px solid #2b2840}small{color:var(--muted)}@media(max-height:700px){main{padding:10px}.board{height:calc(100vh - 210px);width:auto;margin:auto}.wordbar{height:45px}}