#memory{text-align:center;flex-direction:column;justify-content:center;max-width:600px;height:calc(100vh - 200px);margin:0 auto;padding:0 1rem;display:flex}.grid{flex:1;align-content:center;justify-items:center;gap:10px;margin-top:1rem;display:grid}.card{aspect-ratio:1;width:100%;max-width:90px;transform-style:preserve-3d;border-radius:var(--radius);border:1px solid var(--color-border,#ccc);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .4s;position:relative}.card .front,.card .back{border-radius:var(--radius);backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card .front{background:var(--color-surface-elevated,#eee)}.card .back{background:var(--color-accent-soft,#ffd);font-size:clamp(1.5rem,6vw,2.5rem);transform:rotateY(180deg)}.card.flipped{transform:rotateY(180deg)}.card.matched{background:var(--color-success,#4caf50);color:#fff;animation:.35s forwards matchPop}@keyframes matchPop{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.15)}to{transform:rotateY(180deg)scale(1.05)}}#win-screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}#win-screen.visible{opacity:1;pointer-events:auto}.win-box{background:var(--color-surface,#fff);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow,0 4px 12px #0003);text-align:center;padding:2rem;animation:.4s winPop}@keyframes winPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}#tictactoe{text-align:center;max-width:400px;margin:0 auto;padding:1rem}.status{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.board{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1rem;display:grid}.cell{aspect-ratio:1;border-radius:var(--radius);border:2px solid var(--color-border,#ccc);background:var(--color-surface-elevated,#f5f5f5);cursor:pointer;width:100%;font-size:2.5rem;font-weight:700;transition:background .2s}.cell:hover{background:var(--color-accent-soft,#ffe)}.reset{border-radius:var(--radius);background:var(--color-primary,#4a90e2);color:#fff;cursor:pointer;border:none;padding:.5rem 1rem;font-size:1rem;transition:background .2s}.reset:hover{background:#357ac8}:root{--bp-bg:var(--color-surface);--bp-bg-elevated:var(--color-surface-elevated);--bp-text:var(--color-text);--bp-accent:var(--color-accent);--bp-on-accent:var(--color-on-accent);--bp-shadow:var(--shadow)}#spt-bp-container{width:100%;max-width:420px;color:var(--bp-text);margin:0 auto;padding:20px}.spt-bp-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.spt-bp-title{margin:0;font-size:24px;font-weight:700}.spt-bp-header-right{align-items:center;gap:15px;display:flex}.spt-bp-settings-icon{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--bp-text);font-size:22px;transition:transform .25s,opacity .25s}.spt-bp-settings-icon:hover{transform:scale(1.15)}.spt-bp-settings-open{animation:.8s forwards bp-gear-spin}@keyframes bp-gear-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.spt-bp-score-board{font-size:16px;font-weight:600}.spt-bp-board{background:var(--bp-bg-elevated);box-shadow:var(--bp-shadow);border-radius:10px;grid-template-rows:repeat(8,40px);grid-template-columns:repeat(8,40px);gap:4px;padding:10px;display:grid}.spt-bp-cell{background:var(--bp-bg);border-radius:6px;width:40px;height:40px;transition:background .15s}.spt-bp-cell.filled{background:var(--bp-accent)}.preview-valid{outline:2px solid var(--bp-accent)}.preview-invalid{outline:2px solid red}.spt-bp-tray{justify-content:space-between;margin-top:20px;display:flex}.spt-bp-tray-slot{background:var(--bp-bg-elevated);width:120px;height:120px;box-shadow:var(--bp-shadow);border-radius:10px;justify-content:center;align-items:center;display:flex}.spt-bp-shape{grid-template-columns:repeat(var(--bp-cols), 20px);gap:2px;transition:opacity .15s;display:grid}.spt-bp-shape.dragging-hidden{opacity:0}.spt-bp-shape-block{background:var(--bp-accent);grid-row:var(--bp-row);grid-column:var(--bp-col);border-radius:4px;width:20px;height:20px}.spt-bp-drag-clone{pointer-events:none;z-index:9999;gap:2px;width:40px;height:40px;display:grid;position:fixed}.spt-bp-overlay{z-index:5000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spt-bp-modal{background:var(--bp-bg);color:var(--bp-text);width:90%;max-width:300px;box-shadow:var(--bp-shadow);text-align:left;box-sizing:border-box;border-radius:12px;margin:0 auto;padding:10px}.help-modal{box-sizing:border-box;width:90%;max-width:320px;padding:1%}.settings-modal{max-width:300px}.gameover-modal{text-align:center;max-width:260px}.spt-bp-btn-primary,.spt-bp-btn-secondary{cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:12px;padding:10px 12px;font-weight:700;transition:opacity .2s}.spt-bp-btn-primary{background:var(--bp-accent);color:var(--bp-on-accent)}.spt-bp-btn-secondary{background:var(--bp-bg-elevated);color:var(--bp-accent)}.spt-bp-btn-primary:hover,.spt-bp-btn-secondary:hover{opacity:.85}.spt-bp-setting-group{flex-direction:column;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.spt-bp-setting-group label{font-weight:700}@media (width<=480px){.spt-bp-board{grid-template-rows:repeat(8,34px);grid-template-columns:repeat(8,34px)}.spt-bp-cell{width:34px;height:34px}.spt-bp-tray-slot{width:100px;height:100px}.spt-bp-shape-block{width:18px;height:18px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}html,body,#root{background:var(--color-bg);height:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.app-main{padding:1rem}.container{width:min(100% - 2rem,900px);margin-inline:auto}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=600px){.grid-2,.grid-3{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-bg-alt:#f5f5f7;--color-surface:#fff;--color-surface-elevated:#f0f0f0;--color-border:#d0d0d0;--color-text:#1a1a1a;--color-text-muted:#555;--color-primary:#4a90e2;--color-accent:#0078ff;--color-accent-soft:#fff6cc;--color-success:#4caf50;--color-error:#e53935;--color-code-bg:#f4f3ec;--color-social-bg:#f4f3ec80;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--shadow:0 2px 6px #00000014;--shadow-lg:0 4px 12px #0000001f;--radius:8px;--radius-lg:12px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--transition-fast:.15s ease;--transition:.25s ease}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121212;--color-bg-alt:#1e1e1e;--color-surface:#0b1120;--color-surface-elevated:#1e293b;--color-border:#334155;--color-text:#e6e6e6;--color-text-muted:#9ca3af;--color-primary:#60a5fa;--color-accent:#4da3ff;--color-accent-soft:#3a3000;--color-code-bg:#1f2028;--color-social-bg:#2f303a80;--shadow:0 2px 6px #0006;--shadow-lg:0 4px 12px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#121212;--color-bg-alt:#1e1e1e;--color-text:#e6e6e6;--color-text-muted:#aaa;--color-border:#333;--color-accent:#4da3ff}}[route]{opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);transform:translateY(8px)}[route].active{opacity:1;transform:translateY(0)}:root{letter-spacing:.18px;font-size:18px;line-height:145%;font-family:var(--font-sans);color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);margin:0;font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);margin-bottom:.75rem;font-weight:600;line-height:1.25}h1{letter-spacing:-1.68px;margin:32px 0;font-size:clamp(2rem,4vw,3rem)}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.25rem)}h3{font-size:clamp(1.5rem,2.5vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin:0 0 var(--space-md);color:var(--color-text);font-size:1rem}.small{opacity:.8;color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.muted{color:var(--color-text-muted)}@media (width<=1024px){:root{font-size:16px}}code{font-family:var(--font-mono);background:var(--color-code-bg);border-radius:4px;padding:4px 8px;font-size:.9rem;line-height:135%}.btn{border-radius:var(--radius);background:var(--color-accent);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.6rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--color-accent) 80%, black)}.btn.outline{color:var(--color-accent);border:2px solid var(--color-accent);background:0 0}.btn.small{padding:.4rem .75rem;font-size:.9rem}.btn.block{width:100%}.card,.app-card{background:var(--color-bg-alt);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card{margin-bottom:1rem}.card h3{margin-bottom:.5rem}.card p{margin-bottom:.75rem}.app-card{border:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition);flex-direction:column;gap:.4rem;display:flex}.app-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-4px)}.app-card:active{transform:scale(.96)}.app-card h3{color:var(--color-text);margin:0;font-size:1.1rem}.app-card p{color:var(--color-text-muted);margin:0;font-size:.9rem}.app-card .icon{opacity:.85;font-size:1.6rem}.counter{color:var(--accent);background:var(--accent-bg);transition:border-color var(--transition);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text);padding:.6rem .75rem;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent);border-color:var(--color-accent)}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:60px;box-shadow:var(--shadow);z-index:100;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1rem;display:flex}.header-right{align-items:center;display:flex}.home-btn{cursor:pointer;border-radius:var(--radius);transition:background var(--transition-fast);background:0 0;border:none;padding:4px;font-size:1.4rem}.home-btn:hover{background:var(--color-accent-soft)}.breadcrumbs{align-items:center;gap:.4rem;font-size:.95rem;display:flex}.breadcrumbs a{color:var(--color-text);opacity:.85;text-decoration:none}.breadcrumbs a:hover{opacity:1}.crumb-sep{opacity:.5;margin:0 .2rem}.page-title{color:var(--color-text);font-size:1.2rem;font-weight:700}.header-btn{align-items:center;gap:.5rem;display:flex}.header-btn svg{width:22px;height:22px;stroke:var(--color-text)}@media (width<=600px){.app-header{padding:env(safe-area-inset-top) 1rem .5rem 1rem;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:space-between;align-items:center;height:auto;min-height:56px}.header-left{flex-direction:column;align-items:flex-start;gap:.25rem}.app-title{font-size:1.25rem;line-height:1.3}.breadcrumbs{display:none}.home-btn{border-radius:12px;padding:.5rem;font-size:1.5rem}.header-right{gap:.5rem}.header-btn{border-radius:12px;padding:.75rem}.header-btn svg{width:28px;height:28px}.settings-menu{top:env(safe-area-inset-top);width:80%;max-width:320px;height:calc(100% - env(safe-area-inset-top));background:var(--color-surface);padding:1rem;transition:transform .25s;position:fixed;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 12px #00000026}.settings-menu.open{transform:translate(0)}.close-btn{border-radius:12px;width:100%;margin-top:1rem;padding:1rem}}.native-mobile .app-header{padding-top:env(safe-area-inset-top)}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal{background:var(--color-bg);border-radius:var(--radius);width:min(90%,400px);box-shadow:var(--shadow);padding:1.5rem}.modal.show+.modal-backdrop,.modal-backdrop.show{display:flex}.nav-grid{grid-template-columns:repeat(auto-fit,minmax(180px,350px));gap:1rem;display:grid}.nav-card{background:var(--color-surface-elevated);color:var(--color-text);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:flex}.nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.nav-card:active{transform:translateY(0)scale(.97)}.nav-card-icon{justify-content:center;align-items:center;font-size:2.5em;line-height:1;transition:transform .25s;display:flex}.nav-card:hover .nav-card-icon{transform:scale(1.15)}.nav-card-text h3{color:var(--color-text);margin:0;font-size:2em;font-weight:600}.nav-card-text p{opacity:.85;color:var(--color-text);margin:2px 0 0;font-size:1em}[data-theme=dark] .nav-card:hover{box-shadow:0 0 12px #ffffff14}:root{--color-text:#1a1a1a;--color-text-muted:#555;--color-bg:#f5f5f7;--color-surface:#fff;--color-surface-elevated:#f0f0f0;--color-border:#d0d0d0;--color-primary:#4a90e2;--color-accent:#fc0;--color-accent-soft:#fff6cc;--color-success:#4caf50;--color-error:#e53935;--shadow:0 2px 6px #00000014;--shadow-lg:0 4px 12px #0000001f;--radius:8px;--radius-lg:12px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--transition-fast:.15s ease;--transition:.25s ease}[data-theme=dark]{--color-text:#e5e7eb;--color-text-muted:#9ca3af;--color-bg:#020617;--color-surface:#0b1120;--color-surface-elevated:#1e293b;--color-border:#334155;--color-primary:#60a5fa;--color-accent:#facc15;--color-accent-soft:#3a3000;--color-success:#22c55e;--color-error:#ef4444;--shadow:0 2px 6px #0006;--shadow-lg:0 4px 12px #0000008c}.settings-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000;opacity:0;pointer-events:none;min-width:240px;padding:8px;transition:opacity .25s,transform .25s;position:absolute;top:100%;right:0;transform:translateY(-10px)}.settings-menu.closed{display:none}.settings-menu.open{opacity:1;pointer-events:auto;display:block;transform:translateY(0)}.settings-menu button{width:auto}.settings-menu-header{justify-content:space-between;align-items:center;display:flex}.settings-menu-header h3{color:var(--color-text);margin:0;font-size:1.2rem}.settings-theme-icon{cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.settings-theme-icon span svg{width:22px;height:22px;stroke:var(--color-text)}.settings-list{margin:0;padding:0;list-style:none}.settings-list button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px}.close-btn{cursor:pointer;background:0 0;border:none;font-size:16px;position:relative;top:4px;right:4px}.sound-toggle-icon{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.sound-toggle-icon span{justify-content:center;align-items:center;display:flex}.sound-toggle-icon span svg{color:currentColor;width:30px;height:30px;display:block}.unmuted #mute-icon{display:none}.unmuted #volumeOn-icon,.muted #mute-icon{display:block}.muted #volumeOn-icon{display:none}table{border-collapse:collapse;width:100%;margin:1rem 0}th,td{border-bottom:1px solid var(--color-border);padding:.75rem}th{text-align:left;background:var(--color-bg-alt);font-weight:600}.theme-toggle{cursor:pointer;background:var(--color-surface-elevated);width:42px;height:42px;box-shadow:var(--shadow);transition:background var(--transition), transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active .flare{opacity:1}.theme-toggle .icon{opacity:0;width:22px;height:22px;stroke:var(--color-text);fill:none;transition:opacity var(--transition), transform var(--transition);display:inline-block;position:absolute;transform:scale(.6)}.theme-toggle .icon.visible{opacity:1;transform:scale(1)}.theme-toggle .sun svg,.theme-toggle .moon svg{stroke:var(--color-text);fill:none}.theme-toggle .flare{opacity:0;transition:opacity var(--transition);background:radial-gradient(circle,#fff9,#fff0);border-radius:50%;position:absolute;inset:0}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);transition:box-shadow var(--transition);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}: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)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}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%}#minigames{text-align:center;max-width:700px;margin:0 auto;padding:1rem}#minigames .nav-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}