.tutorial-page{flex:1;min-height:100%;position:relative;overflow:hidden}.tutorial-page-glow{pointer-events:none;opacity:.9;position:absolute;inset:0}.tutorial-page-inner{flex-direction:column;gap:2rem;width:100%;max-width:1240px;margin:0 auto;padding:1.5rem .75rem 3rem;display:flex;position:relative}.tutorial-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tutorial-back-btn,.tutorial-topbar-chip,.tutorial-step-tab,.tutorial-step-nav-btn,.tutorial-secondary-btn{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a}.tutorial-back-btn:hover,.tutorial-topbar-chip:hover,.tutorial-step-tab:hover,.tutorial-step-nav-btn:hover,.tutorial-secondary-btn:hover{color:#fff;box-shadow:none;background:#ffffff14}.tutorial-topbar-chip{text-transform:uppercase;letter-spacing:.14em;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.7rem;font-weight:800;display:inline-flex}.tutorial-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:2rem;display:grid}.tutorial-hero-copy,.tutorial-preview-card,.tutorial-steps-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0a,#ffffff05),#12121ae0;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 28px 80px #00000073}.tutorial-hero-copy{text-align:center;flex-direction:column;align-items:center;padding:2.5rem;display:flex}.tutorial-kicker,.tutorial-step-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.tutorial-hero-copy h1{letter-spacing:-.06em;margin-top:1rem;font-size:clamp(2.3rem,5vw,4.5rem);line-height:.95}.tutorial-hero-copy p{color:#dadde4b8;max-width:60ch;margin:1.35rem 0 0;font-size:1rem}.tutorial-meta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.tutorial-meta-card{text-transform:uppercase;letter-spacing:.14em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.82rem;display:inline-flex}.tutorial-summary-card{background:#ffffff08;border-radius:20px;flex-direction:column;gap:1rem;width:100%;max-width:760px;margin-top:2rem;padding:1.35rem 1.25rem;display:flex}.tutorial-summary-line,.tutorial-bullet-item{color:#dadde4c7;align-items:flex-start;gap:.95rem;line-height:1.7;display:flex}.tutorial-summary-dot,.tutorial-bullet-mark{border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;margin-top:.42rem}.tutorial-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.tutorial-primary-btn{color:#10131a;border:none;padding-inline:1.4rem}.tutorial-primary-btn:hover{color:#10131a}.tutorial-secondary-btn{padding-inline:1.2rem}.tutorial-preview-card{justify-content:center;align-items:stretch;padding:1.5rem;display:flex}.tutorial-preview-shell{background:radial-gradient(circle at top,#ffffff14,#0000 44%),linear-gradient(#ffffff0a,#0000003d),#0d1118;border:1px solid #ffffff0f;border-radius:24px;width:100%;min-height:320px;position:relative;overflow:hidden}.tutorial-preview-svg{width:100%;height:100%}.tutorial-terminal{flex-direction:column;gap:.8rem;padding:1.1rem;display:flex}.tutorial-code-line{opacity:.9;border-radius:999px;height:.85rem}.tutorial-code-line-short{max-width:80%}.tutorial-code-line-shorter{max-width:68%}.tutorial-result-grid{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:.55rem;margin-top:auto;padding:.9rem;display:flex}.tutorial-result-row{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.tutorial-result-row span,.tutorial-trivia-option{background:#ffffff1a;border-radius:999px;height:1rem}.tutorial-logic-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.9rem;height:100%;padding:1.25rem;display:grid}.tutorial-signal-chip,.tutorial-output-chip,.tutorial-gate-box{text-transform:uppercase;letter-spacing:.1em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;min-height:76px;font-weight:800;display:flex}.tutorial-output-chip{color:#fff;grid-column:span 3;min-height:88px}.tutorial-radar{aspect-ratio:1;background:radial-gradient(circle,#ffffff14,#0000 60%),#00000040;border:1px solid #ffffff14;border-radius:50%;width:min(320px,86%);margin:auto;position:relative}.tutorial-radar-ring,.tutorial-radar-sweep,.tutorial-radar-dot{position:absolute}.tutorial-radar-ring{border:1px solid #ffffff14;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-radar-sweep{transform-origin:0;background:linear-gradient(90deg,#ffffff0d,#e85c6acc);width:48%;height:2px;top:50%;left:50%}.tutorial-radar-dot{border-radius:999px;width:12px;height:12px;box-shadow:0 0 14px}.tutorial-trivia-card{flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.tutorial-trivia-progress{background:#ffffff14;border-radius:999px;height:.7rem;margin-bottom:.35rem;overflow:hidden}.tutorial-trivia-progress-bar{border-radius:999px;height:100%}.tutorial-trivia-option{border:1px solid #ffffff14;height:4rem}.tutorial-steps-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.tutorial-step-tabs{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.tutorial-step-tab{letter-spacing:.12em;border-radius:14px;padding:.8rem 1rem;font-size:.8rem}.tutorial-step-tab.is-active{background:#ffffff14}.tutorial-step-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;flex-direction:column;width:100%;max-width:980px;min-height:320px;margin:0 auto;padding:1.75rem;display:flex}.tutorial-step-header{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.tutorial-step-header h2{letter-spacing:-.04em;margin-top:.5rem;font-size:clamp(1.5rem,3vw,2.3rem)}.tutorial-step-count{color:#ffffff47;text-transform:uppercase;letter-spacing:.14em;font-size:.85rem}.tutorial-step-description{color:#dadde4b8;text-align:center;max-width:62ch;margin:1.35rem auto 0;line-height:1.8}.tutorial-bullet-list{flex-direction:column;gap:1rem;max-width:760px;margin-top:1.75rem;margin-left:auto;margin-right:auto;display:flex}.tutorial-step-nav{justify-content:center;gap:.9rem;margin-top:2rem;display:flex}.tutorial-step-nav-btn{border-radius:14px;width:44px;height:44px;padding:0}@media (width<=980px){.tutorial-page-inner{padding-inline:.35rem}.tutorial-hero-grid{grid-template-columns:1fr}}@media (width<=640px){.tutorial-topbar{flex-direction:column;align-items:stretch}.tutorial-hero-copy,.tutorial-step-card{text-align:center}.tutorial-step-header{text-align:center;flex-direction:column;align-items:center}.tutorial-topbar-chip{justify-content:center}.tutorial-hero-copy,.tutorial-preview-card,.tutorial-steps-panel{border-radius:22px}.tutorial-hero-copy,.tutorial-step-card{padding:1.35rem}.tutorial-preview-shell{min-height:240px}.tutorial-actions,.tutorial-step-tabs{flex-direction:column}}:root{--bg-dark:#1f1f29;--bg-panel:#272733;--accent-cyan:#009c78;--accent-magenta:#e85c6a;--accent-yellow:#ffd236;--accent-green:#7f6faf;--text-primary:#dadde4;--text-secondary:#94a3b8;--border-dim:#ffffff1a;--neon-glow:0 0 15px #009c784d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:JetBrains Mono,Inter,monospace}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3{text-transform:uppercase;letter-spacing:.05em;margin:0}button{cursor:pointer;border:1px solid var(--accent-cyan);color:var(--accent-cyan);text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#009c780d;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:hover:not(:disabled){background:var(--accent-cyan);color:var(--bg-dark);transform:translateY(-1px);box-shadow:0 0 20px #009c7866}button:active:not(:disabled){opacity:.85;transition:transform 80ms,opacity 80ms;transform:scale(.96)}button:disabled{color:#334155;cursor:not-allowed;background:0 0;border-color:#334155}input,textarea{border:1px solid var(--border-dim);color:#fff;background:#1a1a24;border-radius:4px;outline:none;padding:14px;font-family:inherit;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent-cyan)}.card{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #0009}@media (width>=768px){.card{padding:3.5rem}}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-container table{min-width:800px}.app-container{flex-direction:column;min-height:100vh;padding:.5rem;display:flex}@media (width>=768px){.app-container{padding:1.5rem}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-container{width:100%;max-width:1400px;margin:0 auto}.grid-2x2{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.grid-2x2{grid-template-columns:1fr 1fr;gap:2.5rem}}.trivia-options-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=768px){.trivia-options-grid{grid-template-columns:1fr 1fr}}.grid-games{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.grid-games{grid-template-columns:1fr 1fr;gap:2.5rem}.grid-games>:last-child:nth-child(odd){grid-column:1/-1;width:100%;max-width:calc(50% - 1.25rem);margin:0 auto}}.grid-3{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:3rem}}.radar-container{width:90vw;max-width:580px;height:90vw;max-height:580px}@media (width<=768px){.radar-container{width:72vw;max-width:300px;height:72vw;max-height:300px}.radar-ring{stroke-width:1px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0}.shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.z-10{z-index:10}.z-20{z-index:20}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-20{gap:5rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.w-full{width:100%}.w-px{width:1px}.w-2{width:.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-72{width:18rem}.h-1{height:.25rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.max-h-full{max-height:100%}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-40{height:10rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-7xl{max-width:80rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-black{font-weight:900}.font-medium{font-weight:500}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-white{color:#fff}.text-black{color:#000}.text-cyan-400{color:var(--accent-cyan)}.text-yellow-400{color:var(--accent-yellow)}.text-red-700{color:#b91c1c}.text-red-900{color:#7f1d1d}.text-white\/20{color:#fff3}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/80{color:#fffc}.bg-black{background-color:#000}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-cyan-400{background-color:var(--accent-cyan)}.bg-yellow-400{background-color:var(--accent-yellow)}.bg-yellow-400\/10{background-color:#ffd2361a}.bg-transparent{background-color:#0000}.hover\:bg-red-900:hover{background-color:#7f1d1d}.hover\:text-white:hover{color:#fff}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-cyan-400{border-color:var(--accent-cyan)}.border-yellow-400{border-color:var(--accent-yellow)}.border-red-900{border-color:#7f1d1d}.border-red-900\/20{border-color:#7f1d1d33}.border-red-900\/50{border-color:#7f1d1d80}.hover\:border-white:hover{border-color:#fff}.hover\:border-red-500:hover{border-color:#ef4444}.hover\:text-red-500:hover{color:#ef4444}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-none{box-shadow:none}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-80{opacity:.8}.hover\:opacity-100:hover{opacity:1}.blur-md{filter:blur(8px)}.blur-\[80px\]{filter:blur(80px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.object-cover{object-fit:cover}.cursor-pointer{cursor:pointer}.-bottom-2{bottom:-.5rem}.-right-2{right:-.5rem}.hidden{display:none}.block{display:block}.inline{display:inline}@media (width>=480px){.xs\:hidden{display:none}.xs\:block{display:block}.xs\:inline{display:inline}}@media (width>=640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:inline{display:inline}}@media (width>=768px){.md\:hidden{display:none}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid{display:grid}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-20{gap:5rem}.md\:p-4{padding:1rem}.md\:p-8{padding:2rem}.md\:p-12{padding:3rem}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:-rotate-90{transform:rotate(-90deg)}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:w-72{width:18rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.crt-overlay{pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/2px 100%;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes pulse-cyan{0%{box-shadow:0 0 5px #009c7833}50%{box-shadow:0 0 20px #009c7880}to{box-shadow:0 0 5px #009c7833}}.animate-pulse-cyan{animation:2s infinite pulse-cyan}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.hover\:scale-105:hover{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:border-white\/10{border-color:#ffffff1a}.group:hover .group-hover\:text-cyan-400{color:var(--accent-cyan)}.group:hover .group-hover\:bg-white{background-color:#fff}.group:hover .group-hover\:text-black{color:#000}.top-0{top:0}.right-0{right:0}.top-4{top:1rem}.right-4{right:1rem}.top-8{top:2rem}.right-8{right:2rem}@media (width>=768px){.md\:top-8{top:2rem}.md\:right-8{right:2rem}}