.qw{max-width:720px;margin:0 auto;padding:.6rem .6rem .8rem;min-height:100dvh;display:flex;flex-direction:column;gap:.4rem;position:relative}.side{display:contents}.topbar{display:flex;align-items:center;gap:.5rem}.back{text-decoration:none;color:var(--muted);font-size:.85rem;white-space:nowrap}.bag{margin-left:auto;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.scores{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;flex:1}.score{background:var(--panel);border-radius:8px;padding:.2rem .55rem;font-size:.75rem;display:flex;gap:.35rem;align-items:baseline;line-height:1.2}.score .nm{color:var(--muted)}.score .pts{font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--text)}.score.you{outline:1px solid var(--accent)}.score.active{background:#26324a;box-shadow:0 0 0 2px var(--accent) inset}.status{text-align:center;min-height:1.4em;font-weight:600;font-size:.95rem;margin:0}.status b{color:var(--accent-2)}.board-wrap{position:relative;flex:1;min-height:300px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#171d28,#0d1017);border:1px solid #232c3b}#board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.zoom{position:absolute;right:.5rem;bottom:.5rem;display:flex;flex-direction:column;gap:.35rem}.zoom button{width:2.2rem;height:2.2rem;padding:0;border-radius:50%;background:#1b2230e6;color:var(--text);font-size:1.2rem;font-weight:700;border:1px solid #2c374a;display:grid;place-items:center}.rack-wrap{display:flex;flex-direction:column;gap:.5rem}.rack{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;background:var(--panel);padding:.5rem;border-radius:12px;min-height:68px}.tile-slot{padding:3px;border-radius:10px;background:transparent;border:2px solid transparent;line-height:0;touch-action:manipulation}.tile-slot canvas{border-radius:8px}.tile-slot.selected{border-color:var(--accent);transform:translateY(-4px)}.tile-slot.swap-sel{border-color:var(--danger)}.tile-slot.used{opacity:.28}.tile-slot.used canvas{background:#0e1219;border-radius:8px}.actions{display:flex;gap:.5rem;justify-content:center}.actions[hidden]{display:none}.actions button{flex:1;max-width:12rem}button.ghost{background:var(--panel);color:var(--text);border:1px solid #2c374a}button.primary{background:var(--accent);color:#04121b}button:disabled{opacity:.4;cursor:default}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090c12eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;text-align:center;z-index:10}.overlay[hidden]{display:none}.overlay h1{margin:0;font-size:2rem}.option{display:flex;flex-direction:column;align-items:center;gap:.4rem}.opt-label{color:var(--muted);font-size:.85rem}.stepper{display:flex;align-items:center;gap:1rem}.stepper button{width:2.4rem;height:2.4rem;padding:0;border-radius:50%;font-size:1.3rem;background:var(--panel);color:var(--text);border:1px solid #2c374a}.stepper span{font-size:1.5rem;font-weight:700;min-width:1.5rem}.seg{display:flex;gap:.4rem}.seg button{background:var(--panel);color:var(--text);border:1px solid #2c374a;padding:.5rem .9rem}.seg button.on{background:var(--accent);color:#04121b;border-color:var(--accent)}.rules-hint{max-width:24rem;color:var(--muted);font-size:.85rem;line-height:1.5;margin:.5rem 0 0}.rules-hint b{color:var(--accent-2)}.finals{display:flex;flex-direction:column;gap:.3rem;font-size:1.1rem}.final-row.win{color:var(--accent-2);font-weight:700}@media (orientation: landscape) and (max-height: 560px){.qw{max-width:1100px;flex-direction:row;align-items:stretch;height:100dvh;min-height:100dvh;padding:.5rem .6rem}.side{display:flex;flex-direction:column;gap:.4rem;flex:0 0 clamp(220px,32vw,300px);min-height:0;overflow-y:auto}.topbar{flex-wrap:wrap}.scores{justify-content:flex-start}.status{text-align:left}.rack-wrap{margin-top:auto}.actions{flex-wrap:wrap}.actions button{max-width:none;min-width:5.5rem}.board-wrap{flex:1;min-height:0}}