:root{--deep:#160b38;--purple:#2b1b5b;--lilac:#8b6fe8;--pink:#ff8ccb;--light:#e8e6ff;--white:#f8f8ff;--ink:#241844;--muted:#756b91;--radius:26px;--shadow:0 24px 70px rgba(21,8,57,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Poppins,system-ui,sans-serif}button,a{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:99;background:white;padding:12px}.skip-link:focus{top:12px}.topbar{height:78px;padding:10px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(22,11,56,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand img{width:92px;display:block}.topbar nav{display:flex;gap:30px}.topbar nav a{color:var(--light);text-decoration:none;font-size:.9rem;font-weight:600}.topbar nav a:hover{color:var(--pink)}.hero{min-height:650px;padding:70px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px;color:white;overflow:hidden;background:radial-gradient(circle at 82% 45%,#6c3ed6 0,transparent 30%),radial-gradient(circle at 20% 10%,rgba(255,140,203,.2),transparent 22%),linear-gradient(135deg,#160b38,#2b1b5b 60%,#48248d)}.hero-copy{max-width:690px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.72rem;color:var(--pink)}h1,h2,h3{font-family:Montserrat,sans-serif;margin:0}h1{font-size:clamp(2.7rem,5.8vw,5.5rem);line-height:.98;letter-spacing:-.06em;margin:18px 0 24px}h1 span{color:var(--pink)}.hero-copy p{font-size:1.08rem;line-height:1.75;color:#d9d4ee;max-width:570px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:15px 23px;font-weight:700;text-decoration:none;cursor:pointer}.button.primary{background:linear-gradient(135deg,var(--pink),#e354c8);color:#2a124a;box-shadow:0 12px 35px rgba(255,140,203,.25)}.button:hover{transform:translateY(-2px)}.hero-art{position:relative;display:grid;place-items:center;min-height:480px}.hero-art img{width:min(460px,95%);border-radius:50%;z-index:3;box-shadow:0 30px 80px rgba(7,2,23,.5);border:2px solid rgba(255,255,255,.2)}.orbit{position:absolute;border:1px solid rgba(232,230,255,.2);border-radius:50%}.orbit-one{width:520px;height:520px}.orbit-two{width:650px;height:330px;transform:rotate(-22deg)}.spark{position:absolute;color:var(--pink);font-family:Montserrat;font-weight:900}.s1{font-size:3rem;top:8%;left:12%}.s2{font-size:4rem;right:4%;top:25%;transform:rotate(12deg)}.s3{font-size:2rem;right:14%;bottom:8%}.catalog,.how{padding:90px clamp(24px,7vw,110px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.04em;margin-top:8px}.section-heading p{color:var(--muted)}.quiz-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:22px}.cover{min-height:340px;border:0;border-radius:var(--radius);padding:28px;text-align:left;position:relative;overflow:hidden;color:white;box-shadow:var(--shadow)}button.cover{cursor:pointer}.cover-featured{background:radial-gradient(circle at 80% 20%,rgba(255,140,203,.8),transparent 22%),linear-gradient(145deg,#3b1985,#8b38cf)}.cover-featured:before{content:"";position:absolute;width:230px;height:230px;border:30px solid rgba(255,255,255,.08);border-radius:50%;right:-40px;bottom:-70px}.cover-badge{display:inline-block;padding:7px 10px;background:rgba(20,8,57,.4);border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.cover-icon{display:block;font:900 5rem Montserrat;margin:35px 0 20px;color:var(--pink)}.cover-copy{display:block}.cover-copy strong,.cover-coming strong{display:block;font:800 1.65rem/1.1 Montserrat}.cover-copy small,.cover-coming small{display:block;margin-top:12px;color:#e6dcf6}.play{position:absolute;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;background:white;color:var(--purple);display:grid;place-items:center;padding-left:3px}.cover-coming{background:#291a55}.cover-coming.alt{background:#56358d}.mini-icon{font-size:3rem;display:block;margin:20px 0 90px;color:var(--pink)}.cover:hover{transform:translateY(-5px);transition:.25s}.how{background:#eeeaff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:white;border-radius:22px;padding:30px}.steps span{font:900 2.7rem Montserrat;color:#d9d1f7}.steps h3{font-size:1.3rem;margin:12px 0 8px}.steps p{color:var(--muted);line-height:1.6}footer{background:var(--deep);color:#cfc7e7;display:flex;align-items:center;gap:24px;padding:40px clamp(24px,7vw,110px)}footer img{width:80px}footer p{flex:1}dialog{width:100%;height:100%;max-width:none;max-height:none;border:0;padding:0;background:#eeeaff}dialog::backdrop{background:rgba(10,4,27,.8)}.dialog-shell{min-height:100%;display:grid;grid-template-columns:minmax(180px,240px) minmax(480px,760px) minmax(180px,240px);gap:24px;justify-content:center;align-items:center;padding:70px 34px;position:relative}.close-dialog,.notice-close{position:absolute;border:0;background:white;color:var(--ink);border-radius:50%;width:44px;height:44px;font-size:1.6rem;cursor:pointer}.close-dialog{right:24px;top:20px}.product-rail{background:white;border-radius:22px;padding:24px;box-shadow:0 16px 50px rgba(37,24,68,.1)}.product-rail>span{font-size:.7rem;text-transform:uppercase;color:#9b55c8;font-weight:700}.product-rail strong{display:block;font-family:Montserrat;margin:14px 0}.product-rail p,.product-rail small{color:var(--muted);line-height:1.5}.quiz-panel{background:white;border-radius:30px;min-height:540px;padding:40px;box-shadow:var(--shadow);display:flex;align-items:stretch}.notice{text-align:center;margin:auto;max-width:500px;position:relative}.notice-close{right:-15px;top:-15px;background:#eeeaff}.notice img{width:150px;border-radius:50%;display:block;margin:0 auto 20px}.notice h2{font-size:2rem;margin:10px 0}.notice p{color:var(--muted);line-height:1.7}.quiz-panel #quiz-game{width:100%}.quiz-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.quiz-head h2{font-size:1.7rem;margin-top:7px}.quiz-head>span{font-weight:700;color:var(--lilac)}.progress{height:8px;background:#eeeaff;border-radius:99px;margin:22px 0 36px;overflow:hidden}.progress span{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--lilac),var(--pink));transition:.3s}.question h3{font-size:clamp(1.35rem,3vw,2rem);line-height:1.3;margin-bottom:28px}.answers{display:grid;gap:12px}.answer{border:2px solid #e8e1f5;background:white;color:var(--ink);border-radius:16px;padding:17px 18px;text-align:left;cursor:pointer;font-weight:600}.answer:hover,.answer:focus{border-color:var(--lilac);background:#f7f4ff}.answer.correct{border-color:#2eb67d;background:#e9fff5}.answer.wrong{border-color:#e05b85;background:#fff0f5}.feedback{margin-top:18px;padding:15px;background:#f5f1ff;border-radius:14px;color:var(--muted)}.next-button{margin-top:18px;float:right}.result{margin:auto;text-align:center;width:100%}.result-mark{font:900 5rem Montserrat;color:var(--pink)}.result h2{font-size:2.4rem}.result p{color:var(--muted);line-height:1.7}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.secondary{background:#eeeaff;color:var(--purple)}
@media(max-width:980px){.hero{grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.hero-copy p{margin-inline:auto}.hero-art{min-height:390px}.hero-art img{width:360px}.quiz-row{grid-template-columns:1.3fr 1fr}.cover:last-child{display:none}.dialog-shell{grid-template-columns:1fr;max-width:760px;margin:auto}.product-rail{display:none}}
@media(max-width:640px){.topbar nav{display:none}.hero{padding-top:50px;min-height:auto}.hero-art{min-height:310px}.hero-art img{width:280px}.orbit-one{width:320px;height:320px}.orbit-two{width:370px;height:220px}.catalog,.how{padding-block:64px}.section-heading{align-items:start;flex-direction:column}.quiz-row,.steps{grid-template-columns:1fr}.cover{min-height:300px}.cover:last-child{display:block}.dialog-shell{padding:68px 12px 24px}.quiz-panel{min-height:calc(100vh - 92px);padding:28px 20px;border-radius:22px}.notice-close{right:0}.quiz-head h2{font-size:1.25rem}footer{flex-wrap:wrap}footer p{flex-basis:100%;order:3}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Tema alternável e comportamento dos achadinhos no celular */
.hard-character{position:absolute;top:7%;left:16%;width:68%;height:43%;object-fit:contain;filter:drop-shadow(0 6px 14px #160b3877)}.hard-wordmark{position:absolute;left:5%;bottom:6%;width:90%;height:49%;object-fit:contain}.result-reaction{display:block;width:180px;height:180px;object-fit:contain;margin:0 auto 8px}.result .result-mark{font-size:3.3rem;line-height:1.1;margin-bottom:14px}.result-mark>span{font-size:1.8rem;color:var(--muted)}.result .result-badge{display:inline-block;border-radius:999px;padding:7px 15px;font-size:.72rem;font-weight:700;margin-bottom:16px;border:1px solid #8b6fe855;background:var(--soft);color:var(--ink)}.result-badge-impressionada{background:#ffe5ab!important;color:#51340c!important;border-color:#efc35f!important}.result h2{font-size:clamp(1.7rem,4vw,2.25rem)}.confetti-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:80}.confetti-layer i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:confetti-fall 3s ease-in forwards}@keyframes confetti-fall{to{transform:translate(var(--drift),110vh) rotate(var(--spin));opacity:0}}@media(prefers-reduced-motion:reduce){.confetti-layer{display:none}}@media(max-width:640px){.result-reaction{width:155px;height:155px}}
/* Rolagem horizontal discreta, com as cores da marca. */
.poster-row,.category-tabs{scrollbar-width:thin;scrollbar-color:#8b6fe8 #8b6fe81a}
.poster-row::-webkit-scrollbar,.category-tabs::-webkit-scrollbar{height:6px}
.poster-row::-webkit-scrollbar-track,.category-tabs::-webkit-scrollbar-track{background:#8b6fe81a;border-radius:999px}
.poster-row::-webkit-scrollbar-thumb,.category-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8b6fe8,#b884e8);border-radius:999px;min-width:32px}
.poster-row::-webkit-scrollbar-thumb:hover,.category-tabs::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#8b6fe8,#ff8ccb)}
.poster-row::-webkit-scrollbar-button,.category-tabs::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports selector(::-webkit-scrollbar){.poster-row,.category-tabs{scrollbar-width:auto;scrollbar-color:auto}}
@media(forced-colors:active){.poster-row,.category-tabs{scrollbar-color:auto}}
.poster-hard[data-hard-theme=filmes] .hard-sticker em{background:linear-gradient(135deg,#fff0c4,#e9a758);border-color:#fff1ce}
.poster-hard[data-hard-theme=anime] .hard-sticker em{background:linear-gradient(135deg,#d4f6ff,#8da9f5);border-color:#e6faff}
.poster-hard[data-hard-theme=series] .hard-sticker em{background:linear-gradient(135deg,#ffe0f2,#ff8ccb);border-color:#ffe9f7}
.poster-hard[data-hard-theme=livros] .hard-sticker em{background:linear-gradient(135deg,#eee6ff,#bd9bec);border-color:#f2eaff}
.category-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 0 20px;margin-bottom:22px}.category-tab{flex-shrink:0;background:var(--surface);color:var(--ink);border:1px solid rgba(139,111,232,.3);border-radius:999px;padding:11px 18px;cursor:pointer;font-weight:600;font-size:.85rem}.category-tab[aria-pressed=true]{background:var(--purple);color:white;border-color:var(--lilac)}.category-tab:last-child{color:#8d3874}.category-tab:last-child[aria-pressed=true]{color:var(--pink)}[data-theme=dark] .category-tab:last-child{color:var(--pink)}.row-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.row-heading h3{font-size:1.5rem}.row-heading>span{color:var(--muted);font-size:.78rem}.row-description{color:var(--muted);margin-top:-8px;margin-bottom:22px}.poster-row{display:flex;gap:22px;overflow-x:auto;padding:0 2px 18px;scroll-snap-type:x proximity}.quiz-card{flex:0 0 230px;width:230px;border:0;padding:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer;scroll-snap-align:start}.poster{display:block;width:100%;aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#2b1b5b,#8b6fe8);box-shadow:0 12px 25px rgba(22,11,56,.15);border:1px solid rgba(139,111,232,.25);transition:transform .2s}.quiz-card:hover .poster{transform:translateY(-4px)}.poster-image,.hard-background{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.poster-image{opacity:1}.edition-seal{position:absolute;right:10px;top:12px;z-index:3;padding:7px 10px;border:2px solid #ffd1eb;border-radius:9px;background:linear-gradient(145deg,#ff8ccb,#c647aa);color:#291243;font:800 .68rem Montserrat,system-ui;box-shadow:0 3px 0 #592678,0 5px 14px #160b3877;transform:rotate(3deg);text-transform:uppercase;letter-spacing:.03em}.poster[data-tone=lilac] .edition-seal{background:linear-gradient(145deg,#e8e6ff,#8b6fe8);border-color:#f8f8ff}.poster[data-tone=gold] .edition-seal{background:linear-gradient(145deg,#fff4b8,#efb75a);border-color:#fff7d5}.subject-seal{position:absolute;bottom:12px;left:12px;background:#160b38de;color:#fff;border:1px solid #b69bed99;border-radius:999px;font-size:.66rem;padding:6px 11px;font-weight:600}.quiz-card-caption{display:block;padding:15px 3px 2px}.quiz-card-caption strong{display:block;font-family:Montserrat,system-ui;font-weight:800;line-height:1.4;font-size:.94rem}.quiz-card-caption small{display:block;margin-top:6px;color:var(--muted);font-size:.72rem}.hard-strix{position:absolute;width:74%;height:auto;aspect-ratio:1;object-fit:contain;top:12%;left:13%;border-radius:50%;box-shadow:0 0 28px #b354ff55}.hard-sticker{position:absolute;bottom:7%;left:9%;width:82%;text-align:center;transform:rotate(-4deg);font-family:Montserrat,system-ui;font-weight:900;filter:drop-shadow(0 5px 0 #110527)}.hard-sticker>span{display:block;font-size:1.1rem;letter-spacing:.17em;color:#e8e6ff;text-shadow:2px 2px 0 #160b38}.hard-sticker strong{display:block;font-size:3.1rem;line-height:1;background:linear-gradient(#ffe6f6,#ff8ccb 50%,#9947ee);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #f8cbff;letter-spacing:-.045em}.hard-sticker em{display:inline-block;font-style:normal;background:linear-gradient(135deg,#e8e6ff,#8b6fe8);color:#2b1b5b;font-size:.8rem;padding:5px 18px;border:2px solid #f8f8ff;border-radius:8px;box-shadow:0 3px 0 #3f2468;margin-top:7px;text-transform:uppercase}.hard-collection{padding:28px;border-radius:26px;background:linear-gradient(145deg,#eee7ff,#f8e9f6);border:1px solid #cebbf1;margin-top:20px}[data-theme=dark] .hard-collection{background:linear-gradient(145deg,#271546,#341b59);border-color:#6a4289}.upcoming-card{cursor:default}.upcoming-card .edition-seal{font-size:.55rem}.upcoming-card:hover .poster{transform:none}.empty-category{display:flex;gap:20px;align-items:center;background:var(--surface);padding:30px;border-radius:20px;color:var(--muted)}.empty-category img{border-radius:50%}.poster-fallback{display:grid;place-items:center;height:100%;font:900 5rem Montserrat;color:#ff8ccb}@media(max-width:640px){.quiz-card{flex-basis:190px;width:190px}.poster-row{gap:16px}.hard-collection{padding:20px 16px}.row-heading h3{font-size:1.25rem}.row-heading>span{font-size:.68rem}.category-tab{padding:10px 14px;font-size:.76rem}.hard-sticker strong{font-size:2.65rem}.hard-sticker>span{font-size:.9rem}.hard-sticker em{font-size:.67rem}.edition-seal{font-size:.59rem;padding:6px 8px}}
.catalog-category .cover:last-child{display:block}
@media(max-width:980px){.notice-desktop{display:none}.notice-mobile{display:block!important}.notice-mobile[hidden]{display:none!important}}
[hidden]{display:none!important}.catalog-category{margin-bottom:36px}.catalog-category>h3{margin-bottom:20px}.catalog-category .quiz-row{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.quiz-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.cover-badge,.cover-icon,.cover-copy{position:relative;z-index:1}.dialog-shell.no-products{grid-template-columns:minmax(0,760px)}.product-card{margin-top:20px}.product-card img{width:100%;max-height:180px;object-fit:contain;border-radius:12px}.product-card .button{margin-top:16px;padding:10px 14px;font-size:.75rem}.product-card small{display:block}
.quiz-theme-toggle{position:absolute;top:20px;right:80px;width:44px;height:44px;padding:0!important;justify-content:center;border-radius:50%;background:var(--surface);color:var(--ink);border:1px solid rgba(139,111,232,.25)}.quiz-theme-toggle:hover{background:var(--surface);border-color:var(--lilac)}.theme-toggle:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
:root{--surface:#fff;--soft:#eeeaff;color-scheme:light}
[data-theme="dark"]{--white:#130a2e;--surface:#211345;--soft:#2b1b5b;--ink:#f8f8ff;--muted:#c4badf;--shadow:0 24px 70px rgba(4,1,15,.42);color-scheme:dark}
body{transition:background .25s,color .25s}
.topbar{gap:24px}.topbar nav{margin-left:auto}.theme-toggle{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:white;border-radius:999px;padding:9px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.78rem;font-weight:700;white-space:nowrap}.theme-toggle:hover{background:rgba(255,255,255,.16)}.theme-icon{width:19px;height:19px;display:grid;place-items:center}.theme-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notice-mobile{display:none}
[data-theme="dark"] .catalog{background:var(--white)}[data-theme="dark"] .how,[data-theme="dark"] dialog{background:var(--soft);color:var(--ink)}[data-theme="dark"] .steps article,[data-theme="dark"] .product-rail,[data-theme="dark"] .quiz-panel,[data-theme="dark"] .close-dialog{background:var(--surface);color:var(--ink)}[data-theme="dark"] .notice-close,[data-theme="dark"] .progress,[data-theme="dark"] .secondary{background:#392765;color:var(--light)}[data-theme="dark"] .answer{background:#29194f;color:var(--ink);border-color:#4a3677}[data-theme="dark"] .answer:hover,[data-theme="dark"] .answer:focus{background:#352363}[data-theme="dark"] .feedback{background:#33215f}[data-theme="dark"] .answer.correct{background:#143f35}[data-theme="dark"] .answer.wrong{background:#4b2035}
@media(max-width:980px){.dialog-shell{align-items:start}.quiz-panel{order:1}.product-rail{display:block;order:2}.product-rail.right{order:3}.product-rail{margin:0 8px}.product-rail:before{content:"Escolhas da Strix";display:block;font:700 .68rem Montserrat;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:12px}}
@media(max-width:640px){.theme-toggle{padding:9px 11px}.theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.notice-desktop{display:none}.notice-mobile{display:block}.dialog-shell{padding-bottom:34px}.quiz-panel{min-height:calc(100vh - 92px)}.product-rail{margin:0 4px;padding:22px}.product-rail.right{margin-bottom:20px}}
.poster-row{padding:10px 8px 22px;margin:-10px -8px 0}.quiz-card:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:20px}
.quiz-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.poster{flex-shrink:0}.card-identifiers{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:10px}.card-edition{display:inline-block;border-radius:7px;padding:5px 8px;border:1px solid #ffb9de;background:linear-gradient(135deg,#ffe1f2,#ff8ccb);color:#39204b;font:800 .62rem Montserrat,system-ui;text-transform:uppercase;letter-spacing:.035em}.card-identifiers[data-tone=lilac] .card-edition{background:linear-gradient(135deg,#eeeaff,#bba5f3);border-color:#cabbf4}.card-identifiers[data-tone=gold] .card-edition{background:linear-gradient(135deg,#fff5cf,#efc36f);border-color:#efcb87}.card-subject{font-size:.64rem;font-weight:600;color:var(--muted)}