@import "https://fonts.googleapis.com/css2?family=Finlandica:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400;500;600;700&family=Press+Start+2P&display=swap";.ketik-cockpit{--font-sans:"Finlandica", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--font-pixel:"Press Start 2P", monospace;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-900:#7c2d12;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--amber-400:#fbbf24;--amber-500:#f59e0b;--sky-400:#38bdf8;--sky-500:#0ea5e9;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--violet-400:#a78bfa;--violet-500:#8b5cf6;--yellow-400:#facc15;--btn-orange-front:#f97415;--btn-orange-edge:#d15a05;--btn-emerald-front:#1fad72;--btn-emerald-edge:#178255;--btn-violet-front:#8c47d1;--btn-violet-edge:#6b2bab;--btn-rose-front:#dd3c57;--btn-rose-edge:#ad1f36;--btn-sky-front:#269dd9;--btn-sky-edge:#1d78a5;--btn-cyan-front:#22b6c3;--btn-cyan-edge:#1b8d98;--btn-amber-front:#f59f0a;--btn-amber-edge:#ba7908;--btn-gray-front:#65758b;--btn-gray-edge:#4d596a;--bg:#07101f;--bg-elev:#0f1a2e;--bg-elev-2:#16243d;--bg-inset:#0a1424;--border:#ffffff12;--border-strong:#ffffff1f;--border-accent:#f9731659;--fg1:#f1f5f9;--fg2:#cbd5e1;--fg3:#94a3b8;--fg4:#64748b;--code-inline:#ff327d;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--ease-push:cubic-bezier(.3, .7, .4, 1);--ease-bounce:cubic-bezier(.3, .7, .4, 1.5);--shadow-streak:0 0 28px 4px #f9731633;--shadow-card:0 1px 2px #0006, 0 1px 1px #0003;--fill-1:#ffffff05;--fill-2:#ffffff06;--fill-3:#ffffff08;--fill-4:#ffffff0a;--fill-5:#ffffff0d;--fill-6:#ffffff0f;--fill-7:#ffffff12;--line-1:#ffffff1a;--line-2:#ffffff1f;--page-radial:radial-gradient(ellipse 120% 85% at 50% 32%, #0c1322, #05070d 75%);--page-radial-violet:radial-gradient(ellipse 130% 90% at 50% 30%, #1a0f29, #06060f 78%);--page-vignette:radial-gradient(ellipse at center, transparent 40%, #00000059);--chrome-blur:#07101feb;background:var(--bg);color:var(--fg1);font-family:var(--font-sans);font-feature-settings:"ss01", "ss02";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}html:not(.dark) .ketik-cockpit{--bg:#f6f7f9;--bg-elev:#fff;--bg-elev-2:#f1f4f8;--bg-inset:#eceff3;--border:#0f172a1a;--border-strong:#0f172a29;--border-accent:#f9731666;--fg1:#0f172a;--fg2:#334155;--fg3:#64748b;--fg4:#94a3b8;--shadow-streak:0 0 28px 4px #f973162e;--shadow-card:0 1px 2px #0f172a1a, 0 1px 1px #0f172a0d;--fill-1:#0f172a06;--fill-2:#0f172a09;--fill-3:#0f172a0a;--fill-4:#0f172a0d;--fill-5:#0f172a0f;--fill-6:#0f172a12;--fill-7:#0f172a14;--line-1:#0f172a1f;--line-2:#0f172a29;--page-radial:radial-gradient(ellipse 120% 85% at 50% 32%, #fff, #eef1f5 78%);--page-radial-violet:radial-gradient(ellipse 130% 90% at 50% 30%, #faf8ff, #eef0f6 80%);--page-vignette:radial-gradient(ellipse at center, transparent 55%, #0f172a0f);--chrome-blur:#ffffffe0}#main-content .ketik-cockpit{width:100vw;min-height:calc(100vh - 4rem);margin-top:-.75rem;margin-bottom:-1.5rem;margin-left:calc(50% - 50vw)}.ketik-cockpit *{box-sizing:border-box}.ketik-cockpit button{font-family:inherit}.ketik-cockpit img,.ketik-cockpit svg,.ketik-cockpit canvas{max-width:100%}.ketik-cockpit :focus-visible{border-radius:4px;outline:2.5px solid var(--orange-400)!important;outline-offset:2px!important}.ketik-cockpit :focus:not(:focus-visible){outline:none}.ketik-cockpit .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--fg4);font-size:11px;font-weight:700}.ketik-cockpit .card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:24px}.ketik-cockpit .card-tight{padding:16px}.ketik-cockpit .tabular{font-variant-numeric:tabular-nums}.ketik-cockpit .mono{font-family:var(--font-mono)}.ketik-cockpit .pixel{font-family:var(--font-pixel);letter-spacing:.05em}@keyframes kf-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes kf-pop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes kf-combo-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes kf-flame-breathe{0%,to{filter:drop-shadow(0 0 10px #f9731673)}50%{filter:drop-shadow(0 0 22px #f97316bf)}}@keyframes kf-cursor-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes kf-flash-rose{0%{background:#f43f5e73}to{background:0 0}}@keyframes kf-shake-tiny{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes kf-rise-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes kf-aura-fire{0%,to{box-shadow:0 0 24px 4px #fb923c66}50%{box-shadow:0 0 36px 8px #f97316a6}}@keyframes kf-aura-pulse{0%,to{box-shadow:0 0 22px 4px #8b5cf680}50%{box-shadow:0 0 40px 10px #a855f7bf}}@keyframes kf-aura-rainbow{0%{box-shadow:0 0 30px 6px #f9731699}25%{box-shadow:0 0 30px 6px #facc1599}50%{box-shadow:0 0 30px 6px #10b98199}75%{box-shadow:0 0 30px 6px #8b5cf699}to{box-shadow:0 0 30px 6px #f9731699}}@keyframes kf-celebrate-burst{0%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes kf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kf-blink{50%{opacity:0}}@keyframes kf-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ketik-cockpit .kf-fade-up{animation:kf-fade-up .32s var(--ease-push) forwards}.ketik-cockpit .kf-pop{animation:kf-pop .22s var(--ease-bounce)}.ketik-cockpit .kf-flame-breathe{animation:2.4s ease-in-out infinite kf-flame-breathe}.ketik-cockpit .kf-cursor-pulse{animation:1s ease-in-out infinite kf-cursor-pulse}.ketik-cockpit .kf-flash-rose{animation:.42s ease-out kf-flash-rose}.ketik-cockpit .kf-shake-tiny{animation:.18s ease-in-out kf-shake-tiny}.ketik-cockpit .kf-rise-fade{animation:.9s ease-out both kf-rise-fade}.ketik-cockpit .kf-aura-fire{animation:1.6s ease-in-out infinite kf-aura-fire}.ketik-cockpit .kf-aura-pulse{animation:1.4s ease-in-out infinite kf-aura-pulse}.ketik-cockpit .kf-aura-rainbow{animation:1.6s linear infinite kf-aura-rainbow}.ketik-cockpit .kf-celebrate-burst{animation:kf-celebrate-burst .6s var(--ease-bounce) both}.ketik-cockpit .kf-float{animation:3s ease-in-out infinite kf-float}.ketik-cockpit .kf-blink{animation:1s steps(2,end) infinite kf-blink}.ketik-cockpit .kf-spin-slow{animation:8s linear infinite kf-spin-slow}@media (prefers-reduced-motion:reduce){.ketik-cockpit *,.ketik-cockpit :before,.ketik-cockpit :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ketik-cockpit .x-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.ketik-cockpit .x-scroll::-webkit-scrollbar{display:none}.ketik-cockpit .kbd-fit{max-width:100%}.ketik-cockpit input,.ketik-cockpit textarea,.ketik-cockpit select{font-size:16px}.ketik-cockpit button,.ketik-cockpit a,.ketik-cockpit [role=button]{touch-action:manipulation}@media (width<=640px){.ketik-cockpit .card{border-radius:var(--radius-xl);padding:16px}.ketik-cockpit .card-tight{padding:12px}}@media (width<=720px){.ketik-cockpit [style*="repeat(6, 1fr)"],.ketik-cockpit [style*="repeat(5, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}.ketik-cockpit [style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.ketik-cockpit [style*="repeat(3, 1fr)"]{grid-template-columns:1fr!important}}@media (width<=430px){.ketik-cockpit [style*="repeat(6, 1fr)"],.ketik-cockpit [style*="repeat(5, 1fr)"],.ketik-cockpit [style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (width<=960px){.ketik-cockpit [style*="280px 1fr"]{grid-template-columns:1fr!important}.ketik-cockpit .kf-rail-desc{display:none}}@media (width<=700px){.ketik-cockpit [style*=grid-template-columns]:not([style*=repeat]):not([style*="auto 1fr auto"]){grid-template-columns:1fr!important}.ketik-cockpit [style*="width: 320px"],.ketik-cockpit [style*="width: 340px"],.ketik-cockpit [style*="width: 360px"],.ketik-cockpit [style*="width: 390px"],.ketik-cockpit [style*="width: 420px"],.ketik-cockpit [style*="width: 440px"],.ketik-cockpit [style*="width: 460px"],.ketik-cockpit [style*="width: 480px"],.ketik-cockpit [style*="width: 520px"],.ketik-cockpit [style*="width: 560px"],.ketik-cockpit [style*="width: 600px"]{max-width:calc(100vw - 24px)!important}}@media (width<=640px){.ketik-cockpit [style*="display: flex"][style*="gap: 20px"],.ketik-cockpit [style*="display: flex"][style*="gap: 22px"],.ketik-cockpit [style*="display: flex"][style*="gap: 24px"],.ketik-cockpit [style*="display: flex"][style*="gap: 28px"],.ketik-cockpit [style*="display: flex"][style*="gap: 32px"],.ketik-cockpit [style*="display: flex"][style*="gap: 36px"],.ketik-cockpit [style*="display: flex"][style*="gap: 40px"]{flex-wrap:wrap!important}.ketik-cockpit [style*="font-size: 36px"],.ketik-cockpit [style*="font-size: 38px"],.ketik-cockpit [style*="font-size: 40px"],.ketik-cockpit [style*="font-size: 42px"],.ketik-cockpit [style*="font-size: 44px"]{font-size:28px!important}.ketik-cockpit [style*="font-size: 46px"],.ketik-cockpit [style*="font-size: 48px"],.ketik-cockpit [style*="font-size: 50px"],.ketik-cockpit [style*="font-size: 52px"],.ketik-cockpit [style*="font-size: 56px"]{font-size:32px!important}.ketik-cockpit [style*="font-size: 60px"],.ketik-cockpit [style*="font-size: 64px"],.ketik-cockpit [style*="font-size: 68px"],.ketik-cockpit [style*="font-size: 72px"],.ketik-cockpit [style*="font-size: 80px"]{font-size:40px!important}}