@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#14203c;--muted:#66738b;--navy:#111b3b;--mint:#91f0c8;--mint-dark:#2ca98d;--paper:#f8fafc;--purple:#a687ee;--line:#e5eaf3;--radius:22px;--heading:Outfit,system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #79bcec;outline-offset:3px}.shell{width:min(1180px,calc(100% - 52px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:5px;z-index:99;padding:12px;background:#fff}.skip-link:focus{left:10px}.site-header{background:var(--navy);color:#fff;position:relative;z-index:5;border-bottom:1px solid #ffffff18}.nav-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#75e4c9,#b4efcc);box-shadow:0 8px 24px #73e9c038;color:#1a3f5c}.brand-atom{font-size:31px;line-height:1}.brand-title{font-family:var(--heading);font-size:24px;font-weight:900;line-height:1;letter-spacing:-1px}.brand-title>span,.footer-brand strong span{color:#96edcd}.brand-title small{display:block;font-family:var(--body);font-weight:700;font-size:8.5px;letter-spacing:2px;color:#92a5c5;margin-top:7px}.topnav{display:flex;gap:37px;font-weight:600;color:#c7cfe2;font-size:13px}.topnav a:hover{color:#a2f0d2}.nav-quiz{border:1px solid #637094;border-radius:12px;color:#fff;background:#ffffff14;padding:13px 16px;font-size:13px;font-weight:800}.nav-quiz span{margin-left:9px;color:#9eebca}.nav-quiz:hover{background:#ffffff25}.hero{background:radial-gradient(ellipse at 84% 48%,#222960 0%,transparent 45%),linear-gradient(135deg,#111b3b 0%,#152249 62%,#171f45 100%);color:#fff;position:relative;overflow:hidden}.hero-lights{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none}.light-a{width:340px;height:340px;background:#2dbbb928;top:30px;right:25%}.light-b{width:290px;height:240px;background:#9268fe18;bottom:-100px;left:8%}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;min-height:553px;align-items:center;position:relative;z-index:1;gap:24px}.hero-copy{padding:45px 0 46px}.hero-pill{display:inline-flex;align-items:center;gap:9px;background:#28385c;border:1px solid #405478;border-radius:99px;padding:11px 14px;color:#c4efdd;font-size:11px;letter-spacing:1.45px;font-weight:800}.hero-pill .dot{opacity:.4}.pulse{width:8px;height:8px;background:#a8ffd7;border-radius:50%;box-shadow:0 0 0 5px #a8ffd71b}.hero h1{font-family:var(--heading);font-weight:900;font-size:clamp(42px,5.3vw,73px);line-height:1.08;letter-spacing:-2.4px;margin:24px 0 20px}.gradient-text{background:linear-gradient(100deg,#a1f3cc,#81cbeb);color:transparent;background-clip:text;-webkit-background-clip:text}.highlight-hand{position:relative;display:inline-block}.highlight-hand:after{content:'';position:absolute;bottom:1px;left:4px;right:0;height:10px;background:#f3c55a;z-index:-1;transform:rotate(-2deg);border-radius:99px;opacity:.9}.hero-copy p{color:#bdc6df;max-width:490px;font-size:15.5px;line-height:1.86;margin:0}.hero-copy p strong{color:#ecf3ff;font-weight:600}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:29px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:16px 22px;font-size:13.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn-primary{background:linear-gradient(125deg,#a1f0c8,#69d9bb);color:#142d3c;box-shadow:0 12px 28px #26cc9d2a}.btn-ghost{background:transparent;border:1px solid #546388;color:#e8efff}.btn-dark{background:#17254b;color:white}.hero-meta{display:flex;gap:16px;align-items:center;margin-top:36px;color:#b8c7da;font-size:12px}.avatars{letter-spacing:-8px;font-size:17px;padding-right:9px}.hero-art{height:475px;position:relative;align-self:center}.orb-glow{position:absolute;inset:50px 26px;border-radius:50%;background:radial-gradient(circle,#44e7c923,transparent 65%)}.orbit{position:absolute;border-radius:50%;border:1px dashed #7fd4da33;top:12%;bottom:9%;left:7%;right:7%;transform:rotate(-20deg)}.orbit-two{transform:rotate(45deg);border-color:#b9a2f433;top:19%;bottom:12%}.hero-visual-center{position:absolute;inset:95px 65px 65px;display:grid;place-items:center}.hero-glass{width:280px;height:280px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 27%,#4b699b75,#2c2f685c 53%,#14204b20 70%);border:1px solid #8bd7cd50;box-shadow:0 0 0 18px #ffffff05,0 0 0 36px #ffffff04,0 28px 100px #040c3088;display:grid;place-items:center;transform:rotate(-8deg)}.cell-blob{position:relative;width:183px;height:164px;border-radius:42% 50% 42% 56%;background:radial-gradient(circle at 35% 35%,#b2f8d3 0%,#65caa6 55%,#2d7f86 90%);box-shadow:inset -18px -24px 32px #268d8688,inset 12px 14px 23px #effff655,0 18px 45px #08142c88;transform:rotate(22deg);animation:wobble 7s ease-in-out infinite}.cell-blob:before,.cell-blob:after{content:'';position:absolute;background:#75dcb3;border-radius:50%}.cell-blob:before{width:42px;height:49px;top:-13px;left:53px}.cell-blob:after{width:55px;height:57px;bottom:-10px;right:6px}.cell-nucleus{position:absolute;z-index:2;width:76px;height:69px;border-radius:50%;background:radial-gradient(circle at 27% 22%,#d1b6ff,#846fc6 60%,#5548a8);top:43px;left:45px;box-shadow:inset -8px -9px 12px #58449877}.cell-nucleus:after{content:'';position:absolute;border-radius:50%;width:21px;height:21px;background:#f1ceff;top:19px;left:29px;opacity:.8}.cell-spot{position:absolute;width:18px;height:18px;background:#d5ffe7;border-radius:50%;box-shadow:inset -4px -4px 7px #48a683}.spot-one{top:25px;right:26px}.spot-two{bottom:24px;left:28px;width:26px;height:26px}.hero-caption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:9px;background:#1a325d;color:#b1eedf;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:2px}.live-dot{color:#85e5c2}.float-label{position:absolute;z-index:2;background:#f6faff;border-radius:13px;color:#182440;display:flex;align-items:center;gap:10px;padding:12px 16px;box-shadow:0 21px 50px #060c2b66;border:1px solid #dce5f2;font-size:12px;font-weight:800;animation:floaty 5s ease-in-out infinite}.float-label{font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.float-label:hover{border-color:#6ddfc0;box-shadow:0 16px 50px #49dcc453}.float-label:focus-visible{outline:3px solid #a1ffda;outline-offset:4px}.float-label small{display:block;font-weight:600;margin-top:5px;color:#8794a8;font-size:10px}.label-emoji{width:35px;height:35px;display:grid;place-items:center;background:#effaf6;border-radius:10px;font-size:20px}.label-top{top:61px;right:15px;transform:rotate(6deg)}.label-left{top:165px;left:-6px;animation-delay:2.2s}.label-right{right:-9px;bottom:120px;animation-delay:1.5s}.label-bottom{bottom:58px;left:0;animation-delay:.7s}.spark{position:absolute;color:#96fbd3}.sparkle-a{top:65px;left:65px;font-size:30px}.sparkle-b{right:16px;top:210px;font-size:24px;color:#b5a5ff}.sparkle-c{bottom:80px;right:110px;font-size:38px}@keyframes wobble{50%{transform:rotate(30deg) scale(1.035)}}@keyframes floaty{50%{translate:0 -9px}}.stats-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:#ffffff0d;border:1px solid #ffffff17;border-radius:17px 17px 0 0;overflow:hidden}.stats-row>div{padding:22px 28px;border-right:1px solid #ffffff17;display:flex;align-items:center;gap:13px}.stats-row>div:last-child{border:0}.stats-row strong{font-family:var(--heading);font-size:28px;color:#b1f1d9;letter-spacing:-1px}.stats-row span{font-size:11px;color:#bec8e0;line-height:1.4}.stats-row .ar-stars{color:#bdfbdd;font-size:23px}.section{padding-top:90px;padding-bottom:90px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:9px;color:#198e83;letter-spacing:2px;font-size:10px;font-weight:900}.eyebrow>span{height:9px;width:9px;border-radius:50%;background:#4bd6b2}.section-top h2,.summary-intro h2,.quiz-banner h2{font-family:var(--heading);font-size:clamp(29px,3.1vw,42px);letter-spacing:-1.5px;line-height:1.18;margin:15px 0 9px}.section-top h2 em,.summary-intro h2 em{font-style:normal;color:#32aa90}.section-top p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.search-wrap{width:275px;flex-shrink:0;border:1px solid #e0e7f0;border-radius:13px;background:#fff;display:flex;align-items:center;padding:0 14px;box-shadow:0 7px 20px #1e31560a}.search-wrap span{color:#95a1b4;font-size:26px;margin-right:7px}.search-wrap input{min-width:0;width:100%;border:0;outline:0;padding:14px 0;font-size:12.5px;color:#22334e;background:transparent}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.filter{border-radius:11px;border:1px solid #e1e7ef;padding:11px 15px;background:#fff;color:#617089;font-size:12px;font-weight:800;transition:all .15s}.filter:hover{border-color:#90d6c2}.filter.active{background:#17355a;color:#fff;border-color:#17355a;box-shadow:0 7px 15px #14274722}.filter .filter-count{background:#ffffff22;padding:2px 7px;border-radius:7px;font-size:10px;margin-left:5px}.result-status{height:27px;font-size:11px;color:#8491a5;font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.organism-card{min-width:0;border-radius:19px;border:1px solid #e7ebf2;background:white;overflow:hidden;position:relative;box-shadow:0 6px 30px #1a315809;transition:transform .18s,box-shadow .18s,border-color .18s}.organism-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #1a31581c;border-color:#a6dbc9}.card-art{height:145px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--card-a),var(--card-b))}.card-art:before{content:'';position:absolute;width:145px;height:145px;border:1px dashed #ffffff94;border-radius:50%}.card-art:after{content:'';position:absolute;width:110px;height:110px;background:#ffffff67;border-radius:50%;filter:blur(22px)}.card-emoji{position:relative;z-index:2;font-size:66px;line-height:1;filter:drop-shadow(0 15px 10px #234c6630);transform:rotate(-8deg)}.card-num{position:absolute;top:12px;left:13px;z-index:2;font-size:10px;font-weight:900;color:#436179;background:#ffffffb8;padding:5px 8px;border-radius:7px}.card-seen{position:absolute;top:12px;right:12px;z-index:2;background:#ffffffd8;font-size:10px;color:#19684d;border-radius:99px;padding:6px 9px;font-weight:900}.card-body{padding:19px 17px 17px}.card-kind{font-weight:900;font-size:10px;letter-spacing:.45px;color:var(--card-label);text-transform:uppercase}.card-body h3{font-family:var(--heading);font-size:19px;letter-spacing:-.35px;margin:8px 0 7px}.card-body p{font-size:12px;color:#8390a2;line-height:1.6;min-height:58px;margin:0 0 14px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecf0f5;padding-top:13px;gap:5px}.card-footer span{font-size:10px;color:#93a0b0;font-weight:700}.card-open{background:#e7faf2;color:#147c63;font-size:11px;font-weight:900;border:0;border-radius:9px;padding:10px 12px}.card-open:hover{background:#c5f2dd}.empty-state{text-align:center;padding:70px 10px;color:#8290a4}.how-area{background:#142145;color:white;position:relative;overflow:hidden}.how-area:before{content:'';position:absolute;border:1px dashed #4c6595;border-radius:50%;width:530px;height:530px;right:-240px;top:-220px;opacity:.4}.how-inner{padding-top:81px;padding-bottom:83px;position:relative}.dark-section{margin-bottom:31px}.dark-section .eyebrow{color:#a5f0d5}.dark-section h2{color:white}.dark-section h2 em{color:#9dedc8}.dark-section p{color:#c0cae0}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.how-grid article{border-radius:17px;border:1px solid #ffffff20;background:linear-gradient(160deg,#263359,#202e53);padding:22px;min-height:205px;position:relative}.how-num{position:absolute;right:17px;top:19px;color:#b1bed04a;font-family:var(--heading);font-size:22px;font-weight:900}.how-icon{font-size:30px}.how-grid h3{font-family:var(--heading);font-size:19px;margin:19px 0 7px}.how-grid p{font-size:12px;color:#bbc7dc;line-height:1.75;margin:0}.summary-layout{display:grid;grid-template-columns:.79fr 1.21fr;gap:70px;align-items:center}.summary-intro h2{font-size:42px}.summary-intro p{color:#6b7890;font-size:14px;line-height:1.9;margin:16px 0 22px;max-width:400px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.summary-grid article{padding:22px;border:1px solid #e8ecf4;border-radius:18px;background:#fbfcfe}.summary-emoji{height:44px;width:44px;background:#ecf7f4;border-radius:13px;display:grid;place-items:center;font-size:22px}.summary-grid h3{font-family:var(--heading);font-size:16px;margin:14px 0 5px}.summary-grid p{font-size:11.5px;line-height:1.7;color:#74839a;margin:0}.quiz-banner{background:linear-gradient(100deg,#e9f7f1,#e5f4ff 70%,#e6e7ff);border-radius:25px;min-height:275px;margin-bottom:85px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:38px 55px;position:relative}.quiz-badge{font-size:10px;letter-spacing:1.9px;color:#148675;font-weight:900}.quiz-banner h2{margin:10px 0 8px}.quiz-banner h2 em{font-style:normal;color:#2fa98c}.quiz-banner p{font-size:13px;color:#70809a;margin-bottom:20px}.trophy{font-size:125px;filter:drop-shadow(0 25px 16px #1525442a);transform:rotate(11deg);margin:10px 9% 0 0}.trophy span{font-size:50px;position:absolute;right:-28px;top:-15px}.site-footer{border-top:1px solid #ebeff5;padding-top:27px;padding-bottom:36px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8793a4;font-size:11px}.footer-brand{font-size:19px;color:#319d87;font-weight:700}.footer-brand strong{font-family:var(--heading);color:#172649;font-weight:900}.footer-brand strong span{color:#3bb49b}.footer-brand small{font-size:10px;color:#8793a4;display:block;margin-top:5px}.site-footer>div:last-child{display:flex;gap:22px;align-items:center}.site-footer a{color:#267c70;font-weight:800}.detail-dialog,.quiz-dialog{padding:0;border:0;max-height:min(93vh,980px);width:min(1040px,calc(100vw - 24px));box-shadow:0 30px 110px #080f2b9c;border-radius:24px;overflow:auto;color:var(--ink)}dialog::backdrop{background:#070e22bf;backdrop-filter:blur(6px)}.dialog-shell{padding:23px 26px 25px}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf3;padding-bottom:18px}.detail-title-line{display:flex;gap:13px;align-items:center}.detail-icon{width:51px;height:51px;border-radius:14px;background:#e9f8f0;display:grid;place-items:center;font-size:29px}.detail-category{font-size:10px;text-transform:uppercase;color:#28947e;font-weight:900;letter-spacing:1.1px}.detail-title-line h2{font-family:var(--heading);font-size:28px;margin:3px 0 0;line-height:1.1}.circle-close{height:38px;width:38px;border-radius:50%;background:#f0f3f8;color:#5b6a80;border:0;font-size:17px}.circle-close:hover{background:#e1e9f1}.detail-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:25px;margin-top:21px}.model-wrapper{position:relative;background:radial-gradient(circle at 50% 38%,#eff9ff 0%,#e8f2fa 47%,#e5eef5 100%);border:1px solid #e1eaf0;border-radius:18px;overflow:hidden;min-height:363px}.model-wrapper:after{content:'';position:absolute;bottom:40px;left:10%;right:10%;height:1px;background:#b8d1df70}.viewer-tag{position:absolute;top:15px;left:15px;z-index:2;background:#ffffffd9;color:#51758c;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:900;letter-spacing:1.3px}.model-wrapper model-viewer{width:100%;height:365px;display:block;--poster-color:transparent;background:transparent;outline:none}.viewer-loading{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#6a8796}.viewer-loading span{font-size:50px;animation:spin 7s linear infinite}.viewer-loading small{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.viewer-hint{position:absolute;bottom:11px;left:0;right:0;text-align:center;color:#7795a7;font-size:10px;font-weight:700;padding:0 10px;pointer-events:none}.viewer-actions{display:flex;gap:9px;margin-top:12px}.btn-outline,.btn-ar{border:1px solid #dce5ee;background:white;color:#536881;border-radius:10px;padding:12px 13px;flex:1;font-size:11px;font-weight:800}.btn-ar{background:#1b896f;color:white;border-color:#1b896f;flex:1.3}.btn-ar:disabled{opacity:.5;cursor:not-allowed}.btn-outline:hover{background:#f7fbfd}.btn-ar:not(:disabled):hover{background:#156f60}.ar-hint{font-size:10px;line-height:1.5;color:#91a0b1;margin:10px 2px}.info-heading{padding:0 1px 14px}.info-pill{display:inline-block;font-size:9px;letter-spacing:1.2px;font-weight:900;color:#289c85}.info-heading p{line-height:1.65;font-size:13px;color:#5a6c84;margin:10px 0 0}.stage-card{background:#f6f9fd;border:1px solid #e6edf5;border-radius:16px;padding:18px}.stage-header{display:flex;align-items:center;justify-content:space-between;color:#6e7e96;font-size:10px;letter-spacing:.7px;font-weight:900}.stage-header b{background:#dcefe9;border-radius:7px;padding:5px 9px;color:#198f74}.stage-track{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 6px 20px;position:relative}.stage-track:before{content:'';position:absolute;left:10px;right:10px;top:16px;height:3px;background:#dce6ec}.stage-dot{border:3px solid #f6f9fd;box-shadow:0 0 0 2px #d3e1e9;width:36px;height:36px;border-radius:50%;background:white;color:#94a5b7;position:relative;z-index:1;font-size:12px;font-weight:900}.stage-dot.active{box-shadow:0 0 0 2px #35b991;background:#31b995;color:white}.stage-dot.done{background:#d8f3e6;color:#168667;box-shadow:0 0 0 2px #9bdcc3}.stage-card h3{font-family:var(--heading);font-size:21px;margin:0 0 6px}.stage-card>p{color:#61738a;line-height:1.7;font-size:12px;margin:0;min-height:63px}.stage-controls{display:flex;justify-content:space-between;gap:7px;margin-top:15px}.small-btn{background:white;border:1px solid #d9e5ee;color:#536b81;border-radius:9px;padding:10px 10px;font-size:10.5px;font-weight:800}.small-btn:disabled{color:#adb9c5;cursor:not-allowed}.autoplay-btn{background:#20395d;border-color:#20395d;color:#fff}.autoplay-btn.playing{background:#5b4b92}.next-btn{background:#2ba987;color:#fff;border-color:#2ba987}.fact-card{margin-top:12px;background:#fffaf0;border:1px solid #faebca;border-radius:12px;padding:13px 16px}.fact-card>span{color:#a88731;font-size:10px;letter-spacing:1px;font-weight:900}.fact-card p{color:#88733c;font-size:11.5px;line-height:1.55;margin:7px 0 0}.note-card{margin-top:10px;padding:12px;border:1px solid #f3d5bb;background:#fff5ec;border-radius:12px;font-size:11px;line-height:1.6;color:#9a612e}.speak-btn{margin-top:13px;border:0;background:transparent;color:#2b9583;font-size:12px;font-weight:900;padding:8px 0}.quiz-dialog{width:min(620px,calc(100vw - 22px))}.quiz-modal{padding:29px}.quiz-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #e6edf3}.quiz-kicker{font-size:10px;color:#259b86;letter-spacing:1.4px;font-weight:900}.quiz-top h2{font-family:var(--heading);margin:6px 0 0;font-size:27px}.quiz-progress{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8995a7;font-weight:800;margin:22px 0 9px}.quiz-bar{height:8px;background:#eaf0f5;overflow:hidden;border-radius:99px}.quiz-bar span{display:block;height:100%;background:linear-gradient(90deg,#41c5a2,#a9eab5);border-radius:99px;transition:width .25s}.quiz-question{font-size:22px;font-family:var(--heading);margin:27px 0 19px;line-height:1.35}.answers{display:grid;gap:10px}.answer{border-radius:12px;border:1.5px solid #e4eaf1;background:#fff;text-align:left;padding:15px 16px;color:#3d506c;font-size:13px;font-weight:700;display:flex;align-items:center;gap:13px}.answer .letter{width:27px;height:27px;border-radius:8px;background:#eff3f7;color:#778ca4;display:grid;place-items:center;font-weight:900;font-size:11px;flex-shrink:0}.answer:not(:disabled):hover{background:#f6fbf9;border-color:#b0e6cf}.answer.correct{border-color:#39b98b;background:#edfbf5;color:#19795e}.answer.wrong{border-color:#f2a5a5;background:#fff0f0;color:#ab4d4d}.answer:disabled{cursor:default}.answer-feedback{font-size:12px;line-height:1.6;padding:13px;border-radius:10px;background:#f3f8fa;margin-top:13px;color:#4a5d72}.quiz-next{width:100%;margin-top:15px}.quiz-result{text-align:center;padding:30px 5px 8px}.quiz-result .result-icon{font-size:75px}.quiz-result h3{font-family:var(--heading);font-size:29px;margin:10px 0 4px}.quiz-result .score{font-family:var(--heading);font-size:50px;font-weight:900;color:#27a47f}.quiz-result p{line-height:1.7;color:#6a7e93}.quiz-result .btn{margin:10px}.toast{position:fixed;bottom:25px;left:50%;z-index:999;transform:translate(-50%,20px);opacity:0;background:#172a48;color:white;border-radius:12px;padding:13px 18px;font-size:12px;font-weight:700;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 36px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:1080px){.hero-grid{grid-template-columns:1.07fr .93fr}.hero-art{transform:scale(.9);transform-origin:center}.topnav{gap:17px}.stats-row>div{padding:18px 15px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-layout{gap:25px}.how-grid article{padding:17px}.dialog-shell{padding:18px}.detail-main{gap:16px}}
@media(max-width:760px){.shell{width:calc(100% - 34px)}.nav-inner{height:70px}.brand-title{font-size:21px}.brand-mark{width:39px;height:39px}.topnav{display:none}.nav-quiz{font-size:11px;padding:12px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:58px 0 8px;max-width:620px;width:100%}.hero h1{font-size:clamp(43px,8vw,64px)}.hero-copy p{font-size:14px}.hero-art{width:min(540px,100%);height:375px;margin:-15px auto 0;transform:scale(.85)}.stats-row{grid-template-columns:repeat(2,1fr);border-radius:15px 15px 0 0}.stats-row>div:nth-child(2){border-right:0}.stats-row>div:nth-child(-n+2){border-bottom:1px solid #ffffff17}.stats-row strong{font-size:26px}.section{padding-block:64px}.section-top{flex-direction:column;align-items:flex-start}.search-wrap{width:100%}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-art{height:133px}.card-emoji{font-size:57px}.card-body{padding:14px 13px}.card-body h3{font-size:18px}.card-body p{font-size:11px;min-height:67px}.card-kind{font-size:9px}.card-footer span{font-size:9px}.card-open{font-size:10px;padding:9px}.how-inner{padding-block:59px}.how-grid{grid-template-columns:repeat(2,1fr)}.summary-layout{grid-template-columns:1fr;gap:30px}.quiz-banner{padding:30px;min-height:255px;margin-bottom:58px}.trophy{font-size:85px;margin-right:2%}.site-footer{align-items:flex-start}.site-footer>div:last-child{display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:50%;text-align:right}.detail-main{grid-template-columns:1fr}.detail-dialog{max-height:96vh}.model-wrapper{min-height:250px}.model-wrapper model-viewer{height:290px}.dialog-shell{padding:16px}.detail-title-line h2{font-size:24px}.detail-info{padding-bottom:12px}.detail-main{gap:12px}.info-heading{padding:0 2px 8px}.stage-card{padding:14px}.stage-card>p{min-height:0}.viewer-tag{font-size:8px}.viewer-hint{font-size:9px}.detail-title-line{gap:8px}.detail-icon{width:45px;height:45px}.info-heading p{font-size:12px}.quiz-modal{padding:20px}}
@media(max-width:430px){.hero-copy{padding-top:41px}.hero-pill{font-size:9px;letter-spacing:.7px;padding:10px}.hero h1{font-size:42px;letter-spacing:-1.7px}.hero-actions .btn{font-size:12px;padding:14px 15px}.hero-meta{margin-top:22px}.hero-art{height:330px;transform:scale(.72);width:440px;max-width:none;margin-left:calc((100vw - 440px)/2)}.stats-row>div{padding:15px 10px;gap:9px}.stats-row strong{font-size:23px}.stats-row span{font-size:10px}.filter{padding:10px;font-size:10px}.filter .filter-count{padding:1px 3px}.cards-grid{gap:10px}.card-art{height:115px}.card-emoji{font-size:47px}.card-body{padding:13px 10px}.card-body h3{font-size:16px}.card-body p{min-height:70px}.card-footer{align-items:flex-start;flex-direction:column;gap:9px}.card-footer .card-open{width:100%}.how-grid{gap:10px}.how-grid article{padding:16px;min-height:210px}.how-grid h3{font-size:17px}.how-grid p{font-size:11px}.summary-grid{gap:10px}.summary-grid article{padding:14px}.summary-grid h3{font-size:15px}.quiz-banner{padding:26px 20px}.quiz-banner h2{font-size:29px}.trophy{font-size:62px}.trophy span{font-size:22px;right:-16px}.detail-dialog{width:calc(100vw - 12px)}.stage-controls{gap:4px}.small-btn{font-size:9px;padding:10px 6px}.viewer-actions{flex-direction:column}.viewer-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}