:root{font-family:Nunito Sans,sans-serif;color:#f5f5ff;background:#081427;font-synthesis:none;--navy:#081427;--mint:#99f7d7;--lilac:#c9b5ff;--muted:#b6bee0;--line:#293655}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}button svg,a svg{flex-shrink:0}svg{width:24px;height:24px;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{border:0}input{background:#0c182a;border:1.5px solid #ad9bda;color:#fff;border-radius:18px;padding:15px 20px;min-width:0}input::placeholder{color:#a8adcc}.topbar{height:78px;padding:0 3.3%;display:flex;align-items:center;gap:6%;border-bottom:1px solid #26304a;background:#091426}.brand{font-size:30px;font-weight:900;letter-spacing:-1px;color:var(--mint);display:flex;align-items:center;gap:8px;white-space:nowrap}.brand svg{width:34px;height:34px}.topbar nav{display:flex;align-self:stretch;gap:42px}.topbar nav a{display:flex;align-items:center;gap:12px;position:relative;font-size:17px;color:var(--muted);font-weight:700}.topbar nav a.active{color:#fff}.topbar nav a.active:after{content:"";height:3px;background:var(--lilac);position:absolute;bottom:7px;left:0;right:0;box-shadow:0 0 14px #c9b5ff}.account{margin-left:auto;display:flex;align-items:center;gap:30px}.coin-balance{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800}.coin-balance svg{color:#f5c956;width:28px;height:28px}.profile{background:none;display:flex;align-items:center;gap:12px;padding:0}.profile img{width:44px;height:44px;border-radius:50%;border:1px solid var(--lilac);object-fit:cover}.profile svg{width:16px}.wrap{max-width:1520px;margin:auto;padding:38px 3.3%}.home-hero{min-height:570px;background-size:cover;background-position:center;display:flex;align-items:center}.hero-copy{width:52%;padding:56px 0 45px 4.5%}.eyebrow{font-size:13px;font-weight:800;letter-spacing:3.5px;color:var(--lilac);margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:22px;font-size:clamp(46px,5.5vw,82px)}h1 span{color:var(--lilac)}h2{font-size:30px;letter-spacing:-.8px;line-height:1.2;font-weight:900}h3{font-size:23px;line-height:1.2;font-weight:900;margin:0 0 7px;letter-spacing:-.3px}.hero-description{font-size:23px;line-height:1.45;font-weight:700;color:#c4bceb;max-width:510px;margin-bottom:28px}.hero-actions{display:flex;gap:16px;align-items:center}.button{border-radius:50px;min-height:56px;padding:14px 28px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:18px;font-weight:900;transition:transform .15s,background .15s}.button:not(:disabled):hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#071828}.primary:hover{background:#b6ffe5}.outline{background:#0b1528bb;border:2px solid var(--lilac);color:#f4f0ff}.hero-actions .primary{min-width:240px}.hero-actions .outline{min-width:205px}.join-form{margin-top:25px;max-width:500px}.join-form label{display:block;font-size:17px;color:#d4c9f5;margin-bottom:8px}.join-form>div{display:flex;gap:9px}.join-form input{flex:1}.join-form .button{border-radius:18px;min-width:110px}.join-form small{display:block;font-size:12px;color:#c3c8de;margin-top:9px;line-height:1.4}.section-heading{display:flex;gap:28px;align-items:center;margin-bottom:23px}.section-heading h2{margin:0}.section-heading>span{color:var(--muted);font-size:15px}.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.quiz-tile{padding:0;position:relative;text-align:left;border:1px solid #8273af;border-radius:17px;overflow:hidden;background:#14223a;transition:transform .2s}.quiz-tile:hover{transform:translateY(-4px);border-color:var(--mint)}.quiz-tile>img{width:100%;height:185px;object-fit:cover;display:block}.tile-caption{padding:19px 20px;display:flex;align-items:center;gap:8px;background:#101c31}.tile-caption p{font-size:16px;color:#c7c5e9;margin:0}.round-arrow{margin-left:auto;display:flex;align-items:center;justify-content:center;background:var(--lilac);color:#101728;border-radius:50%;width:45px;height:45px;flex-shrink:0}.small-note{font-size:14px;line-height:1.7;color:var(--muted);margin-top:21px}.site-footer{border-top:1px solid #25304b;margin:10px 3.3% 0;padding:25px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;color:#a8b4d2;font-size:13px}.site-footer svg{width:17px}.text-button{background:none;padding:4px 0;display:inline-flex;align-items:center;gap:10px;color:var(--lilac);font:inherit;text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:var(--mint)}.quiz-brand{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.quiz-brand strong{font-size:25px;color:#e0d8ff;font-weight:900}.quiz-brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:3px}.leave{margin-left:auto;text-decoration:none}.quiz-stage{min-height:calc(100vh - 78px);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column}.quiz-progress{display:flex;align-items:center;gap:24px;margin:32px auto;width:86%;font-weight:700;color:#d1c5f2}.quiz-progress>span{white-space:nowrap}progress{flex:1;height:11px;border:0;background:#1c2a47;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#1c2a47}progress::-webkit-progress-value{background:var(--mint);border-radius:20px}progress::-moz-progress-bar{background:var(--mint)}.practice-label{display:flex;align-items:center;gap:9px;font-size:14px}.question-area{width:min(960px,82%);margin:30px auto 70px;text-align:center;flex:1}.question-title{font-size:clamp(30px,3.5vw,49px);line-height:1.2;letter-spacing:-1px;margin:20px auto;outline:none}.question-instruction{color:#c8bfeb;font-size:21px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:85px}.answer{background:#121d32ed;border:2px solid #9f89d5;border-radius:20px;padding:25px;min-height:105px;display:flex;align-items:center;gap:23px;text-align:left;font-size:25px;font-weight:900;transition:background .15s,transform .15s}.answer:not(:disabled):hover{background:#25314b;transform:translateY(-2px);border-color:var(--mint)}.answer-letter{border:1.5px solid var(--lilac);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--lilac);flex-shrink:0;font-size:23px}.answer:disabled{opacity:1}.answer.correct{background:#153a36;border-color:var(--mint)}.answer.incorrect{background:#442a3c;border-color:#f5a6b6}.answer-check{margin-left:auto;color:var(--mint)}.answer-hint{font-size:16px;color:#c5bce3;margin-top:28px}.answer-hint span{margin-left:10px;font-size:13px}.feedback{margin-top:25px;display:flex;gap:25px;align-items:center;text-align:left;background:#0c182bee;padding:22px;border-radius:16px;border:1px solid #354469}.feedback strong{color:var(--mint);font-size:20px}.feedback p{margin:6px 0 0;color:#cbd1e7;line-height:1.6}.feedback .button{flex-shrink:0}.quiz-status{display:flex;justify-content:space-between;gap:15px;background:#0a1629eb;border-top:1px solid #344260;padding:24px 4%;color:#c5c2e8;font-size:15px}.quiz-status strong{color:var(--mint);font-size:21px}.quiz-status svg{margin-right:8px}.results{max-width:760px;margin:45px auto;text-align:center;padding:25px}.results>img{width:190px;height:190px;border-radius:50%;object-fit:cover;margin-bottom:25px}.results h1{font-size:55px}.results p{font-size:18px;color:#cbc7e4;line-height:1.6}.reward{font-size:35px;font-weight:900;color:var(--mint);margin:25px}.reward svg{color:#f5c956;width:36px;height:36px}.results .hero-actions{justify-content:center}.pack-feature{display:grid;grid-template-columns:46% 54%;align-items:center;margin:0 0 50px}.pack-art{height:520px;display:flex;align-items:center;justify-content:center}.pack-art img{max-height:100%;max-width:100%;object-fit:contain;border-radius:25px}.pack-copy{padding:30px}.pack-copy h1{font-size:clamp(38px,4vw,61px)}.pack-copy>p:not(.eyebrow){font-size:20px;color:var(--muted);line-height:1.6}.pack-copy>.button{width:100%;max-width:480px;margin:15px 0 24px}.pack-copy>.text-button{display:flex;margin-bottom:25px}.pack-copy>.small-note{font-size:15px;margin-top:40px}.creature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.creature-card{background:#122039;text-align:left;border:1px solid #61728e;padding:0;border-radius:17px;overflow:hidden;position:relative;transition:transform .2s}.creature-card:hover{transform:translateY(-3px)}.creature-card>img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.creature-card>div{padding:17px}.creature-card h3{font-size:22px}.creature-card p{margin:0;font-size:15px}.common{color:#b5d6ce}.uncommon{color:#92f1c9}.rare{color:#99c6ff}.epic{color:#d3b2ff}.legendary{color:#ffdf7b}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 35px}.collection-heading h1{font-size:48px}.collection-heading p{color:var(--muted)}.shard-balance{display:flex;gap:10px;align-items:center;color:var(--lilac);font-size:20px;white-space:nowrap}.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.tabs{display:flex;gap:8px}.tabs button{padding:12px 18px;border-radius:22px;background:none;color:var(--muted)}.tabs .selected{background:#25374a;color:var(--mint)}.undiscovered>img{filter:saturate(.45);opacity:.7}.quantity{position:absolute;right:10px;top:10px;z-index:1;background:#0b172dee;padding:5px 10px;border-radius:20px;font-size:12px;color:#fff}.empty-state{text-align:center;padding:60px 20px}.empty-state>svg,.coming-soon>svg{width:65px;height:65px;color:var(--lilac);margin-bottom:25px}.empty-state p,.coming-soon p{color:var(--muted);line-height:1.7}.coming-soon{max-width:780px;text-align:center;padding:80px 25px;min-height:70vh}.coming-soon h1{font-size:58px}.coming-soon>.button{margin-top:24px}.error-banner{position:relative;background:#542337;border:1px solid #a8647d;padding:16px 65px 16px 25px;color:#fff;z-index:10}.error-banner button{position:absolute;right:20px;top:15px;background:none}.loading{min-height:60vh;display:flex;justify-content:center;align-items:center;gap:15px;color:var(--lilac)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020713d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.modal{background:#101e34;border:1px solid #65708e;border-radius:25px;padding:38px;position:relative;width:min(580px,100%);max-height:90dvh;overflow:auto;box-shadow:0 25px 90px #0009}.modal h2{font-size:32px;padding-right:20px}.modal>p{color:#c8c9e5;line-height:1.7}.modal>.button{margin-top:14px}.close-modal{position:absolute;top:18px;right:18px;background:#25334b;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1}.modal-icon{width:45px;height:45px;color:var(--mint);margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:15px}td,th{padding:13px 8px;text-align:left;border-bottom:1px solid #36435b}th{color:var(--lilac)}.detail-art{width:100%;max-height:290px;object-fit:cover;border-radius:15px;margin-bottom:25px}.reveal-modal{width:min(960px,100%);text-align:center}.reveal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.reveal-card{animation:reveal .6s both}.reveal-card:hover{transform:none}@keyframes reveal{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--mint);color:var(--navy);z-index:200}.skip-link:focus{top:12px}@media(min-width:1600px){.home-hero{min-height:640px}.hero-copy{padding-left:max(4.5%,calc((100% - 1450px)/2))}}@media(max-width:1100px){.topbar{gap:4%;padding:0 25px}.topbar nav{gap:24px}.account{gap:16px}.hero-copy{width:60%;padding-left:4%}.hero-description{font-size:21px}.hero-actions{gap:10px}.hero-actions .button{min-width:0;padding:14px 23px}.quiz-tile h3{font-size:20px}.tile-caption{padding:16px}.creature-grid{grid-template-columns:repeat(3,1fr)}.pack-art{height:440px}.quiz-brand strong{font-size:21px}.answer{font-size:23px}.site-footer{flex-wrap:wrap}}@media(max-width:760px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 20px;gap:12px;position:relative}.brand{font-size:26px}.brand svg{width:28px;height:28px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:10px;padding-top:10px}.topbar nav a{font-size:13px;gap:6px;padding:8px 0 13px}.topbar nav a svg{width:20px;height:20px}.topbar nav a.active:after{bottom:3px}.account{gap:15px}.coin-balance{font-size:18px}.profile img{width:35px;height:35px}.profile>svg{display:none}.home-hero{min-height:690px;background-position:66% top;background-size:auto 390px;background-repeat:no-repeat;align-items:flex-end;background-color:#081427}.hero-copy{width:100%;padding:260px 24px 28px;background:#08142733}.eyebrow{font-size:10px;letter-spacing:2.5px}.hero-copy h1{font-size:55px;line-height:1;max-width:350px;text-shadow:0 2px 20px #081427}.hero-description{font-size:18px;max-width:340px}.desktop-break{display:none}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .button{font-size:16px;flex:1;white-space:nowrap;padding:14px 16px}.join-form{margin-top:22px}.join-form .button{min-width:80px}.join-form input{width:100%;padding:14px}.wrap{padding:30px 22px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:26px}.section-heading>span{display:block;margin-top:9px;font-size:14px}.quiz-grid{grid-template-columns:1fr;gap:20px}.quiz-tile>img{height:180px}.quiz-tile h3{font-size:23px}.site-footer{margin:0 22px;font-size:12px;gap:15px}.site-footer>span:last-child{display:none}.quiz-brand{position:static;transform:none;order:3;width:100%;padding:8px}.quiz-brand strong{font-size:20px}.leave{font-size:14px}.quiz-stage{min-height:calc(100dvh - 120px);background-position:center bottom}.quiz-progress{width:89%;gap:12px;margin:22px auto;font-size:13px;flex-wrap:wrap}.quiz-progress progress{min-width:100px}.practice-label{font-size:12px;width:100%;justify-content:center}.question-area{width:89%;margin:15px auto 35px}.question-title{font-size:30px;letter-spacing:-.7px;line-height:1.2}.question-instruction{font-size:16px}.answer-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.answer{min-height:75px;font-size:20px;padding:16px;gap:17px;border-radius:15px}.answer-letter{width:36px;height:36px;font-size:18px}.answer-hint span{display:none}.feedback{flex-direction:column;align-items:stretch;padding:18px;gap:16px}.feedback p{font-size:15px}.quiz-status{padding:18px 22px;font-size:12px;flex-wrap:wrap}.quiz-status>span:last-child{display:none}.results{margin:20px auto}.results h1{font-size:42px}.results>img{width:145px;height:145px}.results p{font-size:16px}.pack-feature{grid-template-columns:1fr;margin-bottom:35px}.pack-art{height:300px}.pack-copy{padding:25px 0}.pack-copy h1{font-size:39px}.pack-copy>.small-note{margin-top:25px}.pack-copy>p:not(.eyebrow){font-size:17px}.creature-grid{grid-template-columns:repeat(2,1fr);gap:13px}.creature-card h3{font-size:19px}.creature-card>div{padding:13px}.creature-card p{font-size:13px}.collection-heading{display:block;margin-top:8px}.collection-heading h1{font-size:38px}.shard-balance{font-size:16px;margin-top:18px}.collection-tools{flex-direction:column;align-items:stretch;gap:14px}.tabs{gap:2px;justify-content:space-between}.tabs button{padding:11px 10px;font-size:14px}.quantity{font-size:10px;right:7px;top:7px;padding:4px 7px}.coming-soon h1{font-size:44px}.modal-backdrop{padding:15px}.modal{padding:28px 22px;border-radius:20px}.modal h2{font-size:27px}.reveal-grid{gap:10px;grid-template-columns:1fr}.reveal-card{display:grid;grid-template-columns:110px 1fr;align-items:center}.reveal-card>img{width:110px}.reveal-modal .button{width:100%}.detail-art{max-height:230px}.reveal-modal>p{margin-bottom:10px}.reveal-modal h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:761px){.home-hero{min-height:570px}.hero-copy{padding-top:34px;padding-bottom:25px}.hero-copy h1{font-size:clamp(60px,5.8vw,86px);line-height:1;margin-bottom:20px}.hero-copy .eyebrow{margin-bottom:14px}.hero-description{font-size:23px;line-height:1.35;margin-bottom:25px}.join-form{margin-top:23px}.quiz-tile>img{height:240px}.tile-caption{position:absolute;bottom:0;left:0;right:0;background:#081427d9;padding:17px 20px}.quiz-discovery{padding-top:34px}.quiz-grid{gap:22px}}@media(max-width:760px){.hero-copy .eyebrow{background:#081427e6;padding:6px 8px;display:table;border-radius:5px}}.auth-page{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1200px;min-height:75vh}.auth-intro>img{width:180px;height:180px;object-fit:cover;border-radius:28px;margin-bottom:24px}.auth-intro h1{font-size:54px}.auth-intro p,.auth-panel p{color:var(--muted);line-height:1.6}.auth-panel{background:#101e34;border:1px solid #425375;border-radius:24px;padding:32px}.auth-panel label{display:grid;gap:7px;margin:18px 0;font-weight:700}.auth-panel input{width:100%}.auth-panel label small{font-weight:400;font-size:12px;color:var(--muted)}.auth-panel .button{width:100%;margin:14px 0}.auth-panel h2{margin-bottom:12px}.guest-actions .button{font-size:15px;min-height:40px;padding:9px 18px}.auth-panel .text-button{font-size:14px}@media(max-width:760px){.auth-page{grid-template-columns:1fr;gap:24px}.auth-intro>img{display:none}.auth-intro h1{font-size:38px}.auth-intro .eyebrow{margin-bottom:12px}.auth-panel{padding:24px}.guest-actions{gap:12px;font-size:14px}.topbar:has(.guest-actions){gap:8px}}.mail-banner{padding:16px 4%;background:#153a36;color:#caffed;display:flex;justify-content:space-between;gap:20px}.recovery-page{max-width:620px;margin:55px auto;padding:32px}.recovery-page h1{font-size:38px;line-height:1.15}.recovery-page strong{overflow-wrap:anywhere}.recovery-page>.text-button,.forgot-link{display:block;margin:18px 0}@media(max-width:760px){.recovery-page{margin:28px 20px;padding:24px}.recovery-page h1{font-size:32px}}