@layer starlight.components{.card:where(.astro-zts4jgjd){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-zts4jgjd):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-zts4jgjd):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-zts4jgjd):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-zts4jgjd):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-zts4jgjd){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-zts4jgjd) .icon:where(.astro-zts4jgjd){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-zts4jgjd) .body:where(.astro-zts4jgjd){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-lmor3ela){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-lmor3ela)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-lmor3ela){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-lmor3ela){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-lmor3ela)>:nth-child(2n){transform:translateY(var(--stagger-height))}}}.canvas-hero-container:where(.astro-7xa57cgm){justify-content:center;align-items:center;width:100%;margin:1.5rem 0 2.5rem;display:flex}.canvas-hero-card:where(.astro-7xa57cgm){box-sizing:border-box;background:radial-gradient(circle at 50% 0,#151d30 0%,#0a0e18 100%);border:1px solid #6366f140;border-radius:16px;width:100%;max-width:580px;padding:1.25rem;box-shadow:0 20px 40px -15px #000000b3,0 0 30px #6366f126}.canvas-header:where(.astro-7xa57cgm){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.badge-row:where(.astro-7xa57cgm){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.engine-badge:where(.astro-7xa57cgm){color:#c084fc;background:linear-gradient(135deg,#6366f14d,#a855f74d);border:1px solid #a855f766;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.difficulty-badge:where(.astro-7xa57cgm){color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.score-badge:where(.astro-7xa57cgm){color:#34d399;background:#10b98133;border:1px solid #10b98166;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.canvas-controls:where(.astro-7xa57cgm){align-items:center;gap:.4rem;display:flex}.hero-btn:where(.astro-7xa57cgm){color:#f1f5f9;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b833;border-radius:8px;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:all .15s}.hero-btn:where(.astro-7xa57cgm):hover{background:#334155e6;border-color:#94a3b866;transform:translateY(-1px)}.hero-btn-accent:where(.astro-7xa57cgm){color:#0f172a;background:linear-gradient(135deg,#0284c7,#38bdf8);border-color:#7dd3fc;font-weight:700}.hero-btn-primary:where(.astro-7xa57cgm){color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#818cf8}.hero-btn-primary:where(.astro-7xa57cgm):hover{background:linear-gradient(135deg,#4338ca,#4f46e5)}.hero-btn-toggle:where(.astro-7xa57cgm).active{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border-color:#fdba74}.hero-diff-btn:where(.astro-7xa57cgm).active{box-shadow:0 0 12px #6366f173;color:#fff!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border-color:#a5b4fc!important;font-weight:700!important}.canvas-wrapper:where(.astro-7xa57cgm){aspect-ratio:1;background:#080c14;border:1px solid #6366f14d;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}#heroSudokuCanvas:where(.astro-7xa57cgm){cursor:pointer;width:100%;height:100%;display:block}.deduction-hud:where(.astro-7xa57cgm){background:#0f172ad9;border:1px solid #6366f140;border-radius:10px;margin-top:1rem;padding:.85rem}.hud-top:where(.astro-7xa57cgm){justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.hud-technique:where(.astro-7xa57cgm){color:#818cf8;letter-spacing:.02em;font-size:.9rem;font-weight:700}.hud-step:where(.astro-7xa57cgm){color:#94a3b8;font-size:.75rem;font-weight:500}.hud-desc:where(.astro-7xa57cgm){color:#cbd5e1;margin-bottom:.6rem;font-size:.8rem;line-height:1.4}.hud-reasons:where(.astro-7xa57cgm){flex-wrap:wrap;gap:.4rem;display:flex}.reason-pill:where(.astro-7xa57cgm){color:#94a3b8;background:#1e293bb3;border:1px solid #47556966;border-radius:6px;gap:.3rem;padding:.2rem .5rem;font-size:.72rem;display:flex}.reason-val:where(.astro-7xa57cgm){color:#f1f5f9;font-weight:700}.score-pill:where(.astro-7xa57cgm){color:#a5b4fc;background:#6366f126;border-color:#6366f166;margin-left:auto}.score-pill:where(.astro-7xa57cgm) .reason-val:where(.astro-7xa57cgm){color:#c7d2fe}