:root{color-scheme:dark;--color-primary:#4b46fa;--color-primary-hover:#5d58ff;--color-primary-active:#3a36d9;--color-accent:#ff6f4b;--color-danger:#ff5c4d;--color-success:#2ee6a8;--color-warning:#ffb84d;--color-bg:#0a0c14;--color-surface:#12151f;--color-surface-2:#1a1e2c;--color-ink:#f2f4fa;--color-text-secondary:#a9b0c0;--color-ui:#6a7186;--color-ui-line:rgba(148,156,181,0.18);--color-primary-soft:rgba(75,70,250,0.14);--color-accent-soft:rgba(255,111,75,0.14);--color-success-soft:rgba(46,230,168,0.12);--icon-chip-bg:linear-gradient(135deg,rgba(75,70,250,0.32),rgba(255,111,75,0.22));--icon-chip-fg:#cfd1ff;--icon-chip-fg2:var(--color-accent);--glow-primary:0 0 20px rgba(75,70,250,0.45);--glow-accent:0 0 20px rgba(255,111,75,0.4);--glow-card:0 0 26px rgba(75,70,250,0.2);--header-bg:rgba(10,12,20,0.92);--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow-md:0 6px 18px rgba(0,0,0,0.45);--shadow-lg:0 14px 40px rgba(0,0,0,0.55);--header-h:64px;--content-max:1180px}[data-theme=light]{color-scheme:light;--color-bg:#fbfbfd;--color-surface:#ffffff;--color-surface-2:#f2f3f8;--color-ink:#111418;--color-text-secondary:#5b6066;--color-ui:#7a7e83;--color-ui-line:rgba(122,126,131,0.28);--color-primary-soft:rgba(75,70,250,0.09);--color-accent-soft:rgba(255,111,75,0.12);--color-success-soft:rgba(31,157,97,0.09);--color-success:#1f9d61;--icon-chip-bg:var(--color-ink);--icon-chip-fg:#ffffff;--icon-chip-fg2:var(--color-accent);--glow-primary:0 0 14px rgba(75,70,250,0.25);--glow-accent:0 0 14px rgba(255,111,75,0.25);--glow-card:0 6px 24px rgba(17,20,24,0.12);--header-bg:var(--color-ink);--shadow-sm:0 1px 2px rgba(17,20,24,0.06);--shadow-md:0 4px 14px rgba(17,20,24,0.1);--shadow-lg:0 12px 32px rgba(17,20,24,0.16)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;background:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4{color:var(--color-ink)}h1,h2,h3,h4{font-weight:700;line-height:1.2;margin:0 0 var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0 0 var(--space-4);max-width:72ch}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--color-primary-hover)}canvas,img,svg{display:block;max-width:100%}ol,ul{padding-left:var(--space-6)}table{border-collapse:collapse}.mono,.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}.section{padding-block:var(--space-12)}.section--tight{padding-block:var(--space-8)}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--cards-sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.flex-row{flex-wrap:wrap;align-items:center}.flex-col,.flex-row{display:flex;gap:var(--space-4)}.flex-col{flex-direction:column}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;transition:top .2s}.skip-link:focus{top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;line-height:1.2;padding:.7rem 1.4rem;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .2s ease,transform .05s ease;min-height:44px}.btn:active{transform:translateY(1px) scale(.99)}.btn--primary{background:linear-gradient(135deg,var(--color-primary),#6a64ff);color:#ffffff}.btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),#7d78ff);color:#ffffff;box-shadow:var(--glow-primary)}.btn--secondary{background:transparent;color:#ffffff;border-color:rgba(255,255,255,.55)}.btn--secondary:hover{border-color:#ffffff;background:rgba(255,255,255,.08);color:#ffffff;box-shadow:0 0 16px rgba(255,255,255,.15)}.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary-soft);color:var(--color-primary-hover);box-shadow:var(--glow-primary)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-ui-line)}.btn--ghost:hover{color:var(--color-ink);border-color:var(--color-ui)}.btn--sm{font-size:var(--text-sm);padding:.45rem .9rem;min-height:36px}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:#d84332;color:#fff}.btn--pulse{animation:pulse-glow 2.4s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px rgba(75,70,250,.25)}50%{box-shadow:0 0 28px rgba(75,70,250,.55)}}.btn[aria-disabled=true],.btn[disabled]{opacity:.55;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-ui-line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);transition:background-color .3s ease}.card--interactive{transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.card--interactive:hover{box-shadow:var(--glow-card),var(--shadow-md);border-color:rgba(75,70,250,.55);transform:translateY(-3px)}.card__title{margin:0;font-size:var(--text-lg)}.card__body{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;flex:1 1}.card__footer{margin-top:auto}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;padding:.2rem .6rem;border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-hover);border-color:rgba(75,70,250,.35);position:relative;overflow:hidden}.badge--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-100%);animation:shimmer 3.5s ease-in-out infinite}@keyframes shimmer{60%,to{transform:translateX(100%)}}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent);border-color:rgba(255,111,75,.4)}.badge--neutral{background:rgba(122,126,131,.14);color:var(--color-text-secondary);border-color:var(--color-ui-line)}.badge--success{background:var(--color-success-soft);color:var(--color-success);border-color:rgba(46,230,168,.3)}.badge--dark{background:var(--color-ink);color:var(--color-bg)}.chip{display:inline-block;font-size:var(--text-sm);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-ui-line);border-radius:var(--radius-pill);padding:.3rem .8rem}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-weight:600;font-size:var(--text-sm);color:var(--color-ink)}.input,.select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-ui-line);border-radius:var(--radius-md);padding:.7rem .9rem;min-height:48px;width:100%;transition:border-color .15s ease,box-shadow .2s ease}.input:hover,.select:hover{border-color:var(--color-ui)}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.input--numeric{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--header-bg);color:#ffffff;min-height:var(--header-h);display:flex;align-items:center;box-shadow:0 1px 0 rgba(75,70,250,.25),var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header__inner{display:flex;align-items:center;gap:var(--space-6);width:100%}.site-header__brand{display:inline-flex;align-items:center;gap:var(--space-2);color:#ffffff;text-decoration:none;font-weight:800;font-size:var(--text-lg);letter-spacing:.01em;white-space:nowrap}.site-header__brand:hover{color:#ffffff}.site-header__logo{width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;color:#fff;box-shadow:0 0 14px rgba(75,70,250,.5)}.main-nav{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto;align-items:center}.main-nav__link{color:rgba(255,255,255,.82);text-decoration:none;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.main-nav__link:hover{color:#ffffff;background:rgba(255,255,255,.08)}.main-nav__link[aria-disabled=true]{color:rgba(255,255,255,.4);cursor:not-allowed}.main-nav__link[aria-disabled=true]:hover{background:transparent}.main-nav__soon{font-size:.6rem;font-weight:700;color:var(--color-accent);margin-left:.2rem;vertical-align:super}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;color:rgba(255,255,255,.85);border:2px solid rgba(255,255,255,.35);border-radius:var(--radius-pill);padding:.35rem .8rem;cursor:pointer;font-weight:600;font-size:var(--text-sm);min-height:36px;transition:border-color .15s ease,box-shadow .2s ease}.theme-toggle:hover{border-color:#ffffff;box-shadow:0 0 14px rgba(255,255,255,.2)}.theme-toggle svg{display:block}.nav-toggle{display:none;background:transparent;border:2px solid rgba(255,255,255,.4);color:#ffffff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);margin-left:auto}@media (max-width:900px){.header-search{display:none}.nav-toggle{display:inline-block;margin-left:auto}.main-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;background:var(--header-bg);flex-direction:column;align-items:stretch;padding:var(--space-4);box-shadow:var(--shadow-lg);margin-left:0}.main-nav--open{display:flex}.main-nav__link{padding:var(--space-3)}}.site-footer{background:#0d0f18;color:rgba(255,255,255,.75);margin-top:var(--space-16);padding-block:var(--space-10);font-size:var(--text-sm);border-top:1px solid rgba(75,70,250,.25)}.site-footer a{color:#ffffff}.site-footer__inner{display:grid;grid-gap:var(--space-8);gap:var(--space-8);grid-template-columns:2fr 1fr 1fr}@media (max-width:760px){.site-footer__inner{grid-template-columns:1fr}}.site-footer h4{color:#ffffff;margin-bottom:var(--space-3)}.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.site-footer ul a{text-decoration:none}.site-footer ul a:hover{text-decoration:underline}.site-footer__fine{border-top:1px solid rgba(255,255,255,.15);margin-top:var(--space-8);padding-top:var(--space-4);color:rgba(255,255,255,.5);font-size:var(--text-xs)}.hero{position:relative;overflow:hidden;color:#ffffff;padding-block:var(--space-16);background:radial-gradient(ellipse 60% 50% at 18% 0,rgba(75,70,250,.3),transparent 60%),radial-gradient(ellipse 50% 45% at 85% 95%,rgba(255,111,75,.18),transparent 60%),#0a0c14}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(75,70,250,.1) 1px,transparent 0),linear-gradient(90deg,rgba(75,70,250,.1) 1px,transparent 0);background-size:44px 44px;animation:grid-scroll 16s linear infinite;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,black 30%,transparent 78%);mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,black 30%,transparent 78%);pointer-events:none}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 44px}}.hero__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none}.hero__inner{position:relative;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}.hero__kicker{color:var(--color-accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:var(--text-sm);margin-bottom:var(--space-4);text-shadow:0 0 12px rgba(255,111,75,.45)}.hero h1{color:#ffffff;font-size:clamp(2rem,5vw,3.4rem);max-width:16ch;letter-spacing:-.01em;text-shadow:0 0 30px rgba(75,70,250,.35)}.hero p{color:rgba(255,255,255,.78);font-size:var(--text-lg);max-width:60ch;margin-bottom:var(--space-8)}.hero__accent{background:linear-gradient(90deg,var(--color-accent),#ff9d7e,var(--color-primary));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero__cursor:after{content:"\25AE";color:var(--color-accent);margin-left:.15em;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-4)}.trade-selector{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-accent-soft));border:1px solid rgba(75,70,250,.35);border-radius:var(--radius-lg);padding:var(--space-8);animation:selector-pulse 3.4s ease-in-out infinite}@keyframes selector-pulse{0%,to{box-shadow:0 0 12px rgba(75,70,250,.12)}50%{box-shadow:0 0 30px rgba(75,70,250,.3)}}.trade-selector__form{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.trade-selector__form .field{flex:1 1 320px}.callout{border-left:4px solid var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin-block:var(--space-4)}.callout--warning{border-left-color:var(--color-accent);background:var(--color-accent-soft)}.callout--success{border-left-color:var(--color-success);background:var(--color-success-soft)}.callout p{margin:0}.ad-slot{border:1px dashed var(--color-ui-line);border-radius:var(--radius-md);background:repeating-linear-gradient(-45deg,rgba(122,126,131,.05),rgba(122,126,131,.05) 10px,transparent 0,transparent 20px);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);margin-block:var(--space-8)}.ad-slot__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ui)}.breadcrumbs{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-6)}.breadcrumbs__sep{color:var(--color-ui)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.reveal--visible{opacity:1;transform:none}.game-shell{background:#0d0f18;border-radius:var(--radius-lg);overflow:hidden;color:#ffffff;display:flex;flex-direction:column;border:1px solid rgba(75,70,250,.35);box-shadow:0 0 30px rgba(75,70,250,.15)}.game-hud{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);align-items:center;padding:var(--space-3) var(--space-5);background:#12141f;border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--text-sm)}.game-hud__item{display:inline-flex;gap:.35rem;align-items:center;color:rgba(255,255,255,.85)}.game-hud__item strong{color:#ffffff;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-hud__spacer{margin-left:auto}.game-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.game-body h3{color:#ffffff}.game-body p{color:rgba(255,255,255,.82);max-width:70ch}.game-panel{background:#161926;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-5)}.question-options{display:flex;flex-direction:column;gap:var(--space-3)}.question-option{display:flex;align-items:center;gap:var(--space-3);text-align:left;background:#161926;border:2px solid rgba(255,255,255,.15);color:#ffffff;font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;min-height:48px;transition:border-color .12s ease,background-color .12s ease,box-shadow .15s ease}.question-option:hover{border-color:var(--color-primary);box-shadow:0 0 14px rgba(75,70,250,.25)}.question-option--selected{border-color:var(--color-primary);background:rgba(75,70,250,.16)}.question-option--correct{border-color:var(--color-success);background:rgba(46,230,168,.16)}.question-option--wrong{border-color:var(--color-danger);background:rgba(255,92,77,.16)}.question-option__letter{font-weight:700;color:var(--color-accent);font-family:var(--font-mono)}.sequence-slots{display:flex;flex-wrap:wrap;gap:var(--space-3);min-height:52px;border:2px dashed rgba(255,255,255,.25);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.sequence-slot{background:var(--color-primary);color:#ffffff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base)}.sequence-slot__step{color:var(--color-accent);font-family:var(--font-mono);font-weight:700}.feedback-panel{border-left:4px solid var(--color-ui);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5)}.feedback-panel--correct{border-left-color:var(--color-success);background:rgba(46,230,168,.1)}.feedback-panel--wrong{border-left-color:var(--color-danger);background:rgba(255,92,77,.1)}.feedback-panel p{margin:0}.streak-flame{color:var(--color-accent);font-weight:700}.difficulty-dots{display:inline-flex;gap:3px}.difficulty-dots span{width:8px;height:8px;border-radius:50%;background:rgba(122,126,131,.35)}.difficulty-dots span.is-on{background:var(--color-accent);box-shadow:0 0 6px rgba(255,111,75,.6)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.results-stat{background:#161926;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.results-stat__value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);display:block}.results-stat__label{color:rgba(255,255,255,.7);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.print-report{background:#ffffff;color:#111418;border-radius:var(--radius-md);padding:var(--space-6)}.print-report h3,.print-report h4,.print-report p{color:#111418}@media print{body *{visibility:hidden}.print-report,.print-report *{visibility:visible}.print-report{position:absolute;inset:0;width:100%;border:none;padding:0}.no-print{display:none!important}}.knowledge-chain{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);list-style:none;padding:0;margin:var(--space-4) 0}.knowledge-chain li{background:var(--color-surface);border:1px solid var(--color-ui-line);border-radius:var(--radius-pill);padding:.4rem .9rem;font-size:var(--text-sm);font-weight:600}.knowledge-chain__arrow{color:var(--color-accent);font-weight:700;display:inline-block;animation:arrow-pulse 1.6s ease-in-out infinite}@keyframes arrow-pulse{50%{transform:translateX(3px);opacity:.7}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.mt-0{margin-top:0}.teaser{border:2px dashed var(--color-ui-line);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-text-secondary);background:var(--color-surface)}