*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#170d24;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 50% 12%,#67408e66,transparent 60%),linear-gradient(145deg,#28153f,#170d24 60%,#322036);color:#fbf8ff}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #efce80;outline-offset:3px}button{color:inherit}.chrome{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;gap:7px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));background:#170d24e0;backdrop-filter:blur(10px)}.chrome button,.chrome a{display:grid;place-items:center;height:36px;min-width:36px;padding:0 8px;border:1px solid #ad89d457;background:#ffffff09;border-radius:11px;text-decoration:none;color:#f5e9ff;font-size:19px}.chrome .resource{margin-left:auto;font-size:10px;font-weight:850;letter-spacing:.08em}.chrome #clean{margin-left:0}.build{position:fixed;bottom:max(6px,env(safe-area-inset-bottom));width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#c9b3d9;pointer-events:none}#screen{position:absolute;inset:calc(54px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom));padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;align-items:center}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ambient i{position:absolute;color:#d6aaff20;font-style:normal;font-size:70px;animation:float 13s ease-in-out infinite alternate}.ambient i:nth-child(1){left:6%;top:8%}.ambient i:nth-child(2){right:5%;top:30%;animation-delay:-4s}.ambient i:nth-child(3){left:8%;bottom:12%}.ambient i:nth-child(4){right:17%;bottom:5%;animation-delay:-6s}.ambient i:nth-child(5){left:45%;top:50%;font-size:30px}.clean .ambient,.clean .build{visibility:hidden}.page{width:min(650px,100%);margin:auto 0;text-align:center}.eyebrow{color:#e4c48c;font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;margin:6px 0 14px}.shield{width:96px;height:114px;display:block;margin:0 auto 16px;filter:drop-shadow(0 8px 25px #af71e557)}.shield.big{width:122px;height:146px;animation:arrive .5s ease-out both}h1{font-size:clamp(32px,7vw,55px);line-height:1.02;letter-spacing:-.04em;margin:0 0 15px}h2{font-size:clamp(23px,4vw,34px);line-height:1.17;margin:8px 0 17px}p{line-height:1.6;color:#e0d1ec;font-size:15px}strong{color:#fff}.subtitle{margin:0 auto 22px;max-width:430px}.menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{display:block;min-height:48px;padding:13px 17px;border-radius:14px;border:1px solid #c8a6ed50;background:linear-gradient(#6d419630,#3a214a80);color:#fbf6ff;text-decoration:none;font-weight:850;font-size:13px;letter-spacing:.04em;text-align:center}.button.primary{background:linear-gradient(135deg,#b992e9,#9165ce);color:#1b0d2b;border-color:#e4c9ff;box-shadow:0 6px 24px #aa6ce52c}.menu .primary{grid-column:1/-1;font-size:18px;min-height:58px}.credit{font-size:11px;margin:22px 0 0;color:#bda6d1}.text-button{background:none;border:0;color:#e8c991;text-decoration:underline;padding:12px;font-size:12px}.quiz{margin:0;max-width:800px;width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.status{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#e0cba1;font-weight:900;letter-spacing:.05em}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stage{padding:8px 3px;background:#ffffff08;border:1px solid #b595d02c;border-radius:10px;text-align:center}.stage.active{border-color:#dabbf2;background:#9266be33}.stage b{font-size:9px;display:block;text-transform:uppercase;letter-spacing:.04em}.markers{display:flex;justify-content:center;gap:4px;margin-top:7px}.marker{width:11px;height:13px;clip-path:polygon(50% 0,100% 18%,100% 62%,75% 85%,50% 100%,25% 85%,0 62%,0 18%);background:#9d7cb548}.marker.done{background:#e8cb91}.track{height:4px;background:#b89cd32a;border-radius:8px;overflow:hidden}.track span{display:block;height:100%;background:#e7c991;transition:width .3s}.question-layout{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.question{font-size:clamp(19px,4.5vw,28px);line-height:1.28;margin:2px 0;letter-spacing:-.02em;text-align:left;flex:none}.answers{display:grid;gap:9px;grid-template-columns:1fr;margin:auto 0;min-height:0}.answer{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;border:1px solid #a780c952;border-radius:13px;background:linear-gradient(120deg,#59407575,#352143b0);text-align:left;color:#f8f2ff;font-weight:650;font-size:14px;line-height:1.25;transition:background .15s,transform .15s}.answer:hover{background:#75539780}.answer:active{transform:scale(.99)}.answer .letter{display:grid;place-items:center;width:28px;height:28px;flex:none;background:#ae83d125;border-radius:8px;color:#e7cd9b;font-weight:900}.quiz-foot{font-size:10px;color:#bca4cf;text-align:center;margin:0}.feedback{border:1px solid #a88aca55;background:#382447dc;box-shadow:0 20px 70px #0004;border-radius:22px;padding:24px;text-align:left}.feedback .result{font-size:30px;font-weight:900;color:#d9b3f4;line-height:1.1}.feedback .points{font-size:12px;letter-spacing:.1em;color:#efcf8b;font-weight:900}.feedback h2{font-size:21px}.feedback p{font-size:15px}.feedback .button{width:100%;margin-top:20px}.fact{border:1px solid #e3cba266;background:radial-gradient(at top,#a268c528,#322040);padding:25px;border-radius:24px}.badge-name{color:#efcf8b;font-size:12px;font-weight:900;letter-spacing:.08em}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 24px}.badge{background:#bd89e41c;border:1px solid #d7b27c55;border-radius:14px;padding:10px;font-size:11px;color:#efddb4}.score-total{font-size:52px;font-weight:950;color:#efcf8b;letter-spacing:-.04em;line-height:1.2}.score-total small{font-size:19px;color:#c8acd9}.motto{font-size:11px;font-weight:850;line-height:1.9;letter-spacing:.12em}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.learn-grid .button{font-size:11px}.learn-detail{background:#b181e51a;border:1px solid #bb8ed74d;border-radius:16px;padding:18px;text-align:left;margin:16px 0;min-height:100px}.learn-detail h2{font-size:20px;margin:0 0 8px}.learn-detail p{margin:0;font-size:14px}.resource-box{padding:20px;background:#ffffff07;border:1px solid #af91c43f;border-radius:18px;text-align:left;margin:12px 0}.resource-box h2{font-size:20px;margin:0 0 9px}.resource-box p{font-size:13px}.resource-links{display:flex;gap:8px;flex-wrap:wrap}.resource-links .button{flex:1;min-width:120px;font-size:12px}.pending{color:#ddc9e8;padding:12px;border-left:3px solid #d7b676;font-size:13px;line-height:1.5}.note{font-size:12px;color:#ccb5d9}.sponsor{padding:22px;border:1px solid #d2acdd55;border-radius:23px;background:#8752bd15}.sponsor .event-date{font-size:24px;color:#ecd39e;font-weight:900}.confetti{background:radial-gradient(circle at 15% 40%,#ddbff526,transparent 10%),radial-gradient(circle at 85% 25%,#e7cf9526,transparent 13%)}@keyframes float{to{transform:translateY(-18px) rotate(10deg)}}@keyframes arrive{from{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:none}}@media(max-height:700px){#screen{padding-top:8px;padding-bottom:6px}.quiz{gap:8px}.stage{padding:5px 2px}.question-layout{gap:7px}.question{font-size:19px}.answer{min-height:47px;font-size:13px;padding:8px 12px}.answers{gap:7px}.shield{width:70px;height:84px;margin-bottom:10px}.subtitle{font-size:13px;margin-bottom:14px}.credit{margin-top:12px}.menu{gap:8px}.menu .primary{min-height:50px}}@media(orientation:landscape) and (max-height:600px){.question-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}.answers{gap:6px}.answer{min-height:44px;font-size:12px;padding:7px 10px}.question{font-size:21px}.stages{gap:9px}.page{max-width:650px}.menu{grid-template-columns:repeat(3,1fr)}.menu .primary{grid-column:1/-1}.shield{width:55px;height:66px}.feedback{padding:16px}.feedback p{font-size:13px}.feedback .result{font-size:24px}.feedback h2{margin:8px 0}.feedback .button{margin-top:10px}.feedback .shield{display:none}.fact{padding:16px}.fact .shield{width:40px;height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-height:550px){.quiz{gap:6px}.quiz .eyebrow{margin:2px 0 7px;font-size:9px}.question{font-size:17px}.answer{min-height:44px;padding:6px 12px;font-size:12.5px}.quiz-foot{display:none}.question-layout{gap:7px}}

[hidden]{display:none!important}
#screen{outline:none}

/* P02: support and a decorative chain; no moving hazards or reading timers. */
.quiz,.confetti{position:relative;isolation:isolate}.support-label{display:flex;justify-content:space-between;color:#e5d0ad;font-size:9px;letter-spacing:.08em;font-weight:850}.track span{background:linear-gradient(90deg,#a888d9,#e7c991)}.cycle-chain{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:24px}.chain-link{position:absolute;width:34px;height:52px;border:5px solid #c4a8db22;border-radius:22px;top:calc(8% + mod(var(--i),5)*18%);left:calc(2% + mod(var(--i),3)*47%);transform:rotate(calc(var(--i)*37deg));box-shadow:inset 0 0 0 1px #ffffff13}.chain-link:nth-child(3n+1){left:0}.chain-link:nth-child(3n+2){left:calc(100% - 34px)}.chain-link:nth-child(3n){left:48%;top:calc(2% + var(--i)*5%)}.chain-link.broken{border-left-color:transparent;border-bottom-color:transparent;opacity:.25;transform:translateY(12px) rotate(calc(var(--i)*37deg + 20deg));transition:transform .4s,opacity .4s}.card-unlock{font-size:11px!important;color:#edce91!important;font-weight:800;border-top:1px solid #ac82ce44;padding-top:12px}.learning-card{background:linear-gradient(145deg,#5e397c,#2c193e);border:1px solid #e5c99899;box-shadow:0 15px 50px #0005;padding:26px 22px;border-radius:24px;min-height:310px}.learning-card h1{font-size:32px}.card-gallery{touch-action:pan-y}.card-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.button:disabled{opacity:.4;cursor:default}.event-support{margin-top:24px;padding:20px 14px;background:#a37ac519;border:1px solid #c3a56855;border-radius:18px}.event-support p{font-size:13px}.event-support .eyebrow{font-size:9px;line-height:1.6}.final-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,#dec69466,transparent 50%);animation:daybreak 1.2s ease-out both}.shatter .chain-link{border-color:#f2d78f88;border-left-color:transparent;animation:chain-break 1.1s ease-out both;animation-delay:calc(var(--i)*.025s)}@keyframes chain-break{from{opacity:1;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(calc((var(--i) - 7)*30px),160px) rotate(130deg)}}@keyframes daybreak{from{opacity:0}to{opacity:1}}@media(max-height:550px){.quiz{gap:4px}.support-label{font-size:8px}.stage b{font-size:8px}.markers{margin-top:4px}.learning-card{min-height:230px;padding:18px}.learning-card h1{font-size:26px}}@media(prefers-reduced-motion:reduce){.shatter .chain-link{opacity:0}.final-light{opacity:1}}
@media(max-height:550px) and (orientation:portrait){.quiz .eyebrow{display:none}.question{font-size:16px;line-height:1.22}.question-layout{gap:5px}.answer{font-size:12px}}