:root{color-scheme:dark light;--bg:#0e1116;--bg-elev:#161b23;--bg-card:#1c222c;--bg-card-hover:#232a36;--line:#2a313d;--line-soft:#20262f;--bg-gradient:radial-gradient(ellipse 90% 55% at 50% -10%, rgba(255, 206, 92, 0.10), transparent 60%),
        radial-gradient(ellipse 70% 50% at 90% 110%, rgba(143, 184, 255, 0.06), transparent 60%),
        linear-gradient(180deg, #11151d 0%, #0e1116 45%, #0a0d12 100%);--puzzle-sky:radial-gradient(ellipse 100% 65% at 50% -5%, rgba(80, 110, 180, 0.10), transparent 65%),
        radial-gradient(ellipse 70% 55% at 92% 105%, rgba(160, 110, 200, 0.06), transparent 65%),
        linear-gradient(180deg, #0a0e16 0%, #0e1116 55%, #0a0d12 100%);--puzzle-stars-opacity:0.7;--puzzle-paper-opacity:0;--text:#e9edf2;--text-muted:#9aa3b2;--text-faint:#6b7280;--accent:#ffce5c;--accent-soft:#ffce5c33;--good:#58d196;--warn:#ff8b6b;--info:#8fb8ff;--radius-sm:6px;--radius:12px;--radius-lg:18px;--shadow:0 1px 0 rgba(255,255,255,0.02), 0 8px 24px rgba(0,0,0,0.3);--font:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Quicksand", "Inter", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--ease:cubic-bezier(0.2, 0.7, 0.2, 1);--dur:180ms}@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#f4f0e6;--bg-elev:#ffffff;--bg-card:#ffffff;--bg-card-hover:#fbf7ec;--line:#d8cfb9;--line-soft:#ece4d0;--text:#1d2027;--text-muted:#5b6371;--text-faint:#8c93a1;--accent:#d68a00;--accent-soft:#d68a0022;--shadow:0 1px 0 rgba(255,255,255,0.6), 0 6px 18px rgba(50,40,20,0.08);--bg-gradient:radial-gradient(ellipse 90% 55% at 50% -10%, rgba(214, 138, 0, 0.12), transparent 60%),
            radial-gradient(ellipse 70% 50% at 90% 110%, rgba(143, 184, 255, 0.10), transparent 60%),
            linear-gradient(180deg, #fbf7ec 0%, #f4f0e6 45%, #ebe3cf 100%);--puzzle-sky:radial-gradient(ellipse 80% 55% at 50% -5%, rgba(220, 165, 95, 0.14), transparent 70%),
            radial-gradient(ellipse 65% 50% at 92% 100%, rgba(180, 135, 85, 0.07), transparent 70%),
            linear-gradient(180deg, #faf6e7 0%, #f4f0e6 50%, #ede5d1 100%);--puzzle-stars-opacity:0;--puzzle-paper-opacity:1}}:root[data-theme="light"]{--bg:#f4f0e6;--bg-elev:#ffffff;--bg-card:#ffffff;--bg-card-hover:#fbf7ec;--line:#d8cfb9;--line-soft:#ece4d0;--text:#1d2027;--text-muted:#5b6371;--text-faint:#8c93a1;--accent:#d68a00;--accent-soft:#d68a0022;--shadow:0 1px 0 rgba(255,255,255,0.6), 0 6px 18px rgba(50,40,20,0.08);--bg-gradient:radial-gradient(ellipse 90% 55% at 50% -10%, rgba(214, 138, 0, 0.12), transparent 60%),
        radial-gradient(ellipse 70% 50% at 90% 110%, rgba(143, 184, 255, 0.10), transparent 60%),
        linear-gradient(180deg, #fbf7ec 0%, #f4f0e6 45%, #ebe3cf 100%);--puzzle-sky:radial-gradient(ellipse 80% 55% at 50% -5%, rgba(220, 165, 95, 0.14), transparent 70%),
        radial-gradient(ellipse 65% 50% at 92% 100%, rgba(180, 135, 85, 0.07), transparent 70%),
        linear-gradient(180deg, #faf6e7 0%, #f4f0e6 50%, #ede5d1 100%);--puzzle-stars-opacity:0;--puzzle-paper-opacity:1}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#fff0;overscroll-behavior:contain}body.page--home,body.page--puzzle{background:var(--puzzle-sky,var(--bg));background-attachment:fixed;min-height:100vh;isolation:isolate}body.page--home::before,body.page--home::after,body.page--puzzle::before,body.page--puzzle::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-repeat:repeat;transition:opacity 400ms var(--ease)}body.page--home::before,body.page--puzzle::before{opacity:var(--puzzle-stars-opacity,0);background-image:radial-gradient(circle at 7% 11%,rgb(255 255 255 / .9),transparent 1.8px),radial-gradient(circle at 19% 27%,rgb(255 255 255 / .7),transparent 1.8px),radial-gradient(circle at 31% 9%,rgb(255 255 255 / .85),transparent 1.8px),radial-gradient(circle at 44% 35%,rgb(255 255 255 / .75),transparent 1.8px),radial-gradient(circle at 58% 14%,rgb(255 255 255 / .95),transparent 1.8px),radial-gradient(circle at 71% 41%,rgb(255 255 255 / .8),transparent 1.8px),radial-gradient(circle at 83% 22%,rgb(255 255 255 / .7),transparent 1.8px),radial-gradient(circle at 95% 49%,rgb(255 255 255 / .85),transparent 1.8px),radial-gradient(circle at 12% 56%,rgb(255 255 255 / .75),transparent 1.8px),radial-gradient(circle at 26% 73%,rgb(255 255 255 / .95),transparent 1.8px),radial-gradient(circle at 38% 88%,rgb(255 255 255 / .7),transparent 1.8px),radial-gradient(circle at 52% 64%,rgb(255 255 255 / .85),transparent 1.8px),radial-gradient(circle at 66% 81%,rgb(255 255 255 / .8),transparent 1.8px),radial-gradient(circle at 78% 67%,rgb(255 255 255 / .7),transparent 1.8px),radial-gradient(circle at 89% 92%,rgb(255 255 255 / .9),transparent 1.8px),radial-gradient(circle at 4% 18%,rgb(255 255 255 / .5),transparent 1.1px),radial-gradient(circle at 14% 41%,rgb(255 255 255 / .4),transparent 1.1px),radial-gradient(circle at 24% 5%,rgb(255 255 255 / .55),transparent 1.1px),radial-gradient(circle at 36% 50%,rgb(255 255 255 / .45),transparent 1.1px),radial-gradient(circle at 49% 24%,rgb(255 255 255 / .5),transparent 1.1px),radial-gradient(circle at 63% 6%,rgb(255 255 255 / .45),transparent 1.1px),radial-gradient(circle at 75% 28%,rgb(255 255 255 / .55),transparent 1.1px),radial-gradient(circle at 87% 8%,rgb(255 255 255 / .4),transparent 1.1px),radial-gradient(circle at 9% 78%,rgb(255 255 255 / .5),transparent 1.1px),radial-gradient(circle at 21% 95%,rgb(255 255 255 / .45),transparent 1.1px),radial-gradient(circle at 33% 60%,rgb(255 255 255 / .55),transparent 1.1px),radial-gradient(circle at 47% 91%,rgb(255 255 255 / .4),transparent 1.1px),radial-gradient(circle at 59% 49%,rgb(255 255 255 / .5),transparent 1.1px),radial-gradient(circle at 73% 95%,rgb(255 255 255 / .45),transparent 1.1px),radial-gradient(circle at 85% 76%,rgb(255 255 255 / .55),transparent 1.1px);background-size:760px 620px}body.page--home::after,body.page--puzzle::after{opacity:var(--puzzle-paper-opacity,0);background-image:radial-gradient(circle 480px at 84% 4%,rgb(255 235 195 / .34) 0%,rgb(225 175 95 / .16) 40%,transparent 78%),linear-gradient(to right,transparent 87px,rgb(195 85 75 / .32) 88px,rgb(195 85 75 / .32) 89px,transparent 90px),linear-gradient(to bottom,rgb(120 95 55 / .1) 1px,transparent 1px),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.48  0 0 0 0 0.34  0 0 0 0 0.18  0.28 0 0 0 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");background-size:100% 100%,100% 100%,100% 32px,220px 220px;background-repeat:no-repeat,no-repeat,repeat,repeat}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.pill{display:inline-block;padding:.32rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);color:var(--text-muted);font-size:.82rem;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.pill:hover{background:var(--bg-card-hover);border-color:var(--accent-soft);color:var(--text)}.pill--solved{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.pill--solved::before{content:"✓";margin-right:.32em;color:var(--accent);font-weight:900;font-size:1.05em;line-height:1}.pill--active{background:var(--accent);border-color:var(--accent);color:#1c1100}.pill--active.pill--solved::before{color:#1c1100}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);color:var(--text);font-weight:600;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.btn:hover{background:var(--bg-card-hover)}.btn:active{transform:scale(.98)}.btn--share{background:var(--accent);border-color:var(--accent);color:#1c1100}.btn--share:hover{background:#ffd877}.btn.btn--copied,.btn.btn--copied:hover{background:var(--good);border-color:var(--good);color:#06210f;animation:btn-copied-pop 0.32s var(--ease);cursor:default}@keyframes btn-copied-pop{0%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--good) 70%,transparent)}50%{transform:scale(1.06);box-shadow:0 0 0 8px color-mix(in srgb,var(--good) 0%,transparent)}100%{transform:scale(1);box-shadow:0 0 0 12px color-mix(in srgb,var(--good) 0%,transparent)}}.btn--ghost{background:#fff0}.theme-toggle{position:fixed;top:.9rem;right:.9rem;z-index:100;width:2.4rem;height:2.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--accent-soft)}.theme-toggle:active{transform:scale(.94)}.theme-toggle svg{width:1.15rem;height:1.15rem;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .theme-toggle .icon-sun{display:block}:root:not([data-theme="dark"]) .theme-toggle .icon-moon{display:none}}:root[data-theme="light"] .theme-toggle .icon-sun{display:block}:root[data-theme="light"] .theme-toggle .icon-moon{display:none}:root[data-theme="dark"] .theme-toggle .icon-sun{display:none}:root[data-theme="dark"] .theme-toggle .icon-moon{display:block}body.page--game .theme-toggle{display:none}.site-header{text-align:center;padding:4rem 1.25rem 2rem}.site-title{font-size:clamp(2rem, 4vw + 1rem, 3.4rem);margin:0;letter-spacing:-.02em;font-weight:700}.site-tagline{margin:.4rem 0 0;color:var(--text-muted);font-size:1rem}.home{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 4rem}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:3rem 1.25rem}.grid-item{display:flex;flex-direction:column;gap:.6rem}.card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1.4rem;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card:hover{background:var(--bg-card-hover);border-color:var(--accent-soft)}.card-preview{position:relative;aspect-ratio:1.6 / 1;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--line-soft);display:grid;place-items:center;overflow:hidden}.card-preview svg{width:100%;height:100%;display:block;transition:opacity 700ms var(--ease)}.card.preview-active .card-preview svg{opacity:0}.card-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 700ms var(--ease);pointer-events:none}.card.preview-active .card-preview-video{opacity:1}@media (prefers-reduced-motion:reduce){.card-preview-video{display:none}}@media (hover:none){.card-preview-video{display:none}}.card-title{margin:0;font-size:1.18rem}.card-tagline{margin:.3rem 0 0;color:var(--text-muted);font-size:.92rem;line-height:1.4}.card-diffs{list-style:none;margin:0;padding:0;display:flex;gap:.4rem;flex-wrap:wrap}.site-footer{text-align:center;color:var(--text-faint);padding:2rem 1rem 3rem;font-size:.85rem}