@import "https://fonts.googleapis.com/css2?family=Alex+Brush&family=Outfit:wght@400;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body{background:#0a0f0d;width:100%;height:100dvh;margin:0;padding:0;position:fixed;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.floating-control-panel{z-index:100;-webkit-backdrop-filter:blur(20px);font-family:"Outfit", "Inter", var(--sans);color:#fff;pointer-events:auto;transform-origin:0 100%;background:#12121299;border:1.5px solid #d4af3766;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:16px 28px;display:flex;position:absolute;bottom:24px;left:24px;transform:scale(.4);box-shadow:0 16px 48px #000000b3}.panel-title{letter-spacing:.15em;text-transform:uppercase;color:#f6e297;margin-bottom:2px;font-size:12px;font-weight:700}.btn-container{gap:20px;display:flex}.strike-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 4px 15px #0006}.strike-btn:hover{transform:translateY(-5px)scale(1.08)}.strike-btn:active{transform:translateY(-1px)scale(.95)}.btn-blue{background:radial-gradient(circle at 35% 35%,#42a5f5,#1565c0);box-shadow:0 0 #1565c000}.btn-blue:hover{border-color:#90caf9;box-shadow:0 0 20px #1565c0bf}.btn-red{background:radial-gradient(circle at 35% 35%,#ef5350,#d32f2f);box-shadow:0 0 #d32f2f00}.btn-red:hover{border-color:#ef9a9a;box-shadow:0 0 20px #d32f2fbf}.btn-black{background:radial-gradient(circle at 35% 35%,#424242,#212121);box-shadow:0 0 #21212100}.btn-black:hover{border-color:#888;box-shadow:0 0 20px #fff6}.btn-yellow{background:radial-gradient(circle at 35% 35%,#fff59d,#fbc02d);box-shadow:0 0 #fbc02d00}.btn-yellow:hover{border-color:#fff9c4;box-shadow:0 0 20px #fbc02dbf}.strike-btn.selected{transform:translateY(-4px)scale(1.06);border-color:#fff!important}.btn-blue.selected{box-shadow:0 0 25px #1565c0f2,inset 0 0 10px #fff9}.btn-red.selected{box-shadow:0 0 25px #d32f2ff2,inset 0 0 10px #fff9}.btn-black.selected{box-shadow:0 0 25px #ffffffb3,inset 0 0 10px #fff9}.btn-yellow.selected{box-shadow:0 0 25px #fbc02df2,inset 0 0 10px #fff9}.signature-watermark{z-index:100;text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:100% 100%;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:24px;right:24px;transform:scale(.5)}.signature-name{color:#f6e297;text-shadow:0 2px 4px #0009;margin-bottom:2px;font-family:Alex Brush,cursive;font-size:2.1rem;font-weight:400;line-height:1}.signature-title{font-family:"Outfit", "Inter", var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#ffffffa6;text-shadow:0 1px 3px #000000d9;font-size:.72rem;font-weight:700}.toast-notification{z-index:1000;pointer-events:none;animation:.6s cubic-bezier(.16,1,.3,1) forwards toastEntrance;position:absolute;top:40px;left:50%;transform:translate(-50%)}.toast-content{-webkit-backdrop-filter:blur(30px);font-family:"Outfit", "Inter", var(--sans);color:#fff;letter-spacing:.22em;text-transform:uppercase;background:#0a0f0db3;border:1px solid #d4af3759;border-radius:30px;align-items:center;gap:16px;padding:16px 36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 24px 60px #000c,0 0 30px #d4af371a}.toast-icon{color:#f6e297;filter:drop-shadow(0 0 4px #f6e29780);width:20px;height:20px}@keyframes toastEntrance{0%{opacity:0;transform:translate(-50%,-40px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.help-modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:2000;pointer-events:auto;background:#080a08bf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:absolute;top:0;left:0}.help-modal-content{-webkit-backdrop-filter:blur(30px);width:90vw;max-width:680px;max-height:85vh;font-family:"Outfit", "Inter", var(--sans);color:#f3f4f6;background:#141815d9;border:1.5px solid #d4af3766;border-radius:28px;flex-direction:column;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #000c,0 0 40px #d4af3726}.help-modal-header{border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.help-modal-title{color:#f6e297;letter-spacing:.05em;text-shadow:0 2px 4px #0006;margin:0;font-size:1.5rem;font-weight:700}.help-modal-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.help-modal-close-btn:hover{color:#f6e297;background:#d4af3740;border-color:#f6e297;transform:rotate(90deg)scale(1.1)}.help-modal-body{flex-direction:column;flex-grow:1;gap:24px;padding:24px 28px;display:flex;overflow-y:auto}.help-modal-body::-webkit-scrollbar{width:8px}.help-modal-body::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.help-modal-body::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}.help-modal-body::-webkit-scrollbar-thumb:hover{background:#d4af3780}.help-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:18px 22px}.help-section-title{color:#ffe680;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-top:0;margin-bottom:12px;padding-bottom:8px;font-size:1.1rem;font-weight:700;display:flex}.help-section p{color:#ffffffd9;margin-bottom:12px;font-size:.95rem;line-height:1.6}.help-section p:last-child{margin-bottom:0}.help-step-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.help-step-item{color:#ffffffd9;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.help-step-num{color:#ffe680;background:#d4af3733;border:1px solid #d4af3766;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.8rem;font-weight:700;display:flex}.help-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.help-grid-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:16px;padding:12px 16px;display:flex}.help-gesture-icon{color:#ffe680;background:#d4af3726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.help-gesture-desc{color:#ffffffd9;font-size:.9rem;line-height:1.4}.help-gesture-title{color:#fff;margin-bottom:2px;font-weight:700;display:block}.help-controls-table{border-collapse:collapse;width:100%;margin-top:8px}.help-controls-row{border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .2s;display:flex}.help-controls-row:nth-child(2n){background:#ffffff05}.help-controls-row:hover{background:#ffffff0d}.help-controls-key-col{gap:6px;display:flex}.help-key-badge{color:#fff;font-family:var(--mono);text-align:center;background:linear-gradient(#ffffff26 0%,#ffffff0d 100%);border:1.5px solid #fff3;border-bottom:3px solid #ffffff59;border-radius:6px;min-width:16px;padding:2px 8px;font-size:.85rem;font-weight:700;box-shadow:0 2px 4px #0006}.help-controls-desc{color:#ffffffd9;text-align:right;font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.drive-mode-badge{z-index:999;-webkit-backdrop-filter:blur(20px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0f0db3;border:1.5px solid #d4af37;border-radius:20px;align-items:center;gap:12px;padding:12px 28px;animation:1.5s ease-in-out infinite pulseGlow;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080,0 0 20px #d4af374d}.drive-mode-icon{color:#ffe680;filter:drop-shadow(0 0 5px #ffe680cc);width:18px;height:18px}.drive-mode-text{font-family:"Outfit", "Inter", var(--sans);letter-spacing:.25em;text-transform:uppercase;color:#ffe680;text-shadow:0 0 8px #ffe68066;font-size:13px;font-weight:800}@keyframes pulseGlow{0%{border-color:#d4af37b3;transform:translate(-50%)scale(1);box-shadow:0 10px 30px #00000080,0 0 20px #d4af374d}50%{border-color:#ffe680;transform:translate(-50%,-2px)scale(1.03);box-shadow:0 12px 35px #0009,0 0 30px #d4af3799}to{border-color:#d4af37b3;transform:translate(-50%)scale(1);box-shadow:0 10px 30px #00000080,0 0 20px #d4af374d}}.cartoon-start-overlay{z-index:1001;pointer-events:none;flex-direction:column;align-items:center;animation:2.2s ease-in-out infinite cartoonFloat;display:flex;position:absolute;bottom:120px;left:90px}.cartoon-start-badge{color:#000;text-align:center;text-transform:uppercase;letter-spacing:.05em;background:#ffe680;border:4px solid #000;border-radius:16px;justify-content:center;align-items:center;max-width:250px;padding:8px 16px;font-family:Outfit,Inter,sans-serif;font-size:13.5px;font-weight:900;line-height:1.35;display:flex;position:relative;transform:rotate(-5deg);box-shadow:0 8px 16px #00000073}.cartoon-start-badge:after{content:"";border:8px solid #0000;border-top-color:#000;position:absolute;bottom:-16px;left:20px}.cartoon-start-badge:before{content:"";z-index:1;border:8px solid #0000;border-top-color:#ffe680;position:absolute;bottom:-8px;left:20px}.cartoon-start-arrow{filter:drop-shadow(0 6px 12px #00000059);margin-top:6px;transform:rotate(-10deg)}@keyframes cartoonFloat{0%{transform:translateY(0)scale(1)rotate(0)}50%{transform:translateY(-10px)scale(1.04)rotate(-2deg)}to{transform:translateY(0)scale(1)rotate(0)}}.onboarding-title-banner{z-index:1000;-webkit-backdrop-filter:blur(25px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0f0da6;border:1.5px solid #d4af3773;border-radius:20px;justify-content:center;align-items:center;padding:14px 40px;animation:.8s cubic-bezier(.16,1,.3,1) forwards bannerEntrance;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009,0 0 25px #d4af371f}.onboarding-title-text{letter-spacing:.15em;text-transform:uppercase;color:#ffe680;text-shadow:0 2px 4px #0006;white-space:nowrap;font-family:Outfit,Inter,sans-serif;font-size:1.4rem;font-weight:800}@keyframes bannerEntrance{0%{opacity:0;transform:translate(-50%,-30px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.demo-status-banner{z-index:1000;-webkit-backdrop-filter:blur(30px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0f0dbf;border:1.5px solid #d4af3773;border-radius:20px;flex-direction:column;align-items:flex-start;width:calc(100% - 48px);max-width:290px;padding:12px 18px;font-family:Outfit,Inter,sans-serif;animation:.8s cubic-bezier(.16,1,.3,1) forwards demoEntrance;display:flex;position:absolute;bottom:170px;left:24px;box-shadow:0 12px 40px #000000bf,0 0 25px #d4af371f}@keyframes demoEntrance{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-banner-title{letter-spacing:.05em;text-transform:uppercase;color:#ffe680;text-shadow:0 1px 2px #00000080;align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.demo-live-badge{color:#fff;letter-spacing:.08em;background:radial-gradient(circle,#f33,#b30000);border-radius:5px;padding:2px 6px;font-size:.6rem;font-weight:900;animation:1.2s ease-in-out infinite livePulse;box-shadow:0 0 8px #ff333380}@keyframes livePulse{0%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05);box-shadow:0 0 12px #f33c}to{opacity:.85;transform:scale(1)}}.demo-banner-subtitle{color:#f5f5f5;text-align:left;margin-top:4px;font-size:.82rem;font-weight:500;line-height:1.3}.demo-progress-container{flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin-top:8px;display:flex}.demo-progress-track{background:#ffffff1f;border-radius:2px;width:100%;height:4px;overflow:hidden}.demo-progress-bar{background:linear-gradient(90deg,#d4af37,#ffe680);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.25,.8,.25,1)}.demo-progress-text{color:#b0b0b0;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}