.practice-page.svelte-1rk8ip1{max-width:860px;margin:0 auto;padding:60px 20px 80px}.page-header.svelte-1rk8ip1{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.page-header.svelte-1rk8ip1 h1:where(.svelte-1rk8ip1){color:var(--text);margin:0;font-size:1.75rem;font-weight:900}.back.svelte-1rk8ip1{color:var(--text-4);flex-shrink:0;align-items:center;line-height:1;text-decoration:none;transition:color .15s;display:inline-flex}.back.svelte-1rk8ip1:hover{color:var(--text)}.practice-badge.svelte-1rk8ip1{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border-mid);background:#64748b33;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.65rem;font-weight:700}.play-layout.svelte-1rk8ip1{grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;display:grid}.play-layout.rules-collapsed.svelte-1rk8ip1{grid-template-columns:1fr}.play-layout.rules-collapsed.svelte-1rk8ip1 .rules-panel:where(.svelte-1rk8ip1){order:-1;position:static}.game-area.svelte-1rk8ip1{min-height:300px}.rules-panel.svelte-1rk8ip1{position:sticky;top:1rem}@media (width<=700px){.play-layout.svelte-1rk8ip1{grid-template-columns:1fr}.rules-panel.svelte-1rk8ip1{order:-1;position:static}}.game-selector.svelte-1rk8ip1{text-align:center}.selector-label.svelte-1rk8ip1{color:var(--text-muted);margin-bottom:1.5rem}.selector-buttons.svelte-1rk8ip1{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.selector-btn.svelte-1rk8ip1{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;min-width:180px;color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;transition:all .15s;display:flex}.selector-btn.svelte-1rk8ip1:hover{background:var(--surface-3);border-color:var(--accent)}.selector-name.svelte-1rk8ip1{font-size:1rem;font-weight:700}.selector-desc.svelte-1rk8ip1{color:var(--text-muted);font-size:.75rem}.practice-note.svelte-1rk8ip1{color:var(--text-4);margin-top:1.5rem;font-size:.8rem}@keyframes svelte-1rk8ip1-deal-slide{0%{opacity:0;transform:rotate(var(--fan-angle,0deg)) translateY(calc(var(--fan-lift,0px) + 30px)) scale(.9)}to{opacity:1;transform:rotate(var(--fan-angle,0deg)) translateY(var(--fan-lift,0px)) scale(1)}}@keyframes svelte-1rk8ip1-hit-slide{0%{opacity:0;transform:rotate(var(--fan-angle,0deg)) translateX(40px) translateY(var(--fan-lift,0px))}to{opacity:1;transform:rotate(var(--fan-angle,0deg)) translateY(var(--fan-lift,0px))}}@keyframes svelte-1rk8ip1-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)rotate(-1deg)}30%{transform:translate(5px)rotate(1deg)}45%{transform:translate(-4px)rotate(-.5deg)}60%{transform:translate(3px)rotate(.5deg)}75%{transform:translate(-2px)}}@keyframes svelte-1rk8ip1-win-glow{0%,to{opacity:1;filter:brightness();transform:rotate(var(--fan-angle,0deg)) translateY(var(--fan-lift,0px))}50%{opacity:1;filter:brightness(1.15);transform:rotate(var(--fan-angle,0deg)) translateY(calc(var(--fan-lift,0px) - 4px))}}.bonus-banner.svelte-1rk8ip1{text-align:center;color:var(--green,#22c55e);visibility:hidden;background:#22c55e1f;border-radius:6px;min-height:1.8em;margin-bottom:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600}.bonus-banner.visible.svelte-1rk8ip1{visibility:visible}.element-picker.svelte-1rk8ip1{flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex}.element-picker.inactive.svelte-1rk8ip1{opacity:.35;pointer-events:none}.pick-label.svelte-1rk8ip1{color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.element-buttons.svelte-1rk8ip1{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.element-btn.svelte-1rk8ip1{cursor:pointer;background:#ffffff0a;border:2px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:36px;padding:4px 2px;transition:all .15s;display:flex}.element-btn.selected.svelte-1rk8ip1{transform:scale(1.1);box-shadow:0 0 8px #ffffff26}.el-emoji.svelte-1rk8ip1{font-size:1rem}.el-hints.svelte-1rk8ip1{visibility:hidden;gap:12px;min-height:1em;font-size:.65rem;display:flex}.el-hints.visible.svelte-1rk8ip1{visibility:visible}.hint-beats.svelte-1rk8ip1{color:var(--green,#22c55e)}.hint-weak.svelte-1rk8ip1{color:var(--red,#ef4444)}.ec-board.svelte-1rk8ip1{border:1px solid var(--border,#ffffff0f);background:#ffffff05;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:3px;width:100%;max-width:420px;margin:0 auto;padding:8px;display:grid}.cell.svelte-1rk8ip1{aspect-ratio:1;cursor:pointer;background:#ffffff08;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s;display:flex;position:relative}.cell.svelte-1rk8ip1:disabled{cursor:default}.cell.col-highlight.svelte-1rk8ip1{background:#ffffff0f}.cell.destroying.svelte-1rk8ip1{background:#ef444426}.cell.landing-spot.svelte-1rk8ip1{position:relative;overflow:hidden}.cell.landing-spot.svelte-1rk8ip1:after{content:"u25BC";color:#ffffff4d;font-size:.5rem;animation:1.2s ease-in-out infinite svelte-1rk8ip1-arrow-bounce;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@keyframes svelte-1rk8ip1-arrow-bounce{0%,to{opacity:.3;transform:translate(-50%)translateY(0)}50%{opacity:.5;transform:translate(-50%)translateY(3px)}}.piece.svelte-1rk8ip1{width:82%;height:82%;box-shadow:inset 0 2px 4px #fff3, inset 0 -2px 4px #00000040, 0 1px 4px #0000004d, 0 0 8px color-mix(in srgb, var(--piece-glow,transparent) 30%, transparent);border:2.5px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.piece.preview-top.svelte-1rk8ip1{opacity:.3;box-shadow:none;background:0 0;border:2px dashed;transition:opacity .15s}.piece.preview-top.preview-hover.svelte-1rk8ip1{opacity:.55}.piece.landing-piece.svelte-1rk8ip1{opacity:.25;transition:opacity .15s}.piece.landing-piece.landing-hover.svelte-1rk8ip1{opacity:.5;box-shadow:0 0 10px color-mix(in srgb, var(--piece-glow,transparent) 40%, transparent)}.piece.destroyed.svelte-1rk8ip1{animation:.4s ease-out forwards svelte-1rk8ip1-piece-destroy}.piece-emoji.svelte-1rk8ip1{filter:drop-shadow(0 1px 2px #000c);font-size:.85rem;line-height:1}@keyframes svelte-1rk8ip1-piece-destroy{0%{opacity:1;transform:scale(1)}25%{transform:scale(1.2);box-shadow:0 0 14px #ef4444b3}to{opacity:0;transform:scale(0)}}.ec-footer.svelte-1rk8ip1{flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.ec-status.svelte-1rk8ip1{color:var(--text-muted);min-height:1.4em;font-size:.85rem;font-weight:500}.ec-status.svelte-1rk8ip1 .status-won:where(.svelte-1rk8ip1){color:var(--green,#22c55e);font-size:1.1rem;font-weight:800}.ec-status.svelte-1rk8ip1 .status-lost:where(.svelte-1rk8ip1){color:var(--red,#ef4444);font-size:1.1rem;font-weight:800}.ec-status.svelte-1rk8ip1 .status-draw:where(.svelte-1rk8ip1){color:var(--amber,#f59e0b);font-size:1.1rem;font-weight:800}.action-bar.svelte-1rk8ip1{justify-content:center;align-items:center;gap:.75rem;min-height:42px;margin-top:16px;display:flex}.btn.svelte-1rk8ip1{border:1px solid var(--border);color:var(--text);cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:#ffffff0a;border-radius:999px;padding:9px 22px;font-size:.82rem;font-weight:800;transition:background .15s,transform .15s}.btn.svelte-1rk8ip1:hover{background:#ffffff14;transform:scale(1.04)}.btn.svelte-1rk8ip1:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-muted.svelte-1rk8ip1{color:var(--text-muted);background:0 0;border-color:#ffffff14}@media (prefers-reduced-motion:reduce){.piece.destroyed.svelte-1rk8ip1{opacity:0;animation:none}.cell.landing-spot.svelte-1rk8ip1:after{animation:none}}