/* 12.9.3-dev.2: additive grade-responsive visual tokens; no auth or API modifications. */
:root{--tf-blue:#087bff;--tf-night:#071735;--tf-cyan:#00dfff;--tf-gold:#f4be46;--tf-violet:#8247f5;--tf-radius:20px;--tf-glow:rgba(0,223,255,.24)}
body.tf-future{background:radial-gradient(ellipse at 90% 5%,rgba(130,71,245,.24),transparent 42%),radial-gradient(ellipse at 5% 60%,rgba(0,223,255,.14),transparent 50%),#071735!important;color:#f7fbff!important;min-height:100vh}
body.tf-future main,body.tf-future .card,body.tf-future section{border-color:rgba(0,223,255,.24)}
body.tf-future a{color:#85ecff}body.tf-future button,body.tf-future select,body.tf-future input{border-radius:12px}
body.tf-future button:focus-visible,body.tf-future a:focus-visible,body.tf-future select:focus-visible{outline:3px solid #f4be46;outline-offset:3px}
.tf-grade-control{position:relative;z-index:10;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.75rem 1rem;margin:.75rem auto;max-width:1100px;background:#10264be8;border:1px solid #3e7798;border-radius:16px;color:white;font:600 14px system-ui;box-shadow:0 12px 40px #0004}
.tf-grade-control select{color:#071735;background:white;min-height:40px;padding:.35rem .7rem;font:inherit}.tf-grade-control small{color:#d4e9f9}
body.tf-future[data-tf-band=discover]{--tf-radius:28px;--tf-glow:rgba(255,190,70,.30);background:radial-gradient(circle at 10% 20%,#2356a0,transparent 45%),linear-gradient(145deg,#123b75,#322b83)!important}
body.tf-future[data-tf-band=adventure]{background:radial-gradient(circle at 90% 15%,#4734a1,transparent 50%),linear-gradient(135deg,#062857,#0b4882)!important}
body.tf-future[data-tf-band=creator]{background:radial-gradient(circle at 80% 10%,#44308b,transparent 50%),linear-gradient(145deg,#08182f,#08375b)!important}
body.tf-future[data-tf-band=future]{background:radial-gradient(circle at 75% 5%,#20266e,transparent 50%),linear-gradient(145deg,#050b1c,#0c2441)!important}
@media(max-width:600px){.tf-grade-control{margin:.5rem;padding:.6rem}.tf-grade-control select{max-width:100%}}
@media(prefers-reduced-motion:reduce){body.tf-future *,body.tf-future *::before,body.tf-future *::after{animation:none!important;transition:none!important}}

/* dev.36 original scalable age-band environment artwork. Preview only. */
body.tf-future[data-tf-band="discover"]{background:linear-gradient(90deg,rgba(7,23,53,.8),rgba(7,23,53,.3)),url('/assets/holo/world-discover-bg-1920.webp') center/cover fixed!important}
body.tf-future[data-tf-band="adventure"]{background:linear-gradient(90deg,rgba(7,23,53,.84),rgba(7,23,53,.35)),url('/art/dev36/adventure-world.svg') center/cover fixed!important}
body.tf-future[data-tf-band="creator"]{background:linear-gradient(90deg,rgba(7,23,53,.84),rgba(7,23,53,.35)),url('/art/dev36/creator-world.svg') center/cover fixed!important}
body.tf-future[data-tf-band="future"]{background:linear-gradient(90deg,rgba(7,23,53,.84),rgba(7,23,53,.35)),url('/art/dev36/future-world.svg') center/cover fixed!important}
@media(max-width:700px){body.tf-future[data-tf-band]{background-attachment:scroll!important}}