@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";.q-overlay{--q-primary:#5b5bf0;--q-secondary:#18b6a4;--q-accent:#ffb627;--q-bg:#16163a;--q-on-primary:#fff;--q-on-accent:#1d1b33}.q-overlay,.q-hud,.q-card,.q-tokens,.creator-quest{--q-p:var(--q-primary,#5b5bf0);--q-s:var(--q-secondary,#18b6a4);--q-a:var(--q-accent,#ffb627);--q-base:color-mix(in oklab, var(--q-p) 11%, #05070f);--q-base-2:color-mix(in oklab, var(--q-p) 20%, #0a0d1a);--q-primary-lite:color-mix(in oklab, var(--q-p) 55%, #fff);--q-primary-deep:color-mix(in oklab, var(--q-p) 62%, #000);--q-secondary-lite:color-mix(in oklab, var(--q-s) 58%, #fff);--q-accent-lite:color-mix(in oklab, var(--q-a) 58%, #fff);--q-accent-deep:color-mix(in oklab, var(--q-a) 64%, #000);--q-text:#f5f7fd;--q-text-2:#e4e9fac2;--q-text-3:#e4e9fa85;--q-line:#ffffff1f;--q-line-2:#ffffff38;--q-glass-bg:color-mix(in oklab, var(--q-base) 66%, transparent);--q-glass-sheen:linear-gradient(180deg, #ffffff1a, #ffffff06 42%);--q-hi:inset 0 1px 0 #ffffff24;--q-depth:0 30px 70px -28px #000c, 0 2px 8px #00000040;--q-good:#45e3a6;--q-try:#ffb25e;--q-display:"Outfit", "Manrope", var(--font-sans,ui-sans-serif), system-ui, sans-serif;--q-body:"Manrope", var(--font-sans,ui-sans-serif), system-ui, sans-serif;--q-spring:cubic-bezier(.34, 1.56, .64, 1);--q-out:cubic-bezier(.16, 1, .3, 1);--q-ridge-far-top:color-mix(in oklab, var(--q-p) 42%, #262a46);--q-ridge-far:color-mix(in oklab, var(--q-p) 26%, #0e1020);--q-ridge-mid-top:color-mix(in oklab, var(--q-s) 30%, #151829);--q-ridge-mid:color-mix(in oklab, var(--q-p) 18%, #080a14);--q-ridge-near-top:color-mix(in oklab, var(--q-p) 20%, #0b0d18);--q-ridge-near:#030409}.q-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.q-icon{vertical-align:-.15em;flex:none;display:inline-block}.q-glass{background:var(--q-glass-sheen), var(--q-glass-bg);border:1px solid var(--q-line);box-shadow:var(--q-hi), var(--q-depth);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4)}.q-overlay{--q-scale:1;--q-radius:24px;z-index:1000;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));box-sizing:border-box;isolation:isolate;color:var(--q-text);background:var(--q-base);font-family:var(--q-body);text-align:center;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.4s ease-out both q-fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.q-overlay *,.q-overlay :before,.q-overlay :after{box-sizing:border-box}.q-overlay>*{z-index:2;position:relative}.q-overlay[data-age=little]{--q-scale:1.18;--q-radius:32px}.q-overlay[data-age=teen]{--q-scale:.92;--q-radius:16px}.q-map{z-index:1000}.q-intro{z-index:1010;cursor:pointer}.q-surprise{z-index:1020}.q-celebrate{z-index:1030}.q-finale{z-index:1040}.q-kicker{font-size:calc(12px * var(--q-scale));letter-spacing:.26em;text-transform:uppercase;color:var(--q-accent-lite);align-items:center;gap:10px;font-weight:700;display:inline-flex}.q-kicker:before{content:"";background:var(--q-a);width:22px;height:2px;box-shadow:0 0 10px var(--q-a);border-radius:2px}.q-cta{min-height:calc(58px * var(--q-scale));isolation:isolate;background:linear-gradient(180deg, var(--q-accent-lite) 0%, var(--q-a) 46%, color-mix(in oklab, var(--q-a) 82%, #000) 100%);min-width:min(300px,100%);color:var(--q-on-accent,#14121f);font-family:var(--q-display);font-size:calc(20px * var(--q-scale));letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffa6, inset 0 -2px 0 #00000029, 0 0 0 1px color-mix(in oklab, var(--q-a) 70%, #000), 0 12px 34px -8px color-mix(in srgb, var(--q-a) 75%, transparent), 0 0 60px -10px color-mix(in srgb, var(--q-a) 55%, transparent);transition:transform .25s var(--q-spring), box-shadow .25s ease, filter .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 34px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.q-cta:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 30%,#ffffff8c 48%,#0000 64%);animation:3.6s ease-in-out 1s infinite q-sheen;position:absolute;inset:0;transform:translate(-120%)}.q-cta .q-icon{transition:transform .25s var(--q-spring)}.q-cta:hover{filter:brightness(1.06);transform:translateY(-2px)}.q-cta:hover .q-icon{transform:translate(3px)}.q-cta:active{transition-duration:80ms;transform:translateY(1px)scale(.97)}.q-cta:focus-visible,.q-skip:focus-visible,.q-box:focus-visible{outline:2px solid color-mix(in srgb, var(--q-accent-lite) 85%, #fff);outline-offset:3px}.q-overlay[data-age=teen] .q-cta{letter-spacing:.01em;border-radius:14px;font-size:17px}.q-overlay[data-age=little] .q-cta{min-height:72px;font-size:26px}.q-skip{top:max(18px, env(safe-area-inset-top));min-height:44px;color:var(--q-text);font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:0 20px;font-size:13px;font-weight:700;right:18px;z-index:6!important;position:absolute!important}.q-world{pointer-events:none;background:var(--q-base);inset:0;overflow:hidden;z-index:0!important;position:absolute!important}.q-world>*{position:absolute;inset:0}.q-world-sky{background:radial-gradient(70% 55% at 72% 62%, color-mix(in srgb, var(--q-a) 42%, transparent), transparent 70%), radial-gradient(60% 50% at 22% 30%, color-mix(in srgb, var(--q-p) 55%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in oklab, var(--q-p) 22%, #03040a) 0%, color-mix(in oklab, var(--q-p) 46%, #0d1022) 46%, color-mix(in oklab, var(--q-a) 34%, var(--q-p)) 66%, color-mix(in oklab, var(--q-p) 20%, #05060c) 100%)}.q-world-aurora i{filter:blur(60px);opacity:.55;mix-blend-mode:screen;border-radius:50%;width:70%;height:46%;position:absolute}.q-world-aurora i:first-child{background:color-mix(in srgb, var(--q-s) 70%, transparent);animation:18s ease-in-out infinite alternate q-aurora;top:4%;left:-10%}.q-world-aurora i:last-child{background:color-mix(in srgb, var(--q-p) 80%, transparent);animation:22s ease-in-out -6s infinite alternate-reverse q-aurora;top:14%;right:-12%}.q-world-stars{opacity:.55;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 28% 8%,#fff 50%,#0000 51%),radial-gradient(1.4px 1.4px at 46% 22%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 63% 12%,#fff 50%,#0000 51%),radial-gradient(1.6px 1.6px at 81% 26%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 91% 6%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 6% 38%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 37% 34%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 72% 40%,#fff 50%,#0000 51%);background-size:640px 420px;animation:6s ease-in-out infinite alternate q-twinkle-field;-webkit-mask-image:linear-gradient(#000 0%,#0000 60%);mask-image:linear-gradient(#000 0%,#0000 60%)}.q-world-ridges{width:104%;height:62%;top:auto!important;left:-2%!important}.q-ridge[data-depth=far]{opacity:.9}.q-world-fog{background:linear-gradient(180deg, transparent 42%, color-mix(in srgb, var(--q-a) 16%, transparent) 60%, transparent 74%), radial-gradient(80% 40% at 50% 100%, color-mix(in srgb, var(--q-p) 30%, transparent), transparent);mix-blend-mode:screen}.q-world-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.1s}.q-world[data-art=ready] .q-world-img{opacity:1}.q-world-grade{background:linear-gradient(180deg, color-mix(in srgb, var(--q-p) 14%, transparent), transparent 40%, color-mix(in srgb, var(--q-base) 30%, transparent))}.q-world-vignette{background:radial-gradient(120% 90% at 50% 45%, transparent 45%, color-mix(in srgb, var(--q-base) 85%, transparent) 100%)}.q-world[data-motion=drift]>:is(.q-world-img,.q-world-ridges,.q-world-sky){animation:40s ease-in-out infinite alternate q-drift}.q-world[data-motion=kenburns]>:not(.q-world-vignette):not(.q-world-grade){transform-origin:62% 55%;animation:q-kenburns calc(var(--q-duration,12s) * 1.6) var(--q-out) both}.q-bloom{--bloom:1;pointer-events:none;width:0;height:0;top:50%;left:50%;z-index:1!important;position:absolute!important}.q-bloom>i{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.q-bloom-core{width:calc(64vmin * var(--bloom));height:calc(64vmin * var(--bloom));background:radial-gradient(circle, #ffffffe6 0%, color-mix(in srgb, var(--q-accent-lite) 70%, transparent) 8%, color-mix(in srgb, var(--q-a) 36%, transparent) 26%, color-mix(in srgb, var(--q-p) 16%, transparent) 48%, transparent 68%);mix-blend-mode:screen;animation:q-bloom-in .9s var(--q-out) both}.q-bloom-rays{width:calc(150vmax * var(--bloom));height:calc(150vmax * var(--bloom));background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--q-accent-lite) 30%, transparent) 0deg 1.2deg, transparent 1.2deg 9deg, color-mix(in srgb, var(--q-accent-lite) 14%, transparent) 9deg 11deg, transparent 11deg 23deg);filter:blur(1.5px);opacity:.5;mix-blend-mode:screen;animation:q-rays-in 1.2s var(--q-out) both, q-spin 40s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 0%,#00000059 12%,#0000 30%);mask-image:radial-gradient(circle,#000 0%,#00000059 12%,#0000 30%)}.q-bloom-ring{border:2px solid color-mix(in srgb, var(--q-accent-lite) 85%, transparent);width:12vmin;height:12vmin;box-shadow:0 0 24px color-mix(in srgb, var(--q-a) 60%, transparent), inset 0 0 18px color-mix(in srgb, var(--q-a) 40%, transparent);opacity:0;animation:q-shock 1.1s 50ms var(--q-out) both}.q-bloom-ring[data-late=true]{border-width:1px;animation-delay:.28s}.q-burst{z-index:2;pointer-events:none;inset:0;overflow:hidden;position:absolute!important}.q-piece{--c:var(--q-accent-lite);opacity:0;pointer-events:none;display:block;position:absolute;top:50%;left:50%}.q-piece[data-tone="1"]{--c:#fff}.q-piece[data-tone="2"]{--c:var(--q-secondary-lite)}.q-piece[data-kind=spark]{width:calc(34px * var(--s));background:linear-gradient(90deg, transparent, var(--c) 70%, #fff);height:2px;box-shadow:0 0 8px var(--c);transform-origin:0;animation:q-spark var(--t) var(--d) var(--q-out) forwards;border-radius:2px;margin-top:-1px}.q-piece[data-kind=glint]{width:calc(22px * var(--s));height:calc(22px * var(--s));background:var(--c);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 6px var(--c));animation:q-glint calc(var(--t) * 1.2) var(--d) ease-out forwards}.q-piece[data-kind=bokeh]{width:calc(46px * var(--s));height:calc(46px * var(--s));background:radial-gradient(circle, color-mix(in srgb, var(--c) 70%, transparent) 0%, color-mix(in srgb, var(--c) 20%, transparent) 55%, transparent 70%);mix-blend-mode:screen;animation:q-bokeh calc(var(--t) * 1.6) var(--d) ease-out forwards;border-radius:50%}.q-piece[data-kind=ember]{width:calc(6px * var(--s) + 2px);height:calc(6px * var(--s) + 2px);box-shadow:0 0 6px var(--c), 0 0 14px var(--c);animation:q-ember calc(var(--t) * 1.4) var(--d) cubic-bezier(.2, .7, .4, 1) forwards;background:#fff;border-radius:50%}.q-overlay[data-motion=reduced] .q-piece{width:calc(16px * var(--s));height:calc(16px * var(--s));background:var(--c);box-shadow:none;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);animation:q-twinkle 1.8s var(--d) ease-in-out both;border-radius:0;margin:0;transform:translate(-50%,-50%)}.q-emblem{width:calc(104px * var(--q-scale));height:calc(104px * var(--q-scale));color:var(--q-on-accent,#14121f);background:radial-gradient(circle at 34% 28%, #fff 0%, var(--q-accent-lite) 22%, var(--q-a) 52%, var(--q-accent-deep) 100%);box-shadow:inset 0 2px 0 #fff9, inset 0 -6px 14px #00000040, 0 0 0 1px #ffffff40, 0 0 50px color-mix(in srgb, var(--q-a) 70%, transparent), 0 0 120px color-mix(in srgb, var(--q-a) 35%, transparent);animation:q-pop-in .7s var(--q-spring) both;border-radius:50%;place-items:center;display:grid;position:relative}.q-emblem-ring{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--q-accent-lite) 90%, transparent) 70deg, transparent 140deg, transparent 200deg, color-mix(in srgb, var(--q-secondary-lite) 70%, transparent) 260deg, transparent 320deg);border-radius:50%;animation:3.2s linear infinite q-turn;position:absolute;inset:-14px;-webkit-mask:radial-gradient(circle,#0000 calc(70.7% - 3px),#000 calc(70.7% - 2px));mask:radial-gradient(circle,#0000 calc(70.7% - 3px),#000 calc(70.7% - 2px))}.q-emblem-icon{filter:drop-shadow(0 1px #ffffff80)}.q-map{justify-content:space-between;gap:4px;padding-inline:clamp(16px,3vw,40px)}.q-map-world .q-world-vignette{background:linear-gradient(180deg, color-mix(in srgb, var(--q-base) 82%, transparent) 0%, transparent 24%, transparent 70%, color-mix(in srgb, var(--q-base) 90%, transparent) 100%), radial-gradient(110% 85% at 50% 50%, color-mix(in srgb, var(--q-base) 14%, transparent) 35%, color-mix(in srgb, var(--q-base) 78%, transparent) 100%)}.q-map-world[data-art=ready] .q-world-grade{background:color-mix(in srgb, var(--q-base) 22%, transparent)}.q-map-header{text-align:left;width:min(1180px,100%);animation:q-rise .7s .1s var(--q-out) both;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.q-map-titles{min-width:0}.q-map-header h1{font-family:var(--q-display);font-size:calc(clamp(28px, 4.2vw, 54px) * var(--q-scale));letter-spacing:-.035em;color:#fff;background:linear-gradient(180deg, #fff 40%, var(--q-accent-lite) 130%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 22px #0000008c);text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:8px 0 6px;padding-inline:.08em;font-weight:800;line-height:1.02}.q-map-header p{font-size:calc(15px * var(--q-scale));color:var(--q-text-2);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.q-map-sidekick{border:1px solid var(--q-line);background:#ffffff1a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:inline-grid}.q-map-points{font-family:var(--q-display);font-size:calc(18px * var(--q-scale));font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 16px;font-weight:700;display:inline-flex}.q-map-points .q-icon{color:var(--q-a);filter:drop-shadow(0 0 6px var(--q-a))}.q-map-svg{flex:auto;width:100%;max-width:1240px;min-height:0;overflow:visible}.q-map-svg text{font-family:var(--q-display);paint-order:stroke;stroke:#03040ab8;stroke-linejoin:round}.q-map-mote{fill:#fff;opacity:0;animation:9s ease-in-out infinite q-mote}.q-map-road-glow{fill:none;stroke:#00000080;stroke-width:30px;stroke-linecap:round}.q-map-seg[data-lit=true] .q-map-road-glow{stroke:var(--q-a);stroke-width:24px;opacity:.55}.q-map-road{fill:none;stroke:#ffffff1a;stroke-width:16px;stroke-linecap:round}.q-map-dash{fill:none;stroke:#ffffff9e;stroke-width:4px;stroke-linecap:round;stroke-dasharray:.1 15}.q-map-dash[data-lit=true]{stroke-width:6px;stroke-dasharray:none}.q-map-flow{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:26 520;opacity:.9;animation:2.8s linear infinite q-flow}.q-map-shadow{fill:#0000008c;filter:blur(8px)}.q-map-node[data-state=locked] .q-map-disc{fill:#0c0e1adb}.q-map-sheen{fill:none;stroke:#fff3;stroke-width:1.2px}.q-map-ring{fill:none;stroke:#ffffff52;stroke-width:2px}.q-map-node[data-state=current] .q-map-ring{stroke:var(--q-accent-lite);stroke-width:3.5px;filter:drop-shadow(0 0 8px var(--q-a))}.q-map-node[data-state=complete] .q-map-ring{stroke:var(--q-secondary-lite);stroke-width:2.5px;filter:drop-shadow(0 0 6px var(--q-s))}.q-map-node[data-state=complete] .q-map-thumb{filter:saturate(.8)brightness(.88)}.q-map-num{fill:var(--q-on-accent,#14121f);letter-spacing:-.02em;font-weight:800;stroke:none!important}.q-map-check{fill:none;stroke:#fff;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #0006)}.q-map-lock path:first-child{fill:none;stroke:#e8ecfa8c;stroke-width:2.6px;vector-effect:non-scaling-stroke}.q-map-lock path:last-child{fill:#e8ecfa8c}.q-map-badge circle{fill:var(--q-a);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 2px 6px #00000080)}.q-map-node[data-state=complete] .q-map-badge circle{fill:var(--q-s)}.q-map-badge text{fill:var(--q-on-accent,#14121f);font-weight:800;stroke:none!important}.q-map-badge path{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.q-map-title{fill:#fff;stroke-width:5px;letter-spacing:-.01em;font-weight:700}.q-map-landmark{fill:var(--q-accent-lite);letter-spacing:.16em;text-transform:uppercase;stroke-width:4px;font-weight:700}.q-map-node[data-state=locked] .q-map-title{fill:#e8ecfaa8}.q-map-node[data-state=locked] .q-map-landmark{fill:#e8ecfa6b}.q-map-aura{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite q-breathe}.q-map-pulse{fill:none;stroke:var(--q-accent-lite);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:q-pulse 2.4s var(--q-out) infinite}.q-map-pulse[data-late=true]{animation-delay:1.2s}.q-map-avatar-bob{animation:2.2s ease-in-out infinite q-bob}.q-map-avatar-disc{fill:#080a14d1;stroke:var(--q-accent-lite);stroke-width:2.5px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--q-a) 80%, transparent)) drop-shadow(0 8px 10px #00000080)}.q-map-avatar-tip{fill:var(--q-accent-lite)}.q-map-hero{stroke:none!important}.q-map-gem-halo{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite q-breathe}.q-map-gem-plinth{fill:#00000080;filter:blur(5px)}.q-map-gem-body{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--q-a) 70%, transparent));animation:3.2s ease-in-out infinite q-hover}.q-map-treasure[data-open=false] .q-map-gem-body{filter:saturate(.6) brightness(.85) drop-shadow(0 0 10px color-mix(in srgb, var(--q-a) 40%, transparent))}.q-map-gem-ring{fill:none;stroke:var(--q-accent-lite);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:q-pulse 1.8s var(--q-out) infinite}.q-map-dock{width:min(440px,100%);animation:q-rise .7s .25s var(--q-out) both;flex-direction:column;align-items:center;gap:10px;padding-bottom:6px;display:flex}.q-map-dock .q-cta{width:100%}.q-map-next{max-width:100%;font-size:calc(14px * var(--q-scale));color:var(--q-text-2);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:10px;margin:0;font-weight:600;display:flex;overflow:hidden}.q-map-next span{letter-spacing:.2em;text-transform:uppercase;color:var(--q-accent-lite);background:color-mix(in srgb, var(--q-a) 16%, transparent);border:1px solid color-mix(in srgb, var(--q-a) 36%, transparent);border-radius:999px;flex:none;padding:3px 9px;font-size:10px;font-weight:800}.q-map[data-age=little] .q-map-header{text-align:center;justify-content:center}.q-map[data-age=little] .q-map-header p{justify-content:center}.q-map[data-age=little] .q-map-points{position:absolute;top:0;right:0}.q-map{container-type:size}@container (height<=640px){.q-map .q-map-header h1{font-size:calc(30px * var(--q-scale));margin:4px 0 0}.q-map .q-map-header p,.q-map .q-map-next{display:none}.q-map .q-map-points{padding:6px 12px;font-size:15px}.q-map .q-map-dock .q-cta{min-height:52px}}.q-intro{background:#000;justify-content:flex-end;align-items:flex-start;padding:0}.q-intro-world{animation:.6s ease-out both q-fade-in}.q-intro-world .q-world-vignette{background:radial-gradient(130% 100% at 60% 40%,#0000 40%,#000000b3 100%)}.q-intro-scrim{background:linear-gradient(#0000 25%,#00000014 38%,#0000008c 70%,#000000e6 100%),linear-gradient(90deg,#00000080 0%,#0000 60%);inset:0;z-index:1!important;position:absolute!important}.q-intro-sweep{background:linear-gradient(100deg, transparent 38%, color-mix(in srgb, var(--q-accent-lite) 22%, transparent) 48%, #ffffff1f 50%, transparent 60%);mix-blend-mode:screen;animation:q-sweep calc(var(--q-duration) * .8) .25s ease-in-out both;inset:-20% -40%;z-index:1!important;position:absolute!important}.q-intro-numeral{font-family:var(--q-display);letter-spacing:-.06em;color:#0000;background:linear-gradient(180deg, #ffffff29, color-mix(in srgb, var(--q-accent-lite) 8%, transparent) 55%, transparent 85%);mix-blend-mode:overlay;pointer-events:none;-webkit-user-select:none;user-select:none;animation:q-numeral calc(var(--q-duration) * 1.2) var(--q-out) both;-webkit-background-clip:text;background-clip:text;font-size:min(40vw,64vh);font-weight:800;line-height:.8;top:50%;right:4vw;transform:translateY(-58%);z-index:1!important;position:absolute!important}@keyframes q-numeral{0%{opacity:0;transform:translate(6%,-58%)}to{opacity:1;transform:translateY(-58%)}}.q-letterbox{height:7.5vh;animation:q-letterbox .7s var(--q-out) both;background:#000;left:0;right:0;z-index:3!important;position:absolute!important}.q-letterbox[data-edge=top]{transform-origin:top;top:0}.q-letterbox[data-edge=bottom]{transform-origin:bottom;bottom:0}.q-intro-card{text-align:left;max-width:min(980px,100% - 40px);margin:0 0 calc(7.5vh + clamp(24px,5vh,56px)) clamp(20px,7vw,110px);z-index:4!important}.q-intro-kicker{font-size:calc(14px * var(--q-scale));letter-spacing:.32em;text-transform:uppercase;color:var(--q-accent-lite);animation:q-slide-in .7s .15s var(--q-out) both;align-items:center;gap:14px;font-weight:700;display:inline-flex}.q-intro-kicker:before{content:"";background:var(--q-a);width:42px;height:2px;box-shadow:0 0 12px var(--q-a);border-radius:2px}.q-intro-title{font-family:var(--q-display);font-size:calc(clamp(40px, 7.6vw, 108px) * var(--q-scale));letter-spacing:-.04em;color:#fff;text-shadow:0 6px 40px #0000008c, 0 0 70px color-mix(in srgb, var(--q-a) 32%, transparent);overflow-wrap:anywhere;text-wrap:balance;animation:q-title-in .75s .15s var(--q-out) both;margin:14px 0 12px;font-weight:800;line-height:.98}.q-intro-goal{max-width:44ch;font-size:calc(clamp(16px, 1.8vw, 23px) * var(--q-scale));color:#f0f3ffdb;animation:q-rise .6s .45s var(--q-out) both;margin:0;font-weight:500;line-height:1.45}.q-intro-place{letter-spacing:.2em;text-transform:uppercase;color:var(--q-text-2);border:1px solid var(--q-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:q-rise .6s .6s var(--q-out) both;background:#ffffff14;border-radius:999px;align-items:center;gap:7px;margin-top:18px;padding:6px 12px 6px 10px;font-size:11px;font-weight:700;display:inline-flex}.q-intro-place .q-icon{color:var(--q-a)}.q-intro .q-skip{top:calc(7.5vh + 14px)}.q-intro-timer{background:linear-gradient(90deg, transparent, var(--q-a));width:100%;height:2px;box-shadow:0 0 12px var(--q-a);transform-origin:0;animation:q-timer var(--q-duration) linear both;bottom:7.5vh;left:0;z-index:4!important;position:absolute!important}.q-intro[data-age=little] .q-intro-card{text-align:center;align-self:center;margin-inline:20px}.q-intro[data-age=little] .q-intro-goal{margin-inline:auto}.q-celebrate{cursor:pointer;animation:q-fade-in .25s ease-out both, q-fade-out .45s ease-in calc(var(--q-duration) - .45s) forwards;background:0 0}.q-celebrate-veil{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--q-base) 70%, transparent) 0%, color-mix(in srgb, var(--q-base) 92%, transparent) 75%);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);inset:0;z-index:0!important;position:absolute!important}.q-celebrate[data-passive=true]{pointer-events:none}.q-celebrate[data-passive=true] .q-celebrate-veil{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--q-base) 78%, transparent) 0%, color-mix(in srgb, var(--q-base) 40%, transparent) 38%, transparent 62%);-webkit-backdrop-filter:none;backdrop-filter:none}.q-celebrate-word{flex-direction:column;align-items:center;gap:14px;max-width:100%;display:flex;z-index:3!important}.q-celebrate-word strong{font-family:var(--q-display);font-size:calc(clamp(44px, 8vw, 116px) * var(--q-scale));letter-spacing:-.045em;color:#fff;background:linear-gradient(180deg, #fff 35%, var(--q-accent-lite) 115%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px color-mix(in srgb, var(--q-a) 60%, transparent)) drop-shadow(0 8px 30px #00000080);text-wrap:balance;animation:q-title-in .8s .12s var(--q-out) both;-webkit-background-clip:text;background-clip:text;margin-top:10px;padding-inline:.08em;font-weight:800;line-height:1;display:block}.q-celebrate-sub{font-size:calc(13px * var(--q-scale));letter-spacing:.3em;text-transform:uppercase;color:var(--q-text-2);animation:q-rise .6s .4s var(--q-out) both;align-items:center;gap:14px;font-weight:700;display:inline-flex}.q-celebrate-sub:before,.q-celebrate-sub:after{content:"";background:linear-gradient(90deg, transparent, var(--q-accent-lite));width:28px;height:1px}.q-celebrate-sub:after{transform:scaleX(-1)}.q-celebrate[data-kind=correct] .q-emblem{width:calc(72px * var(--q-scale));height:calc(72px * var(--q-scale));background:radial-gradient(circle at 34% 28%, #fff 0%, #b4f7dc 26%, var(--q-good) 60%, #0f7a52 100%);color:#03140c;box-shadow:inset 0 2px #fff9,0 0 40px #45e3a699}.q-celebrate[data-kind=correct] .q-celebrate-word strong{font-size:calc(clamp(30px, 4.6vw, 60px) * var(--q-scale));margin-top:4px}.q-celebrate[data-kind=finale] .q-emblem{width:calc(128px * var(--q-scale));height:calc(128px * var(--q-scale))}.q-overlay[data-age=teen] .q-celebrate-word strong{letter-spacing:-.035em}.q-surprise{background:0 0;gap:10px}.q-surprise-veil{background:radial-gradient(60% 50% at 50% 48%, color-mix(in srgb, var(--q-p) 34%, transparent), transparent 70%), color-mix(in srgb, var(--q-base) 84%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);inset:0;z-index:0!important;position:absolute!important}.q-surprise-banner{font-size:calc(13px * var(--q-scale));letter-spacing:.34em;text-transform:uppercase;color:var(--q-accent-lite);text-shadow:0 0 18px color-mix(in srgb, var(--q-a) 70%, transparent);animation:q-rise .6s 50ms var(--q-out) both;align-items:center;gap:14px;font-weight:800;display:inline-flex}.q-surprise-banner:before,.q-surprise-banner:after{content:"";background:linear-gradient(90deg, transparent, var(--q-a));width:36px;height:1px}.q-surprise-banner:after{transform:scaleX(-1)}.q-surprise-title{max-width:18ch;font-family:var(--q-display);font-size:calc(clamp(28px, 4.6vw, 54px) * var(--q-scale));letter-spacing:-.035em;color:#fff;text-shadow:0 4px 30px #00000080;text-wrap:balance;animation:q-title-in .8s .15s var(--q-out) both;margin:0 0 4px;font-weight:800;line-height:1.04}.q-box{width:min(calc(340px * var(--q-scale)), 78vw);cursor:pointer;animation:q-pop-in .8s .2s var(--q-spring) both;background:0 0;border:0;border-radius:24px;padding:0;position:relative}.q-box:disabled{cursor:default}.q-chest-art{width:100%;height:auto;display:block;overflow:visible}.q-box[data-open=false] .q-chest-art{animation:2.6s ease-in-out infinite q-hum}.q-box[data-open=false]:hover .q-chest-art{animation-duration:.9s}.q-chest-seam{fill:var(--q-accent-lite);filter:drop-shadow(0 0 6px var(--q-a)) drop-shadow(0 0 14px var(--q-a));animation:1.6s ease-in-out infinite q-breathe}.q-chest-art[data-open=true] .q-chest-seam{opacity:0}.q-chest-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .75s var(--q-spring)}.q-chest-art[data-open=true] .q-chest-lid{transform:translate(-4px,-30px)rotate(-18deg)}.q-mystery-art[data-open=true] .q-chest-lid{transform:translate(10px,-58px)rotate(14deg)}.q-chest-lock{transition:opacity .3s, transform .5s var(--q-out)}.q-chest-art[data-open=true] .q-chest-lock{opacity:0;transform:translateY(12px)}.q-chest-glow{transform-box:fill-box;transform-origin:50%;opacity:.35;animation:2.4s ease-in-out infinite q-breathe}.q-chest-art[data-open=true] .q-chest-glow{opacity:1;transition:transform .8s var(--q-out);animation:none;transform:scale(1.35)}.q-chest-beam{transform-box:fill-box;transform-origin:50% 100%;opacity:0;mix-blend-mode:screen}.q-chest-art[data-open=true] .q-chest-beam{animation:q-beam .9s .1s var(--q-out) both}.q-mystery-mark{fill:#ffffffe6;font-family:var(--q-display);filter:drop-shadow(0 0 8px #fff9)}.q-reward-pop{width:calc(92px * var(--q-scale));height:calc(92px * var(--q-scale));font-size:calc(50px * var(--q-scale));animation:q-reward-rise .9s .15s var(--q-spring) both;filter:drop-shadow(0 6px 16px #00000080);place-items:center;line-height:1;display:grid;position:absolute;top:18%;left:50%}.q-reward-pop i{z-index:-1;background:radial-gradient(circle, #ffffffd9 0%, color-mix(in srgb, var(--q-a) 55%, transparent) 30%, transparent 68%);border-radius:50%;animation:1.8s ease-in-out infinite q-breathe;position:absolute;inset:-30%}.q-surprise-icon{width:calc(150px * var(--q-scale));height:calc(150px * var(--q-scale));color:#fff;background:radial-gradient(circle at 34% 28%, var(--q-primary-lite) 0%, var(--q-p) 48%, var(--q-primary-deep) 100%);box-shadow:inset 0 2px 0 #fff6, inset 0 -10px 24px #00000059, 0 0 0 1px #fff3, 0 0 80px color-mix(in srgb, var(--q-a) 45%, transparent);animation:q-pop-in .8s .15s var(--q-spring) both;border-radius:50%;place-items:center;margin:12px 0;display:grid;position:relative}.q-surprise-icon .q-icon{color:var(--q-accent-lite);filter:drop-shadow(0 0 14px var(--q-a))}.q-surprise[data-kind=streak] .q-surprise-icon .q-icon{color:#ffb04a;filter:drop-shadow(0 0 14px #ff7a1a)}.q-surprise-icon .q-emblem-ring{inset:-16px}.q-surprise-hint{font-size:calc(12px * var(--q-scale));letter-spacing:.26em;text-transform:uppercase;color:var(--q-text-2);margin:4px 0 0;font-weight:700;animation:1.8s ease-in-out infinite q-breathe}.q-reward-card{text-align:left;width:min(440px,100%);animation:q-rise .6s .35s var(--q-out) both;border-radius:22px;align-items:center;gap:16px;padding:14px 20px 14px 14px;display:flex}.q-reward-card strong{font-family:var(--q-display);font-size:calc(20px * var(--q-scale));letter-spacing:-.01em;color:#fff;font-weight:700;display:block}.q-reward-card p{color:var(--q-text-2);margin:2px 0 8px;font-size:14px;line-height:1.4}.q-reward-emoji{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--q-a) 30%, transparent), #ffffff0a 70%);border:1px solid var(--q-line-2);width:60px;height:60px;box-shadow:var(--q-hi);border-radius:18px;flex:none;place-items:center;font-size:32px;display:grid}.q-reward-points{color:var(--q-accent-lite);background:color-mix(in srgb, var(--q-a) 16%, transparent);border:1px solid color-mix(in srgb, var(--q-a) 40%, transparent);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.q-surprise .q-cta{animation:q-rise .6s .5s var(--q-out) both;margin-top:6px}.q-finale{padding:0}.q-finale-world .q-world-vignette{background:radial-gradient(90% 80% at 50% 40%, color-mix(in srgb, var(--q-base) 40%, transparent) 20%, color-mix(in srgb, var(--q-base) 92%, transparent) 100%)}.q-finale-scrim{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--q-base) 55%, transparent) 100%);inset:0;z-index:1!important;position:absolute!important}.q-finale-inner{border-radius:calc(var(--q-radius) + 8px);background:var(--q-glass-sheen), color-mix(in oklab, var(--q-base) 62%, transparent);border:1px solid var(--q-line);width:min(700px,100% - 32px);max-height:calc(100% - 32px);box-shadow:var(--q-hi), var(--q-depth);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);scrollbar-width:thin;animation:q-rise .8s .1s var(--q-out) both;flex-direction:column;align-items:center;gap:12px;padding:clamp(20px,3vw,36px);display:flex;overflow-y:auto;z-index:3!important}.q-finale h1{font-family:var(--q-display);font-size:calc(clamp(28px, 4.2vw, 46px) * var(--q-scale));letter-spacing:-.035em;background:linear-gradient(180deg, #fff 40%, var(--q-accent-lite) 125%);-webkit-text-fill-color:transparent;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;padding-inline:.08em;font-weight:800;line-height:1.06}.q-finale-stage{height:calc(190px * var(--q-scale));flex:none;place-items:center;width:100%;margin-bottom:4px;display:grid;position:relative}.q-finale-stage .q-bloom{--bloom:.6}.q-finale-stage .q-bloom-rays,.q-finale-stage .q-bloom-ring{display:none}.q-trophy{z-index:2;width:calc(150px * var(--q-scale));animation:q-pop-in .9s .2s var(--q-spring) both, q-hover 3.6s 1.2s ease-in-out infinite;position:relative}.q-trophy-art{filter:drop-shadow(0 18px 24px #0000008c)drop-shadow(0 0 30px #f3c55a73);width:100%;height:auto;display:block;position:relative}.q-trophy-rays{aspect-ratio:1;filter:blur(1px);background:repeating-conic-gradient(#fff0c829 0deg 1.5deg,#0000 1.5deg 12deg);border-radius:50%;width:260%;animation:30s linear infinite q-spin;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 6%,#0000 46%);mask-image:radial-gradient(circle,#000 6%,#0000 46%)}.q-trophy-shine{animation:3.4s ease-in-out 1s infinite q-shine}.q-trophy-face{aspect-ratio:1;width:30%;font-size:calc(22px * var(--q-scale));background:radial-gradient(circle at 40% 35%,#3a2a12,#160e04);border-radius:50%;place-items:center;display:grid;position:absolute;top:19%;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #f8d777,inset 0 2px 6px #0009}.q-finale-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:6px 0 2px;display:grid}.q-finale-stats div{border:1px solid var(--q-line);box-shadow:var(--q-hi);background:#ffffff0d;border-radius:18px;padding:14px 10px 12px}.q-finale-stats dt{letter-spacing:.2em;text-transform:uppercase;color:var(--q-text-3);font-size:11px;font-weight:700}.q-finale-stats dd{font-family:var(--q-display);font-size:calc(34px * var(--q-scale));letter-spacing:-.02em;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:6px;margin:6px 0 0;font-weight:800;line-height:1;display:flex}.q-finale-stats dd small{color:var(--q-text-3);margin-left:-4px;font-size:.55em;font-weight:600}.q-finale-stats dd .q-icon{color:var(--q-a);filter:drop-shadow(0 0 8px var(--q-a));align-self:center}.q-finale-rewards{flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.q-finale-rewards li{border:1px solid var(--q-line);animation:q-pop-in .5s var(--q-spring) both;background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:14px;font-weight:700;display:inline-flex}.q-finale-rewards li span{background:color-mix(in srgb, var(--q-a) 20%, transparent);border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.q-finale-catch{color:var(--q-text-2);align-items:center;gap:8px;margin:6px 0 8px;font-size:15px;font-style:italic;display:inline-flex}.q-hud{min-height:52px;color:var(--q-text);font-family:var(--q-body);background:var(--q-glass-sheen), color-mix(in oklab, var(--q-base) 62%, transparent);border:1px solid var(--q-line);box-shadow:var(--q-hi), 0 18px 40px -22px #000c;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;align-items:center;gap:14px;padding:6px 8px 6px 6px;font-weight:700;display:flex}.q-hud[data-age=little]{gap:16px;min-height:60px}.q-hud[data-age=teen]{border-radius:16px;min-height:46px}.q-hud-hero{background:radial-gradient(circle at 35% 30%, var(--q-primary-lite), var(--q-p) 55%, var(--q-primary-deep));width:40px;height:40px;box-shadow:inset 0 1px 0 #fff6, 0 0 0 1px #ffffff29, 0 0 18px color-mix(in srgb, var(--q-p) 60%, transparent);border-radius:50%;flex:none;place-items:center;font-size:21px;display:grid}.q-hud[data-age=little] .q-hud-hero{width:48px;height:48px;font-size:26px}.q-hud[data-age=teen] .q-hud-hero{border-radius:11px;width:34px;height:34px;font-size:18px}.q-hud-dots{flex:1;align-items:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.q-hud-dots li{background:#ffffff1a;border-radius:99px;flex:1;height:8px;transition:background .4s;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.q-hud-dots li[data-state=complete]{background:linear-gradient(90deg, var(--q-s), var(--q-secondary-lite));box-shadow:0 0 12px color-mix(in srgb, var(--q-s) 70%, transparent)}.q-hud-dots li[data-state=current]{background:linear-gradient(90deg, var(--q-accent-deep), var(--q-a) 60%, var(--q-accent-lite));box-shadow:0 0 14px color-mix(in srgb, var(--q-a) 70%, transparent)}.q-hud-dots li[data-state=current]:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);animation:2.2s ease-in-out infinite q-shimmer;position:absolute;inset:0;transform:translate(-100%)}.q-hud-dots li.q-hud-goal{height:auto;box-shadow:none;color:var(--q-accent-lite);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--q-a) 80%, transparent));background:0 0;flex:none;overflow:visible}.q-hud-streak{font-variant-numeric:tabular-nums;color:#e4e9fa4d;min-width:26px;transition:color .3s, transform .3s var(--q-spring);flex:none;align-items:center;gap:3px;display:inline-flex}.q-hud-streak[data-on=true]{color:#ff9d45;filter:drop-shadow(0 0 8px #ff7a1ab3);animation:q-pop-in .5s var(--q-spring)}.q-hud-streak[data-level="2"]{color:#ffb54d;transform:scale(1.1)}.q-hud-streak[data-level="3"]{color:#ffd46b;filter:drop-shadow(0 0 12px #ffa028e6);transform:scale(1.2)}.q-hud-points{height:38px;font-family:var(--q-display);font-variant-numeric:tabular-nums;border:1px solid var(--q-line);animation:q-pop-in .45s var(--q-spring);background:#ffffff12;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:17px;font-weight:700;display:inline-flex}.q-hud[data-age=teen] .q-hud-points{border-radius:11px;height:34px}.q-hud-points .q-icon{color:var(--q-a);filter:drop-shadow(0 0 6px var(--q-a))}.q-card,.learning-activity.q-card{--q-pad:clamp(18px, 2.8vw, 34px);isolation:isolate;padding:0 0 var(--q-pad);border-radius:var(--q-card-radius,28px);color:var(--q-text);font-family:var(--q-body);background:var(--q-glass-sheen), color-mix(in oklab, var(--q-base) 70%, transparent);border:1px solid var(--q-line);box-shadow:var(--q-hi), 0 40px 90px -40px #000000e6, 0 0 0 1px #0003;-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);position:relative;overflow:hidden}.q-card>:not(.q-card-banner){margin-left:var(--q-pad);margin-right:var(--q-pad)}.q-card[data-age="4-7"]{--q-card-radius:34px}.q-card[data-age="12-15"]{--q-card-radius:18px}.q-card-banner{min-height:clamp(168px,22vw,236px);padding:44px var(--q-pad) 22px;border-bottom:1px solid var(--q-line);align-items:flex-end;margin-bottom:22px;display:flex;position:relative;overflow:hidden}.q-card-world .q-world-vignette{background:linear-gradient(0deg, color-mix(in srgb, var(--q-base) 96%, transparent) 0%, color-mix(in srgb, var(--q-base) 55%, transparent) 42%, transparent 80%), linear-gradient(90deg, color-mix(in srgb, var(--q-base) 60%, transparent), transparent 70%)}.q-card-world .q-world-ridges{height:80%}.q-card-banner-body{z-index:2;width:100%;min-width:0;position:relative}.q-card .mission-route{gap:6px;max-width:420px;margin:0 0 16px;padding:0;list-style:none;display:flex;position:relative}.q-card .mission-route li{width:auto;height:5px;box-shadow:none;background:#ffffff29;border-radius:99px;flex:1;position:relative}.q-card .mission-route li[data-state=complete]{background:linear-gradient(90deg, var(--q-s), var(--q-secondary-lite));box-shadow:0 0 10px color-mix(in srgb, var(--q-s) 70%, transparent)}.q-card .mission-route li[data-state=current]{background:linear-gradient(90deg, var(--q-accent-deep), var(--q-a), var(--q-accent-lite));box-shadow:0 0 12px color-mix(in srgb, var(--q-a) 70%, transparent)}.q-card-hero{border:1.5px solid var(--q-accent-lite);width:30px;height:30px;box-shadow:0 0 12px color-mix(in srgb, var(--q-a) 70%, transparent);background:#080a14bf;border-radius:50%;place-items:center;margin-left:-15px;font-size:16px;animation:2.2s ease-in-out infinite q-bob;display:grid;position:absolute;bottom:9px;left:50%}.q-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.q-card .q-card-chip{letter-spacing:.22em;color:var(--q-accent-lite);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000061;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.q-card .q-card-chip[data-phase=passed]{color:var(--q-secondary-lite)}.q-card-streak{color:#ffb661;background:#ff781e24;border:1px solid #ff963c66;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:14px;font-weight:800;display:inline-flex}.q-card .q-card-banner h2{font-family:var(--q-display);font-size:calc(clamp(30px, 3.8vw, 50px) * var(--age-scale,1));letter-spacing:-.035em;color:#fff;text-shadow:0 4px 26px #0000008c;text-wrap:balance;margin:12px 0 0;font-weight:800;line-height:1.02}.q-card .learning-explanation{max-width:62ch;font-size:calc(19px * var(--age-scale,1));color:#f0f3ffe6;margin-top:0;margin-bottom:18px;font-weight:500;line-height:1.55}.q-card .learning-example{border:1px solid var(--q-line);background:linear-gradient(90deg, color-mix(in srgb, var(--q-a) 12%, transparent), #ffffff08 40%);box-shadow:inset 3px 0 0 var(--q-a), var(--q-hi);color:var(--q-text);border-radius:18px;margin-top:0;margin-bottom:20px;padding:16px 20px}.q-card .learning-example strong{letter-spacing:.2em;text-transform:uppercase;color:var(--q-accent-lite);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.q-card .learning-example p{font-size:calc(18px * var(--age-scale,1));color:var(--q-text);margin:6px 0 0;line-height:1.5}.q-card .learning-help{color:var(--q-text-2);margin-top:0;margin-bottom:14px;font-size:14px}.q-card .learning-help summary{cursor:pointer;color:var(--q-text-2);border:1px solid var(--q-line);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:700;list-style:none;display:inline-flex}.q-card .learning-help summary::-webkit-details-marker{display:none}.q-card .learning-help summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;transition:transform .2s;transform:rotate(-45deg)}.q-card .learning-help[open] summary:before{transform:rotate(45deg)}.q-card .learning-help p{color:var(--q-text-2)}.q-card .learning-visual{border:1px solid var(--q-line);box-shadow:var(--q-depth);border-radius:20px;margin-bottom:20px;overflow:hidden}.q-card .q-card-cta{width:auto;min-height:calc(56px * var(--age-scale,1));isolation:isolate;font-family:var(--q-display);font-size:calc(19px * var(--age-scale,1));letter-spacing:-.005em;color:var(--q-on-accent,#14121f);background:linear-gradient(180deg, var(--q-accent-lite) 0%, var(--q-a) 48%, color-mix(in oklab, var(--q-a) 82%, #000) 100%);box-shadow:inset 0 1px 0 #ffffffa6, inset 0 -2px 0 #00000029, 0 0 0 1px color-mix(in oklab, var(--q-a) 70%, #000), 0 12px 30px -10px color-mix(in srgb, var(--q-a) 70%, transparent);cursor:pointer;transition:transform .25s var(--q-spring), filter .2s;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:0 30px;scroll-margin-bottom:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.q-card .q-card-cta:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 30%,#ffffff80 48%,#0000 64%);animation:3.8s ease-in-out 1.2s infinite q-sheen;position:absolute;inset:0;transform:translate(-120%)}.q-card .q-card-cta:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px)}.q-card .q-card-cta:not(:disabled):active{transform:translateY(1px)scale(.97)}.q-card .q-card-cta:disabled{filter:grayscale(.7)brightness(.6);cursor:default}.q-card[data-age="4-7"] .q-card-cta{border-radius:999px}.q-card-round{margin-top:8px}.q-card .learning-play-success{color:var(--q-good);font-weight:700}.q-card-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--q-accent-lite);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.q-card[data-phase=passed] .q-card-kicker{color:var(--q-secondary-lite)}.q-card .q-card-round h3{font-family:var(--q-display);font-size:calc(clamp(22px, 2.6vw, 32px) * var(--age-scale,1));letter-spacing:-.02em;color:#fff;margin:8px 0 16px;font-weight:700;line-height:1.2}.q-card .learning-options{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:0 0 16px;display:grid}.q-card .learning-options .q-option{min-height:calc(74px * var(--age-scale,1));text-align:left;font-family:var(--q-display);font-size:calc(22px * var(--age-scale,1));color:#fff;box-shadow:var(--q-hi), 0 14px 30px -18px #000000e6;cursor:pointer;transition:transform .25s var(--q-spring), border-color .2s, box-shadow .25s, background .25s, opacity .3s;background:linear-gradient(#ffffff1a,#ffffff08);border:1px solid #ffffff24;border-radius:18px;align-items:center;gap:14px;padding:12px 18px 12px 12px;font-weight:700;display:flex;position:relative}.q-card .learning-options .q-option:not(:disabled):hover{border-color:color-mix(in srgb, var(--q-a) 60%, transparent);box-shadow:var(--q-hi), 0 0 0 1px color-mix(in srgb, var(--q-a) 30%, transparent), 0 18px 40px -18px color-mix(in srgb, var(--q-a) 60%, transparent);transform:translateY(-3px)}.q-card .learning-options .q-option:not(:disabled):active{transition-duration:80ms;transform:translateY(1px)scale(.98)}.q-card .learning-options .q-option>span{width:calc(44px * var(--age-scale,1));height:calc(44px * var(--age-scale,1));color:var(--q-accent-lite);background:color-mix(in srgb, var(--q-a) 12%, #ffffff0a);border:1px solid color-mix(in srgb, var(--q-a) 32%, transparent);border-radius:12px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.q-card .learning-options .q-option[data-letter="1"]>span{color:var(--q-secondary-lite);background:color-mix(in srgb, var(--q-s) 14%, #ffffff0a);border-color:color-mix(in srgb, var(--q-s) 36%, transparent)}.q-card .learning-options .q-option[data-letter="2"]>span{color:var(--q-primary-lite);background:color-mix(in srgb, var(--q-p) 18%, #ffffff0a);border-color:color-mix(in srgb, var(--q-p) 40%, transparent)}.q-card .learning-options .q-option:disabled{cursor:default}.q-card[data-phase=passed] .learning-options .q-option:not([data-result=correct]){opacity:.45}.q-card .learning-options .q-option[data-result=correct]{border-color:color-mix(in srgb, var(--q-good) 70%, transparent);box-shadow:var(--q-hi), 0 0 0 1px #45e3a659, 0 0 36px -6px #45e3a68c;animation:q-pop-in .5s var(--q-spring);background:linear-gradient(#45e3a633,#45e3a60f)}.q-card .learning-options .q-option[data-result=correct]>span{color:#03140c;background:var(--q-good);border-color:#0000}.q-card .learning-options .q-option[data-result=retry]{background:linear-gradient(#ffb25e24,#ffb25e0a);border-color:#ffb25e99;animation:.45s ease-in-out q-nudge}.q-option-mark{color:#03140c;background:var(--q-good);border-radius:50%;place-items:center;width:30px;height:30px;margin-top:-15px;font-size:15px;font-style:normal;font-weight:900;display:grid;position:absolute;top:50%;right:16px;box-shadow:0 0 18px #45e3a6b3}.q-card .q-card-feedback{color:var(--q-text-2);border:1px solid var(--q-line);box-shadow:var(--q-hi);animation:q-rise .45s var(--q-out) both;background:#ffffff0d;border-radius:18px;margin-top:0;margin-bottom:18px;padding:16px 20px;font-size:15px;line-height:1.5;position:relative}.q-card .q-card-feedback[data-result=correct]{background:linear-gradient(135deg,#45e3a629,#45e3a608 60%);border-color:#45e3a661}.q-card .q-card-feedback[data-result=retry]{background:linear-gradient(135deg,#ffb25e24,#ffb25e08 60%);border-color:#ffb25e57}.q-card .q-card-feedback strong{color:#fff;margin-right:8px;font-size:16px;font-weight:800;display:inline-block}.q-card .q-card-feedback p{color:var(--q-text-2);margin:6px 0 0}.q-card-badge{letter-spacing:.04em;color:var(--q-accent-lite);background:color-mix(in srgb, var(--q-a) 16%, transparent);border:1px solid color-mix(in srgb, var(--q-a) 40%, transparent);border-radius:999px;align-items:center;gap:4px;margin-right:8px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.q-card-badge[data-tone=hint]{margin-bottom:8px}.q-card-points{font-family:var(--q-display);color:var(--q-on-accent,#14121f);background:linear-gradient(180deg, var(--q-accent-lite), var(--q-a));box-shadow:0 0 20px color-mix(in srgb, var(--q-a) 70%, transparent);animation:q-pop-in .6s var(--q-spring) both;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:800;position:absolute;top:-14px;right:18px}.q-card-loot{pointer-events:none;position:absolute;inset:0;overflow:visible}.q-card-loot i{left:calc(8% + var(--i) * 13%);color:var(--q-accent-lite);filter:drop-shadow(0 0 6px var(--q-a));opacity:0;animation:q-loot 1.6s calc(var(--i) * 80ms) var(--q-out) both;position:absolute;top:30%}.q-card-loot i:nth-child(2n){color:var(--q-secondary-lite)}@keyframes q-fade-in{0%{opacity:0}}@keyframes q-fade-out{to{opacity:0}}@keyframes q-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes q-slide-in{0%{opacity:0;transform:translate(-28px)}}@keyframes q-title-in{0%{opacity:0;filter:blur(14px);transform:translateY(26px)scale(1.04)}}@keyframes q-pop-in{0%{opacity:0;transform:scale(.4)}}@keyframes q-sheen{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}@keyframes q-breathe{50%{opacity:.55}}@keyframes q-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes q-bob{50%{transform:translateY(-7px)}}@keyframes q-hover{50%{transform:translateY(-6px)}}@keyframes q-flow{0%{stroke-dashoffset:546px}to{stroke-dashoffset:0}}@keyframes q-mote{0%,to{opacity:0;transform:translateY(10px)}50%{opacity:.7;transform:translateY(-14px)}}@keyframes q-aurora{to{transform:translate(8%,6%)scale(1.15)}}@keyframes q-twinkle-field{to{opacity:.85}}@keyframes q-drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.1)translate(-1.5%,-1%)}}@keyframes q-kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.16)translate(-2%,-1.5%)}}@keyframes q-letterbox{0%{transform:scaleY(0)}}@keyframes q-sweep{0%{opacity:0;transform:translate(-60%)}30%{opacity:1}to{opacity:0;transform:translate(60%)}}@keyframes q-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes q-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes q-turn{to{transform:rotate(360deg)}}@keyframes q-bloom-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes q-rays-in{0%{opacity:0}}@keyframes q-shock{0%{opacity:.95;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(9)}}@keyframes q-spark{0%{opacity:1;transform:rotate(var(--a)) translateX(2vmin) scaleX(.2)}25%{opacity:1;transform:rotate(var(--a)) translateX(calc(var(--dist) * .5)) scaleX(1)}to{opacity:0;transform:rotate(var(--a)) translateX(var(--dist)) scaleX(.3)}}@keyframes q-glint{0%{opacity:0;transform:translate(-50%, -50%) translate(calc(var(--x) * .4), calc(var(--y) * .4)) scale(0) rotate(0deg)}30%{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(1) rotate(45deg)}to{opacity:0;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(.2) rotate(120deg)}}@keyframes q-bokeh{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}30%{opacity:.9}to{opacity:0;transform:translate(-50%, -50%) translate(calc(var(--x) * 1.25), calc(var(--y) * 1.25 - 6vmin)) scale(1.3)}}@keyframes q-ember{0%{opacity:1;transform:translate(-50%,-50%)}55%{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y))}to{opacity:0;transform:translate(-50%, -50%) translate(calc(var(--x) * 1.1), calc(var(--y) + 12vmin))}}@keyframes q-twinkle{0%,to{opacity:0}50%{opacity:.9}}@keyframes q-hum{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-5px)rotate(0)}46%{transform:translateY(-5px)rotate(-2deg)}52%{transform:translateY(-5px)rotate(2deg)}58%{transform:translateY(-5px)rotate(0)}}@keyframes q-beam{0%{opacity:0;transform:scaleY(.1)scaleX(.6)}to{opacity:1;transform:none}}@keyframes q-reward-rise{0%{opacity:0;transform:translate(-50%,60%)scale(.3)}to{opacity:1;transform:translate(-50%,-55%)scale(1)}}@keyframes q-shine{0%{opacity:0;transform:translate(0)}20%{opacity:1}50%,to{opacity:0;transform:translate(80px)}}@keyframes q-shimmer{60%,to{transform:translate(100%)}}@keyframes q-nudge{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes q-loot{0%{opacity:0;transform:translateY(10px)scale(.4)}30%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-48px)scale(.6)rotate(60deg)}}@media (width<=640px){.q-map-header h1{font-size:calc(28px * var(--q-scale))}.q-map-points{padding:7px 12px;font-size:15px}.q-intro-card{margin-left:20px}.q-letterbox{height:5vh}.q-intro-timer{bottom:5vh}.q-intro .q-skip{top:calc(5vh + 10px)}.q-finale-stats dd{font-size:26px}.q-card,.learning-activity.q-card{--q-pad:14px}.q-card-banner{min-height:150px;margin-bottom:18px;padding-top:40px}.q-hud{gap:10px}}.q-overlay[data-motion=reduced],.q-overlay[data-motion=reduced] :not(.q-piece){transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.q-overlay[data-motion=reduced] .q-bloom-ring,.q-overlay[data-motion=reduced] .q-intro-sweep{display:none}@media (prefers-reduced-motion:reduce){.q-overlay,.q-overlay *,.q-hud *,.q-card,.q-card *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.q-overlay .q-piece{animation:q-twinkle 1.8s var(--d) ease-in-out both!important}}.q-cta[data-waiting=true]{filter:saturate(.75);cursor:progress}.q-cta-spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.9s linear infinite q-cta-spin}@keyframes q-cta-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.q-cta-spinner{animation:none}}.q-finale-more{color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;margin-top:12px;padding:10px 18px;font-weight:600}.q-finale-more:hover{background:#ffffff1f}.q-map-building{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;margin-top:10px;padding:8px 14px;font-weight:600;display:inline-flex}.q-map-building .q-cta-spinner{border-width:2px;width:14px;height:14px}:is(.q-card:has(.q-walk) .q-card-banner,.q-card:has(.learning-example) .q-card-banner){min-height:clamp(120px,13vw,150px);margin-bottom:16px;padding-top:30px;padding-bottom:16px}:is(.q-card:has(.q-walk) .q-card-banner h2,.q-card:has(.learning-example) .q-card-banner h2){font-size:calc(clamp(26px, 2.8vw, 38px) * var(--age-scale,1))}@media (height<=800px){:is(.q-card:has(.q-walk) .q-card-banner,.q-card:has(.learning-example) .q-card-banner){min-height:96px;margin-bottom:12px;padding-top:22px;padding-bottom:12px}.q-card .q-walk{gap:8px;margin-bottom:8px}.q-card .q-walk-step[data-now] .q-walk-board{font-size:calc(clamp(20px, 2.2vw, 28px) * var(--age-scale,1));padding:8px 16px}}.q-card .q-walk{flex-direction:column;gap:12px;margin-top:0;margin-bottom:20px;display:flex}.q-card .q-walk-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.q-card .q-walk-label{letter-spacing:.2em;text-transform:uppercase;color:var(--q-accent-lite);font-size:12px;font-weight:800}.q-card .q-walk-count{align-items:center;gap:6px;display:inline-flex}.q-card .q-walk-count i{background:#ffffff24;border-radius:4px;width:26px;height:6px;transition:background .3s,box-shadow .3s}.q-card .q-walk-count i[data-state=done]{background:color-mix(in srgb, var(--q-a) 55%, transparent)}.q-card .q-walk-count i[data-state=now]{background:var(--q-a);box-shadow:0 0 12px var(--q-a)}.q-card .q-walk-count b{letter-spacing:.08em;color:var(--q-text-3);margin-left:4px;font-size:12px;font-weight:800}.q-card .q-walk-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.q-card .q-walk-step{border:1px solid var(--q-line);opacity:.62;background:#ffffff08;border-radius:18px;align-items:flex-start;gap:14px;padding:12px 16px;transition:opacity .4s,background .4s,border-color .4s;display:flex}.q-card .q-walk-step[data-now]{opacity:1;border-color:color-mix(in srgb, var(--q-a) 45%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--q-a) 12%, transparent), #ffffff08 55%);box-shadow:inset 3px 0 0 var(--q-a), var(--q-hi);padding:16px 20px;animation:.55s cubic-bezier(.22,1,.36,1) q-walk-in}.q-card .q-walk-num{width:30px;height:30px;font-family:var(--q-display);color:var(--q-text-2);border:1px solid var(--q-line);background:#ffffff14;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.q-card .q-walk-step[data-now] .q-walk-num{color:var(--q-on-accent,#14121f);background:var(--q-a);box-shadow:0 0 16px -2px var(--q-a);border-color:#0000}.q-card .q-walk-body{flex:1;min-width:0}.q-card .q-walk-body p{font-size:calc(16px * var(--age-scale,1));color:var(--q-text);margin:3px 0 0;line-height:1.5}.q-card .q-walk-step[data-now] .q-walk-body p{font-size:calc(19px * var(--age-scale,1));font-weight:500}.q-card .q-walk-board{font-family:var(--q-display);font-size:calc(clamp(22px, 2.6vw, 34px) * var(--age-scale,1));letter-spacing:-.01em;color:#fff;overflow-wrap:anywhere;background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--q-a) 18%, transparent), transparent 60%), #080a168c;border:1px solid color-mix(in srgb, var(--q-a) 35%, transparent);text-shadow:0 0 18px color-mix(in srgb, var(--q-a) 70%, transparent), 0 2px 0 #0006;box-shadow:inset 0 1px 0 #ffffff14, 0 0 34px -14px var(--q-a);border-radius:14px;margin-top:10px;padding:10px 18px;font-weight:800;line-height:1.2}.q-card .q-walk-stack{font-variant-numeric:tabular-nums;letter-spacing:.18em;white-space:pre;justify-items:end;line-height:1.05;display:inline-grid}.q-card .q-walk-stack [data-head]{letter-spacing:0;line-height:1}.q-card .q-walk-stack [data-head] i{text-align:center;opacity:.7;transform-origin:50% 90%;width:1ch;margin-right:.18em;font-style:normal;display:inline-block;transform:scale(.5)}.q-card .q-walk-stack [data-total]{border-top:2px solid;margin-top:2px}.q-card .q-walk-step:not([data-now]) .q-walk-board{font-size:calc(18px * var(--age-scale,1));text-shadow:none;box-shadow:none;border-radius:10px;margin-top:6px;padding:3px 12px;display:inline-block}.q-card .q-walk-step[data-now] .q-walk-board{animation:.9s ease-out .2s backwards q-walk-glow}@keyframes q-walk-in{0%{opacity:0;transform:translateY(14px)}}@keyframes q-walk-glow{0%{opacity:0;filter:blur(4px);transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.q-card .q-walk-step[data-now],.q-card .q-walk-step[data-now] .q-walk-board{animation:none}}.q-loading{--s:38px;color:#fff;text-align:center;background:radial-gradient(70% 55% at 50% 38%, color-mix(in srgb, var(--q-primary) 30%, transparent), transparent 70%), radial-gradient(120% 70% at 50% 120%, color-mix(in srgb, var(--q-secondary) 40%, transparent), transparent 60%), color-mix(in srgb, var(--q-primary) 14%, #06070d);place-items:center;display:grid;overflow:hidden}.q-loading[data-age=little]{--s:44px}.q-loading-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--q-accent) 30%, transparent), transparent 65%);filter:blur(20px);border-radius:50%;width:min(70vw,620px);animation:4s ease-in-out infinite q-load-breathe;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.q-loading-sparks i{background:color-mix(in srgb, var(--q-accent) 70%, #fff);width:4px;height:4px;box-shadow:0 0 10px var(--q-accent);opacity:0;border-radius:50%;animation:linear infinite q-load-rise;position:absolute;bottom:-10px}.q-loading-body{justify-items:center;gap:14px;max-width:760px;padding:16px;display:grid;position:relative}.q-loading-stage{width:calc(var(--s) * 8);height:calc(var(--s) * 6);perspective:1400px;place-items:center;margin-bottom:6px;display:grid}.q-iso{width:calc(var(--s) * 5);height:calc(var(--s) * 5);transform-style:preserve-3d;animation:14s ease-in-out infinite q-load-turn;position:relative;transform:rotateX(58deg)rotate(45deg)}.q-cube{left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));width:var(--s);height:var(--s);transform-style:preserve-3d;transform:translateZ(calc(var(--z) * var(--s)));animation:q-load-drop .7s cubic-bezier(.3, 1.5, .55, 1) var(--d) both;--face:var(--q-primary);position:absolute}.q-cube[data-tier=ground]{--face:var(--q-secondary)}.q-cube[data-tier=peak]{--face:var(--q-accent)}.q-cube i{border:1px solid #ffffff2e;position:absolute;inset:0}.q-cube-top{transform:translateZ(var(--s));background:linear-gradient(135deg, #ffffff59, transparent 60%), color-mix(in srgb, var(--face) 92%, #fff)}.q-cube-left{transform-origin:bottom;background:color-mix(in srgb, var(--face) 70%, #000);transform:rotateX(90deg)}.q-cube-right{transform-origin:100%;background:color-mix(in srgb, var(--face) 52%, #000);transform:rotateY(-90deg)}.q-iso-hero{left:calc(var(--s) * 2);top:calc(var(--s) * 2);width:var(--s);height:var(--s);font-size:calc(var(--s) * 1.15);transform:translateZ(calc(var(--s) * 4.2)) rotateZ(-45deg) rotateX(-58deg);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--q-accent) 70%, transparent));animation:q-load-hero .8s cubic-bezier(.3, 1.6, .5, 1) var(--d) both;place-items:center;display:grid;position:absolute}.q-loading h1{font-family:Outfit, var(--q-display,system-ui), sans-serif;letter-spacing:-.02em;text-shadow:0 0 40px color-mix(in srgb, var(--q-accent) 40%, transparent);margin:0;font-size:clamp(30px,5vw,56px);font-weight:800;line-height:1.05}.q-loading h1 em{color:var(--q-accent);font-style:normal}.q-loading-steps{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 0;padding:0;list-style:none;display:flex}.q-loading-steps li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff9;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:15px;font-weight:600;transition:color .3s,background .3s,border-color .3s;display:inline-flex}.q-loading-steps li[data-state=now]{color:#fff;border-color:color-mix(in srgb, var(--q-accent) 60%, transparent)}.q-loading-steps li[data-state=done]{color:#fff;background:color-mix(in srgb, var(--q-secondary) 28%, transparent)}.q-loading-mark{border:2px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.q-loading-steps li[data-state=now] .q-loading-mark{border-color:var(--q-accent);border-right-color:#0000;animation:.9s linear infinite q-load-spin}.q-loading-steps li[data-state=done] .q-loading-mark{background:var(--q-secondary);color:var(--q-on-primary,#fff);border-color:#0000}@keyframes q-load-drop{0%{transform:translateZ(calc(var(--z) * var(--s) + 900px))}to{transform:translateZ(calc(var(--z) * var(--s)))}}@keyframes q-load-hero{0%{opacity:0;transform:translateZ(calc(var(--s) * 7)) rotateZ(-45deg) rotateX(-58deg)}to{opacity:1;transform:translateZ(calc(var(--s) * 4.2)) rotateZ(-45deg) rotateX(-58deg)}}@keyframes q-load-turn{0%,to{transform:rotateX(58deg)rotate(38deg)}50%{transform:rotateX(58deg)rotate(52deg)}}@keyframes q-load-breathe{50%{opacity:.6;transform:translate(-50%,-50%)scale(1.08)}}@keyframes q-load-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-105vh)}}@keyframes q-load-spin{to{transform:rotate(360deg)}}.q-loading[data-motion=reduced],.q-loading[data-motion=reduced] *{animation:none!important}@media (width<=520px){.q-loading{--s:30px}}