:root{--ink:#0b2d63;--paper:#fffffff0;--muted:#5f718b;--blue:#0876ee;--green:#05be79;--orange:#ff8a00;--yellow:#ffc400;--danger:#bc3151;--line:#dce7f3;--shadow:0 18px 44px #12325a29}*{box-sizing:border-box}body,html{min-height:100%;color:var(--ink);background:#eef5fb;margin:0;font-family:system-ui,-apple-system,PingFang HK,Noto Sans TC,Microsoft JhengHei,sans-serif}button{font:inherit}[tabindex]:focus-visible,button:focus-visible{outline-offset:3px;outline:4px solid #111}button{cursor:pointer;border:0;border-radius:16px;min-height:50px;padding:12px 20px;font-weight:800}button[disabled]{opacity:.45;cursor:not-allowed}#app,.game{min-height:100vh}.game{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;display:flex;position:relative}.game:before{content:"";pointer-events:none;background:#ffffff38;position:absolute;inset:0}.topnav{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #fffc;border-radius:18px;justify-content:space-between;gap:12px;width:min(1200px,100% - 24px);margin:10px auto 0;padding:10px 18px;position:relative;box-shadow:0 6px 20px #0c2d5014}.progress,.topnav{align-items:center;display:flex}.progress{letter-spacing:.03em;gap:9px;font-size:14px;font-weight:900}.dot{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;display:inline-block}.dot.on{background:var(--ink)}.lang{gap:6px;display:flex}.lang button{min-height:38px;color:var(--ink);background:0 0;border-radius:11px;padding:6px 10px}.lang button.active{background:var(--ink);color:#fff}.stage{z-index:2;flex:1;justify-content:center;align-items:center;width:min(1200px,100% - 24px);margin:14px auto 20px;display:flex;position:relative}.panel{background:var(--paper);width:100%;box-shadow:var(--shadow);border:1px solid #fffffff0;border-radius:28px;padding:clamp(18px,2.5vw,32px);overflow:hidden}.startPanel{text-align:center;max-width:980px}h1{margin:0 0 8px;font-size:clamp(32px,4.6vw,58px);line-height:1.02}h2{margin:0 0 16px;font-size:clamp(24px,3.2vw,40px);line-height:1.08}h3{margin:0;font-size:clamp(20px,2.2vw,28px)}.sub{color:#315478;margin:4px 0 18px;font-size:clamp(18px,2vw,26px);font-weight:800}.prompt{margin:12px 0;font-size:clamp(18px,2vw,25px);font-weight:900}.primary{background:var(--ink);color:#fff;padding:14px 28px;font-size:clamp(18px,2vw,24px)}.secondary{color:var(--ink);background:#e9f2fb}.good{color:#046943;background:#dff8ed}.warn{color:#7e5700;background:#fff3cf}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:26px;display:grid}.heroVisual{justify-content:center;align-items:center;min-height:310px;display:flex;position:relative}.asset{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;display:block}.assetWrap{justify-content:center;align-items:center;display:flex;position:relative}.placeholder{color:#5b7187;text-align:center;background:#eef4f9;border:3px dashed #8ba3ba;border-radius:18px;padding:20px;font-weight:800}.answerBox{aspect-ratio:4/3;width:100%;max-height:500px;position:relative}.answerBox,.cover{justify-content:center;align-items:center;display:flex}.cover{color:#fff;z-index:3;background:#101010;border-radius:24px;font-size:100px;font-weight:900;transition:transform .6s,opacity .6s;position:absolute;inset:4%}.cover.reveal{opacity:0;pointer-events:none;transform:translateY(-105%)}.clueCard{background:#f4f8fc;border:2px solid #dce7f2;border-radius:22px;margin-bottom:14px;padding:18px}.kicker{color:#5a7894;text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:900}.clueText{margin-top:6px;font-size:clamp(23px,2.6vw,34px);font-weight:900;line-height:1.22}.choiceGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{color:var(--ink);text-align:left;background:#fff;border:2px solid #d6e2ee;font-size:18px}.choice.selected,.choice:hover{border-color:var(--blue)}.choice.selected{box-shadow:inset 0 0 0 2px var(--blue);background:#edf6ff}.choice.unsure{color:#566677;background:#f4f5f7;grid-column:1/-1}.actions{justify-content:flex-end;align-items:center;gap:10px;min-height:54px;margin-top:14px;display:flex}.feedback{color:#315478;min-height:30px;font-weight:900}.mascots{justify-content:center;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.mascot{-o-object-fit:contain;object-fit:contain;width:auto;height:clamp(88px,12vw,145px)}.mascot.small{height:90px}.startVisual{height:190px;margin:8px auto}.mascotRow{justify-content:center;align-items:flex-end;gap:18px;margin:6px 0 8px;display:flex}.featureCards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.featureCard{text-align:center;background:#fff;border:2px solid #dce7f2;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:190px;padding:14px;display:flex}button.featureCard{width:100%;color:var(--ink);font-weight:900}button.featureCard:hover{border-color:var(--blue)}.featureCard img{-o-object-fit:contain;object-fit:contain;width:100%;height:120px}.featureCard .label{font-size:18px;font-weight:900}.featureCard.selected{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}.transition{text-align:center;background:#edf8ff;border-radius:18px;margin-top:18px;padding:16px 18px;font-size:22px;font-weight:900}.trainingLayout{grid-template-columns:1.25fr .75fr;align-items:center;gap:24px;display:grid}.trainingGrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.trainingTile{aspect-ratio:4/3;background:#fff;border:2px solid #dce7f2;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.trainingTile img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.trainingTile.first{border-color:var(--blue);box-shadow:0 0 0 3px #0876ee1f}.machineDrop{justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.machineDrop.dragover:after{content:"";border:5px solid var(--green);border-radius:24px;position:absolute;inset:8%;box-shadow:0 0 0 8px #05be7926}.count{margin-top:8px;font-size:28px}.count,.equation{text-align:center;font-weight:1000}.equation{margin:18px 0;font-size:clamp(24px,3vw,38px)}.arrow{padding:0 8px;display:inline-block}.process{grid-template-columns:repeat(7,auto);margin:18px 0;display:grid}.procCard,.process{justify-content:center;align-items:center;gap:8px}.procCard{text-align:center;background:#fff;border:2px solid #dce7f2;border-radius:20px;flex-direction:column;width:170px;min-height:190px;padding:10px;display:flex}.procCard img{-o-object-fit:contain;object-fit:contain;width:100%;height:120px}.procCard b{font-size:18px}.procArrow{font-size:34px;font-weight:1000}.fourFeatures{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.fourFeatures .featureCard{min-height:170px}.scannerZone{grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;display:grid}.dragCard{text-align:center;background:#fff;border:2px solid #dce7f2;border-radius:22px;padding:14px}.dragCard img{-o-object-fit:contain;object-fit:contain;width:100%;height:280px}.scannerWrap{justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.scannerWrap img{-o-object-fit:contain;object-fit:contain;width:100%;max-height:420px}.scanLine{opacity:0;background:#00c97f;border-radius:3px;height:5px;position:absolute;top:26%;left:20%;right:20%;box-shadow:0 0 16px #00c97f}.scannerWrap.scanning .scanLine{opacity:1;animation:1.4s ease-in-out scan}@keyframes scan{0%{top:28%}50%{top:70%}to{top:28%}}.evidenceList{flex-wrap:wrap;justify-content:center;gap:10px;min-height:48px;margin-top:10px;display:flex}.evidence{background:#eef8f3;border-radius:14px;padding:10px 13px;font-weight:900}.prediction{text-align:center;background:#fff5cc;border-radius:18px;margin-top:12px;padding:14px;font-size:clamp(26px,3vw,42px);font-weight:1000}.questionChoices{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.questionChoices button{color:var(--ink);background:#fff;border:2px solid #dce7f2;min-height:82px;font-size:18px}.questionChoices button.selected{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}.miniCheck{max-width:780px;margin:18px auto 0}.finalStatements{text-align:center;margin:16px 0;font-size:22px;font-weight:900;line-height:1.5}.celebrate{animation:.7s ease-out pop}@keyframes pop{0%{opacity:.5;transform:scale(.94)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.hidden{display:none!important}.smallNote{color:var(--muted);text-align:center;margin-top:6px;font-size:14px;font-weight:700}@media (width<=800px){.featureCards,.fourFeatures,.grid2,.questionChoices,.scannerZone,.trainingLayout{grid-template-columns:1fr}.trainingGrid{grid-template-columns:repeat(5,1fr)}.process{grid-template-columns:1fr;justify-items:center}.procArrow{transform:rotate(90deg)}.panel{padding:16px}.heroVisual{min-height:240px}.answerBox{max-height:360px}.scannerWrap{min-height:330px}.scannerWrap img{max-height:330px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.topnav .progress{gap:10px}.progressLabel{font-size:16px;font-weight:1000}.instructionWrap{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}.sideMascot{flex-direction:column;align-items:center;gap:12px;display:flex}.sideMascot img{width:auto;max-height:180px}.speech{text-align:center;background:#fff;border:2px solid #dce7f2;border-radius:18px;padding:12px 14px;font-weight:900;box-shadow:0 8px 18px #12325a14}.taskCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.taskCard{opacity:.25;background:#fff;border:2px solid #dce7f2;border-radius:22px;flex-direction:column;justify-content:flex-start;gap:12px;min-height:250px;padding:16px;transition:all .35s;display:flex;transform:translateY(12px)}.taskCard.show{opacity:1;transform:none}.taskCard .visual{justify-content:center;align-items:center;height:118px;display:flex}.taskCard .visual img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.taskCard h3{font-size:22px;line-height:1.18}.taskCard p{color:#4d6785;margin:0;font-weight:900;line-height:1.4}.taskBottom{text-align:center;margin-top:18px}.taskBottom .prompt{margin:0 0 12px}.showAllBtn{color:var(--ink);background:#ecf3fb}.collectGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.collectBtn{background:#fff;border:2px solid #dce7f2;border-radius:18px;justify-content:center;align-items:center;min-height:128px;padding:8px;display:flex;position:relative}.collectBtn:hover{border-color:var(--blue)}.collectBtn.done{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green);background:#f1fbf6}.collectBtn .num{background:#133d74;width:28px;height:28px;font-size:14px;left:8px}.collectBtn .num,.collectBtn .tick{color:#fff;border-radius:50%;place-items:center;font-weight:1000;display:grid;position:absolute;top:8px}.collectBtn .tick{background:var(--green);width:30px;height:30px;right:8px}.collectBtn img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.counterBig{text-align:center;margin:14px 0 8px;font-size:28px;font-weight:1000}.coreIdea{color:#315478;text-align:center;background:#edf8ff;border-radius:18px;margin:0 0 16px;padding:14px 18px;font-size:18px;font-weight:900}.exampleStrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.exampleStrip .mini{background:#fff;border:2px solid #dce7f2;border-radius:14px;justify-content:center;align-items:center;height:94px;padding:6px;display:flex}.exampleStrip .mini img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.optionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.optionCard{text-align:center;min-height:170px;color:var(--ink);background:#fff;border:2px solid #dce7f2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.optionCard.selected,.optionCard:hover{border-color:var(--blue)}.optionCard.selected{box-shadow:inset 0 0 0 2px var(--blue);background:#eef6ff}.optionCard .iconBox{width:100px;height:80px}.optionCard .iconBox .bwSplit{background:linear-gradient(90deg,#111 0 50%,#fff 0 100%)}.optionCard .iconBox .bwSplit,.optionCard .iconBox .stripeBox{border:2px solid #dce7f2;border-radius:18px;width:74px;height:74px}.optionCard .iconBox .stripeBox{background:repeating-linear-gradient(135deg,#111 0 10px,#fff 0 20px)}.optionCard .iconBox .legsIcon{width:86px;height:70px;position:relative}.optionCard .iconBox .legsIcon:before{content:"";background:#f2c100;border-radius:12px;height:30px;position:absolute;top:10px;left:12px;right:12px}.optionCard .iconBox .legsIcon i{background:#f2c100;border-radius:8px;width:10px;height:34px;position:absolute;bottom:0}.optionCard .iconBox .legsIcon i:first-child{left:16px}.optionCard .iconBox .legsIcon i:nth-child(2){left:31px}.optionCard .iconBox .legsIcon i:nth-child(3){right:31px}.optionCard .iconBox .legsIcon i:nth-child(4){right:16px}.optionCard .iconBox .orangeBox{background:#ff9d00;border:2px solid #dce7f2;border-radius:18px;width:74px;height:74px}.optionCard .iconBox .longNeckIcon{width:82px;height:76px;position:relative}.optionCard .iconBox .longNeckIcon:before{content:"";background:#f2c100;border-radius:10px;width:14px;height:48px;position:absolute;top:4px;left:36px}.optionCard .iconBox .longNeckIcon:after{content:"";background:#f2c100;border-radius:10px;width:38px;height:24px;position:absolute;bottom:6px;left:24px}.optionCard .iconBox .spotsBox{background:#ffd766;border:2px solid #dce7f2;border-radius:18px;width:74px;height:74px;position:relative}.optionCard .iconBox .spotsBox:after,.optionCard .iconBox .spotsBox:before{content:"";background:#9d6323;border-radius:50%;position:absolute}.optionCard .iconBox .spotsBox:before{width:22px;height:22px;top:12px;left:10px;box-shadow:28px 8px #9d6323,18px 34px #9d6323}.optionCard .iconBox .spotsBox:after{width:20px;height:20px;bottom:12px;right:10px}.compareGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.compareCard{text-align:center;background:#fff;border:2px solid #dce7f2;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.compareCard.active{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}.compareCard img{-o-object-fit:contain;object-fit:contain;width:100%;height:160px}.tagList{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag{color:#204d78;background:#edf8ff;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:900}.dropLayout{grid-template-columns:1fr .9fr;align-items:start;gap:24px;display:grid}.pickList{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pickAnimal{text-align:center;cursor:grab;background:#fff;border:2px solid #dce7f2;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.pickAnimal img{-o-object-fit:contain;object-fit:contain;width:100%;height:150px}.pickAnimal:hover{border-color:var(--blue)}.dropZone{text-align:center;background:#f4f8fc;border:3px dashed #8ba3ba;border-radius:22px;justify-content:center;align-items:center;min-height:280px;padding:18px;display:flex}.dropZone.over{border-color:var(--green);background:#eefcf5}.dropZone.filled{border-style:solid;border-color:var(--green);background:#f1fbf6}.summaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.summaryCard{color:#315478;background:#fff;border:2px solid #dce7f2;border-radius:20px;padding:18px;font-weight:900;line-height:1.5}.panel .lead{text-align:center;max-width:980px;margin:0 auto 18px}.panel .lead h2{margin-bottom:10px}.panel .lead .sub{margin-bottom:0;font-size:18px}.panel .lead .kicker{margin-bottom:6px;display:block}@media (width<=900px){.compareGrid,.dropLayout,.instructionWrap,.optionGrid,.pickList,.summaryGrid,.taskCards{grid-template-columns:1fr}.collectGrid,.exampleStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.sideMascot{flex-direction:row;align-items:flex-start}}.homeExactPage{background:#f3f6f9;place-items:center;min-height:100vh;padding:0;display:grid}.homeExactFrame{aspect-ratio:1237/820;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:min(1237px,100vw);position:relative;box-shadow:0 12px 38px #102d4f17}.homeHitArrow{aspect-ratio:1;opacity:0;background:0 0;border:0;border-radius:50%;width:7.4%;position:absolute;top:59.5%;left:47.8%}.homeHitArrow:focus-visible{opacity:.14;outline-offset:4px;outline:3px solid #0d64c0}.homeLangHit{opacity:0;background:0 0;border:0;height:5%;position:absolute;top:2.1%}.homeLangHit.zhHit{width:5.8%;right:7.5%}.homeLangHit.enHit{width:5.2%;right:2.1%}.screen-4 .panel.round2InstructionPanel{width:100%;min-height:min(790px,82vh);overflow:visible;border-radius:0!important}.screen-4 .game{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.r2BoardInstruction{width:66%;min-height:590px;margin:2.2% auto 0;padding:28px 34px 76px;position:relative}.r2BoardHead{text-align:center;margin-bottom:16px}.r2BoardHead h1{margin-bottom:6px;font-size:clamp(32px,3.1vw,48px)}.r2BoardHead .sub{margin-bottom:0;font-size:clamp(17px,1.55vw,22px)}.r2BoardBody{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:16px;display:grid}.r2BoardMascot{justify-content:center;align-items:center;display:flex}.r2BoardMascot .mascot{height:130px}.r2BoardCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.r2BoardCard{background:#fff;border:2px solid #dce7f2;border-radius:20px;flex-direction:column;justify-content:center;min-height:125px;padding:17px 19px;display:flex;box-shadow:0 5px 14px #102d4f0d}.r2BoardCard h3{margin:0 0 7px;font-size:clamp(17px,1.35vw,21px)}.r2BoardCard p{color:#4d6785;margin:0;font-size:clamp(14px,1.05vw,17px);font-weight:850}.r2InstructionArrow{position:absolute;bottom:12px;right:18px;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important}.r2InstructionArrow svg{width:25px!important;height:25px!important}.screen-10 .game,.screen-11 .game,.screen-5 .game,.screen-6 .game,.screen-7 .game,.screen-8 .game,.screen-9 .game{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.screen-10 .panel,.screen-11 .panel,.screen-5 .panel,.screen-6 .panel,.screen-7 .panel,.screen-8 .panel,.screen-9 .panel{background:#fffffff5}.screen-12 .stage{width:min(1180px,100% - 28px)}.screen-12 .panel.reflectionPanel{justify-content:center;align-items:center;min-height:min(690px,78vh);display:flex;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.screen-12 .game{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.reflectionComplete{text-align:center;width:min(760px,78%);margin:0 auto;padding:28px 34px}.reflectionComplete h1{margin-bottom:24px;font-size:clamp(42px,4.5vw,64px)}.reflectionQuestions{gap:16px;display:grid}.reflectionQuestions p{color:#173a5d;margin:0;padding:14px 18px;font-size:clamp(19px,1.8vw,25px);font-weight:850;line-height:1.55}.reflectionComplete .actions{justify-content:center;margin-top:22px}@media (width<=850px){.r2BoardInstruction{width:84%;padding:18px 18px 70px}.r2BoardBody{grid-template-columns:1fr;gap:8px}.r2BoardMascot .mascot{height:80px}.r2BoardCards{grid-template-columns:1fr 1fr}.r2BoardCard{min-height:105px;padding:12px}}@media (width<=620px){.r2BoardInstruction{width:92%;margin-top:4%}.r2BoardCards{grid-template-columns:1fr}.homeExactFrame{width:100vw}.reflectionComplete{width:94%;padding:16px}}.gameHomeBtn{min-height:44px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:14px;font-weight:950;display:inline-flex;box-shadow:0 3px 8px #102d4f0d}.gameHomeBtn:hover{border-color:var(--line-strong);background:#f6f9fc}.gameHomeBtn:focus-visible{outline-offset:2px;outline:3px solid #1767bd38}.gameHomeBtn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (width<=620px){.gameHomeBtn .homeText{display:none}.gameHomeBtn{width:44px;padding:8px}}.startArrowBtn{color:#fff;background:linear-gradient(135deg,#ff9800,#26d46c 52%,#2e7df5);border:none;border-radius:999px;place-items:center;width:84px;min-width:84px;height:84px;min-height:84px;padding:0;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;box-shadow:0 10px 22px #2e7df53d}.startArrowBtn:hover{filter:saturate(1.04);transform:translateY(-1px);box-shadow:0 13px 28px #2e7df547}.startArrowBtn:active{transform:translateY(0);box-shadow:0 6px 14px #2e7df533}.startArrowBtn svg{stroke:currentColor;stroke-width:3.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px;display:block}.heroAction{align-items:center;gap:12px;display:flex}.startPanelBackground{background:#fff!important;padding:12px!important}.homeSplash{border:1px solid var(--line);background-color:#f5f6e8;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:19px;justify-content:center;align-items:center;min-height:min(610px,73vh);display:flex;position:relative;overflow:hidden}.homeCopyCard{z-index:2;text-align:center;background:#ffffffe0;border:1px solid #d2dce5f5;border-radius:18px;width:min(560px,100% - 48px);margin-top:-42px;padding:22px 26px 24px;position:relative;box-shadow:0 10px 28px #102d4f1c}.homeCopyCard h1{max-width:none!important;margin-bottom:9px!important}.homeCopyCard .sub{max-width:none!important;margin-bottom:13px!important}.homeCopyCard .prompt{max-width:none!important;margin-bottom:17px!important}.homeCopyCard .heroAction{justify-content:center}.startPanelBackground .homeBtn{visibility:hidden!important}@media (width<=800px){.startPanelBackground{padding:8px!important}.homeSplash{background-position:50%;min-height:430px}.homeCopyCard{width:min(92%,540px);margin-top:-10px;padding:17px 18px 19px}}.homeCopyCard{width:min(660px,100% - 48px)!important;padding:24px 30px 26px!important}.homeCopyCard h1{letter-spacing:-.045em!important;color:var(--ink)!important;margin:0 0 18px!important;font-size:clamp(62px,6.8vw,88px)!important;line-height:.98!important}.homeQuestionLine{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;color:var(--ink-2)!important;margin-bottom:18px!important;font-size:clamp(22px,2.15vw,30px)!important;font-weight:900!important;line-height:1.2!important}.homeQuestionLine .homeQuestionPart{color:inherit!important;font:inherit!important}.homeCopyCard .heroAction{justify-content:center!important;margin:0!important}.homeCopyCard .startArrowBtn{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;padding:0!important}.homeCopyCard .startArrowBtn svg{width:22px!important;height:22px!important}@media (width<=800px){.homeCopyCard{width:min(94%,640px)!important;padding:20px 22px 22px!important}.homeCopyCard h1{margin-bottom:14px!important;font-size:clamp(52px,10vw,68px)!important}.homeQuestionLine{gap:7px;margin-bottom:14px!important;font-size:clamp(18px,4vw,22px)!important}.homeCopyCard .startArrowBtn{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}}.screen-1{--surface:#fff;--surface-2:#f7f9fb;--ink:#102d4f;--ink-2:#48627b;--muted:#6f8396;--line:#d6e0e9;--line-strong:#b9cad8;--blue:#1767bd;--blue-soft:#eaf3fb;--focus:#0d64c0;--shadow-sm:0 3px 10px #102d4f12;--accent:var(--orange)}.screen-1 .topnav{z-index:10;background:var(--surface);border:1px solid var(--line);width:min(1180px,100% - 28px);min-height:58px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(150px,230px) auto;align-items:center;gap:12px;margin:10px auto 0;padding:7px 9px;display:grid;position:relative}.screen-1 .topnav:before{content:"";background:linear-gradient(90deg,#ff8d13 0 25%,#18cf79 0 50%,#1f79ff 0 75%,#ffd218 0 100%);border-radius:18px 18px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.screen-1 .navLeft{align-items:center;gap:12px;min-width:0;display:flex}.screen-1 .homeBtn{min-width:44px;min-height:44px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.screen-1 .homeBtn:hover{background:var(--blue-soft);border-color:#b8d1e8}.screen-1 .homeIcon{flex:0 0 20px;place-items:center;display:grid}.screen-1 .homeIcon,.screen-1 .homeIcon svg{width:20px;height:20px}.screen-1 .homeText{font-size:14px;font-weight:850}.screen-1 .roundSteps{align-items:center;gap:6px;min-width:0;display:flex}.screen-1 .roundStep{min-height:34px;color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:4px 8px 4px 5px;font-size:12px;font-weight:800;display:flex}.screen-1 .roundStep i{border:1.5px solid var(--line-strong);width:24px;height:24px;color:var(--muted);background:#fff;border-radius:50%;place-items:center;font-style:normal;font-weight:900;display:grid}.screen-1 .roundStep.current{color:var(--ink);background:#fff2e1}.screen-1 .roundStep.current i{color:#fff;background:#c96b08;border-color:#c96b08}.screen-1 .roundStep.done i{border-color:#c96b08}.screen-1 .roundStep b{font-weight:850}.screen-1 .screenMeter{justify-content:center;align-items:center;gap:8px;display:flex}.screen-1 .screenCount{min-width:40px;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:900}.screen-1 .screenCount small{color:var(--muted);margin-left:1px;font-size:11px;font-weight:800}.screen-1 .meterTrack{background:#e4ebf1;border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.screen-1 .meterTrack i{border-radius:inherit;background:#c96b08;height:100%;transition:width .28s cubic-bezier(.2,.8,.2,1);display:block}.screen-1 .lang{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:flex}.screen-1 .lang button{min-width:50px;min-height:38px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;padding:6px 10px;font-size:14px;font-weight:850}.screen-1 .lang button.active{background:var(--ink);color:#fff}.screen-1 .stage{width:min(1180px,100% - 28px);margin:10px auto 18px}.screen-1 .startPanelBackground{border-radius:24px;max-width:1180px;padding:10px!important}.screen-1 .homeSplash{border-radius:20px;min-height:min(620px,73vh);box-shadow:inset 0 0 0 1px #d6e0e9bf}.screen-1 .homeCopyCard{border-radius:20px;width:min(590px,100% - 48px);padding:24px 28px 26px;box-shadow:0 12px 30px #102d4f1f}.screen-1 .homeCopyCard .startArrowBtn{width:76px;min-width:76px;height:76px;min-height:76px}@media (width<=800px){.screen-1 .topnav{grid-template-columns:auto 1fr auto;gap:7px;width:calc(100% - 18px)}.screen-1 .homeText,.screen-1 .roundSteps{display:none}.screen-1 .homeBtn{width:44px;padding:8px}.screen-1 .stage{width:calc(100% - 18px)}}.screen-4 .panel.round2InstructionPanel{position:relative;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;overflow:visible!important}.screen-4 .r2BoardInstruction{width:72%;max-width:1040px;min-height:590px;padding:28px 30px 92px;position:relative}.screen-4 .r2BoardHead{text-align:center;margin-bottom:24px}.screen-4 .r2BoardHead h1{margin:0;font-size:clamp(32px,3.3vw,50px);line-height:1.08}.screen-4 .r2ConceptBody{grid-template-columns:120px minmax(0,1fr);gap:22px;margin-top:34px;display:grid}.screen-4 .r2BoardMascot{align-self:center}.screen-4 .r2BoardMascot .mascot{height:128px!important}.screen-4 .r2FlowCards{display:grid}.screen-4 .r2FlowCard{background:#fffffff7;align-items:center;min-height:128px;padding:22px 24px 22px 70px;display:flex;position:relative;box-shadow:0 6px 16px #102d4f0d}.screen-4 .r2FlowNumber{color:#fff;background:#1767bd;border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;font-weight:950;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.screen-4 .r2FlowLine{color:#102d4f;text-align:center;justify-content:center;align-items:center;gap:16px;width:100%;line-height:1.35;display:flex}.screen-4 .r2FlowLine strong{font-size:clamp(17px,1.55vw,22px);font-weight:950}.screen-4 .r2FlowArrow{color:#1767bd;flex:none;font-size:26px;font-weight:950}.screen-4 .r2InstructionArrow{z-index:5;position:absolute;width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important;margin:0!important;bottom:24px!important;right:24px!important}@media (width>=801px) and (height<=820px){.screen-4 .r2BoardInstruction{width:73%;min-height:520px;margin-top:1%;padding-top:18px;padding-bottom:80px}.screen-4 .r2ConceptBody{margin-top:20px}.screen-4 .r2FlowCard{min-height:112px;padding-top:17px;padding-bottom:17px}}@media (width<=800px){.screen-4 .r2BoardInstruction{width:90%;min-height:auto;padding:18px 16px 82px}.screen-4 .r2ConceptBody{grid-template-columns:1fr;gap:12px;margin-top:16px}.screen-4 .r2BoardMascot .mascot{height:82px!important}.screen-4 .r2FlowCard{min-height:110px;padding:16px 14px 16px 58px}.screen-4 .r2FlowLine{flex-wrap:wrap;gap:8px}.screen-4 .r2FlowNumber{width:32px;height:32px;left:14px}}.copiedTopbar{z-index:10;background:#fff;border:1px solid #d6e0e9;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(150px,230px) auto;align-items:center;gap:12px;width:min(1180px,100% - 28px);min-height:58px;margin:10px auto 0;padding:7px 9px;display:grid;position:relative;box-shadow:0 3px 10px #102d4f12}.copiedTopbar:before{content:"";background:linear-gradient(90deg,#ff8d13 0 25%,#18cf79 0 50%,#1f79ff 0 75%,#ffd218 0 100%);border-radius:18px 18px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.copiedTopbar .navLeft{align-items:center;gap:12px;min-width:0;display:flex}.copiedTopbar .homeBtn{color:#102d4f;min-width:44px;min-height:44px;box-shadow:none;background:#f7f9fb;border:1px solid #d6e0e9;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.copiedTopbar .homeBtn:hover{background:#eaf3fb;border-color:#b8d1e8}.copiedTopbar .homeIcon{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.copiedTopbar .homeIcon svg{width:20px;height:20px}.copiedTopbar .homeText{font-size:14px;font-weight:850}.copiedTopbar .roundSteps{align-items:center;gap:6px;min-width:0;display:flex}.copiedTopbar .roundStep{color:#6f8396;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:4px 8px 4px 5px;font-size:12px;font-weight:800;display:flex}.copiedTopbar .roundStep i{color:#fff;background:#1767bd;border:1.5px solid #1767bd;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:900;display:grid}.copiedTopbar .roundStep.current{color:#102d4f;background:#eaf3fb}.copiedTopbar .roundStep b{font-weight:850}.copiedTopbar .screenMeter{justify-content:center;align-items:center;gap:8px;display:flex}.copiedTopbar .screenCount{color:#48627b;text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:14px;font-weight:900}.copiedTopbar .screenCount small{color:#6f8396;margin-left:1px;font-size:11px;font-weight:800}.copiedTopbar .meterTrack{background:#e4ebf1;border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.copiedTopbar .meterTrack i{border-radius:inherit;background:#1767bd;height:100%;display:block}.copiedTopbar .lang{background:#f7f9fb;border:1px solid #d6e0e9;border-radius:12px;gap:2px;padding:3px;display:flex}.copiedTopbar .lang button{color:#48627b;background:0 0;border:0;border-radius:9px;min-width:50px;min-height:38px;padding:6px 10px;font-size:14px;font-weight:850}.copiedTopbar .lang button.active{color:#fff;background:#102d4f}.screen-4 .stage{width:min(1320px,100% - 24px);margin-top:10px}.screen-4 .r2BoardInstruction{width:70%;max-width:1050px;min-height:575px;margin:1.8% auto 0;padding:24px 34px 100px}.screen-4 .r2BoardHead{margin-bottom:22px}.screen-4 .r2BoardHead h1{letter-spacing:-.025em;font-size:clamp(36px,3.35vw,52px)}.screen-4 .r2ConceptBody{grid-template-columns:175px minmax(0,1fr);align-items:center;gap:24px;margin-top:26px}.screen-4 .r2BoardMascot{justify-content:center;align-items:center;min-height:310px;display:flex}.screen-4 .r2BoardMascot .mascot{filter:drop-shadow(0 12px 18px #102d4f24);max-width:170px!important;height:190px!important}.screen-4 .r2FlowCards{gap:18px}.screen-4 .r2FlowCard{background:#fffffff9;border:2px solid #d7e4f1;border-radius:22px;min-height:136px;padding:22px 24px 22px 72px;box-shadow:0 7px 18px #102d4f0e}.screen-4 .r2FlowCard:hover{border-color:#bcd3e8}.screen-4 .r2FlowLine{gap:18px}.screen-4 .r2FlowLine strong{font-size:clamp(18px,1.58vw,23px)}.screen-4 .r2FlowArrow{font-size:28px}.screen-4 .r2InstructionArrow{z-index:8;width:62px!important;min-width:62px!important;height:62px!important;min-height:62px!important;bottom:42px!important;right:42px!important}.screen-4 .r2InstructionArrow svg{width:26px!important;height:26px!important}@media (width>=801px) and (height<=820px){.screen-4 .r2BoardInstruction{width:72%;min-height:515px;padding:18px 28px 86px}.screen-4 .r2ConceptBody{grid-template-columns:160px minmax(0,1fr);gap:20px;margin-top:18px}.screen-4 .r2BoardMascot{min-height:270px}.screen-4 .r2BoardMascot .mascot{height:170px!important}.screen-4 .r2FlowCard{min-height:112px;padding-top:17px;padding-bottom:17px}.screen-4 .r2InstructionArrow{bottom:30px!important;right:34px!important}}@media (width<=800px){.copiedTopbar{grid-template-columns:auto 1fr auto;gap:7px;width:calc(100% - 18px)}.copiedTopbar .homeText,.copiedTopbar .roundStep b{display:none}.copiedTopbar .homeBtn{width:44px;padding:8px}.screen-4 .r2BoardInstruction{width:91%;min-height:auto;padding:18px 18px 88px}.screen-4 .r2ConceptBody{grid-template-columns:1fr;gap:8px;margin-top:14px}.screen-4 .r2BoardMascot{min-height:110px}.screen-4 .r2BoardMascot .mascot{height:105px!important}.screen-4 .r2InstructionArrow{bottom:22px!important;right:22px!important}}.screen-5 .stage1Lead{text-align:center;margin-bottom:12px}.screen-5 .stage1Lead h2{margin-bottom:4px}.screen-5 .zebraTrainingGrid .collectBtn{min-height:122px;overflow:hidden}.screen-5 .zebraTrainingGrid .collectBtn img{z-index:1;transform-origin:bottom;will-change:transform;animation:4.6s ease-in-out infinite alternate r2ZebraGentleFloat;position:relative}.screen-5 .zebraTrainingGrid .collectBtn:nth-child(2n) img{animation-duration:5.2s;animation-delay:-1.1s}.screen-5 .zebraTrainingGrid .collectBtn:nth-child(3n) img{animation-duration:5.7s;animation-delay:-2s}.screen-5 .zebraTrainingGrid .collectBtn:nth-child(4n) img{animation-duration:4.9s;animation-delay:-.6s}.screen-5 .zebraTrainingGrid .collectBtn:nth-child(5n) img{animation-duration:5.4s;animation-delay:-1.7s}@keyframes r2ZebraGentleFloat{0%{transform:translateY(1px)rotate(-.6deg)}50%{transform:translateY(-3px)rotate(.45deg)}to{transform:translateY(1px)rotate(.7deg)}}.screen-5 .zebraTrainingGrid .num,.screen-5 .zebraTrainingGrid .tick{z-index:3}.screen-5 .counterBig{margin:12px 0 2px}.screen-5 .stage1Actions{min-height:68px;margin-top:4px;justify-content:flex-end!important}.screen-5 .stage1NextArrow{margin-left:auto;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important}.screen-5 .stage1NextArrow svg{width:24px!important;height:24px!important}.screen-5 .stage1NextArrow[disabled]{opacity:.38;filter:saturate(.55)}@media (width>=801px) and (height<=820px){.screen-5 .zebraTrainingGrid .collectBtn{min-height:104px}.screen-5 .counterBig{margin-top:8px}.screen-5 .stage1Actions{min-height:60px}}@media (prefers-reduced-motion:reduce){.screen-5 .zebraTrainingGrid .collectBtn img{animation:none!important}}.screen-6 .lead{text-align:center;max-width:980px;margin-left:auto;margin-right:auto}.screen-6 .lead h2{max-width:940px;margin-left:auto;margin-right:auto;font-size:clamp(25px,2.45vw,35px);line-height:1.22}@media (width<=800px){.screen-6 .lead h2{font-size:24px}}.optionCard .iconBox{justify-content:center;align-items:center;width:100%;height:92px;display:flex}.optionCard .modeOptionImage{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 7px #102d4f14);width:auto;max-width:112px;height:auto;max-height:88px;display:block}.optionCard .mode-longNeck{max-height:94px}.optionCard .mode-brownPatches{max-height:86px}.screen-6 .lead .coreIdea{display:none!important}.screen-6 .optionCard{min-height:168px}.screen-6 .actions .primary{min-width:260px;padding-left:22px;padding-right:22px}@media (width<=800px){.optionCard .modeOptionImage{max-width:98px;max-height:80px}.screen-6 .actions .primary{width:100%;min-width:0}}.screen-6 .optionGrid .optionCard{transform-origin:50%;will-change:transform;animation:4.8s ease-in-out infinite alternate patternChoiceFloat}.screen-6 .optionGrid .optionCard:nth-child(2){animation-duration:5.4s;animation-delay:-1.1s}.screen-6 .optionGrid .optionCard:nth-child(3){animation-duration:5.1s;animation-delay:-2s}.screen-6 .optionGrid .optionCard:nth-child(4){animation-duration:5.7s;animation-delay:-.7s}.screen-6 .optionGrid .optionCard:nth-child(5){animation-duration:4.9s;animation-delay:-1.8s}.screen-6 .optionGrid .optionCard:nth-child(6){animation-duration:5.5s;animation-delay:-2.6s}@keyframes patternChoiceFloat{0%{transform:translateY(1px)rotate(-.25deg)}50%{transform:translateY(-3px)rotate(.2deg)}to{transform:translateY(1px)rotate(.3deg)}}.screen-6 .optionGrid .optionCard.selected{box-shadow:0 0 0 4px #1767bd26,0 8px 18px #102d4f0f}.screen-7 .panel.patternSavedPanel{max-width:1080px;padding:28px 34px 92px;position:relative;overflow:visible}.patternSavedPage{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:center;gap:34px;min-height:500px;display:grid;position:relative}.patternSavedMachine{justify-content:center;align-items:center;min-height:370px;display:flex;position:relative}.patternSavedMachine img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 16px 20px #102d4f24);width:min(100%,430px);max-height:365px;animation:4.5s ease-in-out infinite machineSavedBob}.savedStatus{z-index:3;color:#0f6d4c;background:#e9f6f0;border:1px solid #bfe1d1;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:8px 14px;font-size:15px;font-weight:950;display:inline-flex;position:absolute;top:8%;right:4%;box-shadow:0 7px 18px #102d4f12}.savedStatus span{color:#fff;background:#117a57;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.patternSavedContent h2{margin-bottom:10px;font-size:clamp(30px,3vw,42px)}.patternSavedLead{color:#48627b;margin:0 0 18px;font-size:19px;font-weight:850}.savedPatternRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.savedPatternCard{background:#fff;border:2px solid #cde1d7;border-radius:18px;flex-direction:column;gap:8px;min-height:170px;padding:14px 12px;position:relative;box-shadow:0 5px 14px #102d4f0d}.savedPatternCard,.savedPatternIcon{justify-content:center;align-items:center;display:flex}.savedPatternIcon{height:92px}.savedPatternIcon .modeOptionImage{max-width:105px;max-height:88px}.savedPatternCard strong{color:#102d4f;font-size:17px;font-weight:950}.savedCheck{color:#fff;background:#117a57;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:950;display:grid;position:absolute;top:9px;right:9px}.savedPatternSentence{color:#174b39;text-align:center;background:#e9f6f0;border:1px solid #c7e4d7;border-radius:14px;margin-top:17px;padding:13px 16px;font-size:19px;font-weight:850}.patternSavedNext{position:absolute;bottom:22px;right:24px;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important}.patternSavedNext svg{width:24px!important;height:24px!important}@keyframes machineSavedBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (width<=800px){.patternSavedPage{grid-template-columns:1fr;gap:8px}.patternSavedMachine{min-height:230px}.patternSavedMachine img{max-height:230px}.savedStatus{top:2%;right:12%}.savedPatternRow{grid-template-columns:repeat(3,1fr)}.savedPatternCard{min-height:135px;padding:10px 7px}.savedPatternIcon{height:70px}.savedPatternIcon .modeOptionImage{max-width:78px;max-height:66px}}@media (prefers-reduced-motion:reduce){.patternSavedMachine img,.screen-6 .optionGrid .optionCard{animation:none!important}}.patternSavedContent .patternSavedLead,.patternSavedContent .savedPatternSentence{display:none!important}.patternSavedContent h2{margin-bottom:20px}.patternSavedMachine img{width:min(100%,390px);max-height:340px}.screen-7 .panel.patternSavedPanel{width:100%;max-width:none;min-height:min(760px,78vh);margin:0 auto;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.screen-7 .centeredSavedPage{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:34px;width:76%;max-width:1000px;min-height:560px;margin:3.2% auto 0;padding:44px 42px 88px;display:grid;position:relative}.screen-7 .savedZebraVisual{justify-content:center;align-items:center;min-height:340px;display:flex}.screen-7 .savedZebraVisual img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 14px 18px #102d4f1f);width:auto;max-width:300px;height:auto;max-height:330px}.screen-7 .savedStatus{top:7%;right:2%}.screen-7 .patternSavedContent{text-align:left;align-self:center}.screen-7 .patternSavedContent .kicker{margin-bottom:7px;display:block}.screen-7 .patternSavedContent h2{margin:0 0 22px;font-size:clamp(31px,3vw,43px);line-height:1.12}.screen-7 .savedPatternRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.screen-7 .savedPatternCard{min-height:160px}.screen-7 .patternSavedNext{bottom:24px!important;right:26px!important}.screen-7 .patternSavedLead,.screen-7 .savedPatternSentence{display:none!important}@media (width>=801px) and (height<=820px){.screen-7 .panel.patternSavedPanel{min-height:650px}.screen-7 .centeredSavedPage{grid-template-columns:260px minmax(0,1fr);gap:28px;width:75%;min-height:500px;margin-top:2%;padding:30px 36px 78px}.screen-7 .savedZebraVisual{min-height:290px}.screen-7 .savedZebraVisual img{max-width:250px;max-height:285px}}@media (width<=800px){.screen-7 .centeredSavedPage{text-align:center;grid-template-columns:1fr;gap:10px;width:90%;min-height:auto;margin-top:3%;padding:24px 20px 84px}.screen-7 .savedZebraVisual{min-height:205px}.screen-7 .savedZebraVisual img{max-width:210px;max-height:210px}.screen-7 .savedStatus{top:0;right:18%}.screen-7 .patternSavedContent{text-align:center}.screen-7 .savedPatternCard{min-height:132px}.screen-7 .patternSavedNext{bottom:18px!important;right:18px!important}}.screen-8 .stage{width:min(1180px,100% - 24px)}.screen-8 .panel{padding:26px 30px 34px}.missionANewPage{max-width:1040px;margin:0 auto}.missionAHead{text-align:center;margin-bottom:8px}.missionAHead h2{margin:0 0 8px;font-size:clamp(34px,3.5vw,48px)}.missionAIdea{color:#315478;background:#eaf4fb;border-radius:16px;max-width:780px;margin:0 auto;padding:11px 16px;font-size:18px;font-weight:900}.missionAIncoming{grid-template-columns:minmax(150px,220px) 72px minmax(190px,300px);gap:14px;min-height:250px;margin:12px auto 8px;display:grid}.missionAIncoming,.missionAMachineWrap{justify-content:center;align-items:center}.missionAMachineWrap{display:flex;position:relative}.missionAMachine{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 18px #102d4f1f);width:min(100%,215px);max-height:210px;animation:4.4s ease-in-out infinite missionAMachineBob}.machineSignal{opacity:0;background:#1f79ff;border-radius:50%;width:8px;height:8px;animation:1.9s ease-out infinite missionASignal;position:absolute;top:49%;right:0}.machineSignal.s2{animation-delay:.55s}.machineSignal.s3{animation-delay:1.1s}.incomingTrail{justify-content:center;align-items:center;gap:7px;display:flex}.incomingTrail span{opacity:.22;background:#59a8ff;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite missionATrail}.incomingTrail span:nth-child(2){animation-delay:.18s}.incomingTrail span:nth-child(3){animation-delay:.36s}.missionAZebraWrap{justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.missionAZebra{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 18px #102d4f1c);width:min(100%,285px);max-height:230px;animation:.95s cubic-bezier(.2,.85,.25,1.15) both missionANewImageArrive,4.8s ease-in-out 1.05s infinite missionAZebraFloat;position:relative}.newImagePulse{z-index:1;opacity:0;border:3px solid #1f79ff47;border-radius:50%;width:190px;height:190px;animation:1.8s ease-out .6s 2 missionAReceivePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.newImagePulse.p2{animation-delay:1.05s}.screen-8 .missionAOptionGrid .optionCard{transform-origin:50%;will-change:transform;animation:5s ease-in-out infinite alternate missionAChoiceFloat}.screen-8 .missionAOptionGrid .optionCard:nth-child(2){animation-duration:5.6s;animation-delay:-1.1s}.screen-8 .missionAOptionGrid .optionCard:nth-child(3){animation-duration:5.2s;animation-delay:-2s}.screen-8 .missionAOptionGrid .optionCard:nth-child(4){animation-duration:5.8s;animation-delay:-.7s}.screen-8 .missionAOptionGrid .optionCard:nth-child(5){animation-duration:5.1s;animation-delay:-1.8s}.screen-8 .missionAOptionGrid .optionCard:nth-child(6){animation-duration:5.5s;animation-delay:-2.5s}.screen-8 .missionAOptionGrid .optionCard.selected{box-shadow:0 0 0 4px #1767bd26,0 8px 18px #102d4f0f}.missionAPrompt{text-align:center;margin:4px 0 12px;font-size:20px;font-weight:950}.missionAFeedback{text-align:center;min-height:28px;margin-top:10px}@keyframes missionANewImageArrive{0%{opacity:0;transform:translate(-70px)scale(.82)rotate(-4deg)}68%{opacity:1;transform:translate(7px)scale(1.035)rotate(.7deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes missionAReceivePulse{0%{opacity:.55;transform:translate(-50%,-50%)scale(.55)}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}@keyframes missionAMachineBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes missionASignal{0%{opacity:0;transform:translate(-6px)scale(.75)}25%{opacity:.9}to{opacity:0;transform:translate(54px)scale(1.1)}}@keyframes missionATrail{0%,to{opacity:.2;transform:translate(-2px)scale(.85)}50%{opacity:.85;transform:translate(4px)scale(1.08)}}@keyframes missionAZebraFloat{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-4px)rotate(.25deg)}}@keyframes missionAChoiceFloat{0%{transform:translateY(1px)rotate(-.22deg)}50%{transform:translateY(-3px)rotate(.18deg)}to{transform:translateY(1px)rotate(.28deg)}}@media (width>=801px) and (height<=820px){.missionAIncoming{grid-template-columns:180px 60px 245px;min-height:205px;margin-top:6px}.missionAMachine{max-height:175px}.missionAZebraWrap{min-height:180px}.missionAZebra{max-height:185px}}@media (width<=800px){.screen-8 .panel{padding:20px 16px 28px}.missionAIncoming{grid-template-columns:1fr 42px 1.25fr;gap:8px;min-height:auto}.missionAMachine{max-height:140px}.missionAZebraWrap{min-height:160px}.missionAZebra{max-height:160px}.newImagePulse{width:130px;height:130px}}@media (prefers-reduced-motion:reduce){.incomingTrail span,.machineSignal,.missionAMachine,.missionAZebra,.newImagePulse,.screen-8 .missionAOptionGrid .optionCard{animation:none!important}}.missionAHead{margin-bottom:4px}.missionAHead h2{margin-bottom:0!important}.missionAIdea{display:none!important}.newImageBadge{z-index:5;color:#102d4f;white-space:nowrap;background:#fff7d6;border:1px solid #f0cf58;border-radius:999px;padding:7px 14px;font-size:15px;font-weight:950;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 5px 12px #102d4f14}.missionAZebraWrap{padding-top:34px}.missionAPrompt{margin-top:2px!important}.missionANextActions{min-height:66px;margin-top:6px;justify-content:flex-end!important}.missionANextArrow{margin-left:auto;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important}.missionANextArrow svg{width:24px!important;height:24px!important}.missionANextArrow[disabled]{opacity:.38;filter:saturate(.55)}.screen-9 .stage{width:min(1180px,100% - 24px);margin-top:8px}.screen-9 .panel{max-width:1040px;margin:0 auto;padding:24px 28px 30px}.missionBExactLead{margin-bottom:8px!important}.missionBExactLead h2{font-size:clamp(34px,3.25vw,46px);margin:0 0 9px!important}.screen-9 .missionBExactLead .kicker{display:none!important}.missionBQuestion{margin-bottom:8px!important}.missionBNewPattern{color:#204d78;background:#edf8ff;border-radius:999px;width:max-content;max-width:94%;margin:0 auto;padding:8px 14px;font-size:16px;font-weight:950}.missionBScannerExact{justify-content:center;margin:7px auto 8px;display:flex}.missionBScannerFrame{border-radius:20px;width:142px;height:142px;position:relative;overflow:hidden}.missionBScannerFrame img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 12px #102d4f1f);width:100%;height:100%;animation:4.6s ease-in-out infinite missionBScannerFloat}.missionBScanLine{z-index:4;background:linear-gradient(90deg,#0000,#00e6a3,#0000);border-radius:999px;height:4px;animation:1.8s ease-in-out infinite missionBScanSweepExact;position:absolute;top:31%;left:22%;right:22%;box-shadow:0 0 7px #00e6a3f2,0 0 16px #00e6a38c}.missionBScanGlow{z-index:2;opacity:.55;background:linear-gradient(#00e6a308,#00e6a31f,#00e6a308);border-radius:18px;animation:1.8s ease-in-out infinite missionBScanGlowExact;position:absolute;inset:30% 23% 22%}.screen-9 .missionBExactGrid{gap:14px}.screen-9 .missionBExactGrid .compareCard{transform-origin:bottom;will-change:transform;min-height:232px;padding:12px 13px;animation:5.2s ease-in-out infinite alternate missionBChoiceGentle}.screen-9 .missionBExactGrid .compareCard:nth-child(2){animation-duration:5.8s;animation-delay:-1.4s}.screen-9 .missionBExactGrid .compareCard:nth-child(3){animation-duration:5.4s;animation-delay:-2.2s}.screen-9 .missionBExactGrid .compareCard img{height:128px}.screen-9 .missionBExactGrid .compareCard h3{margin:0}.screen-9 .missionBExactGrid .tag{padding:7px 10px}@keyframes missionBScanSweepExact{0%,to{opacity:.72;top:31%}50%{opacity:1;top:66%}}@keyframes missionBScanGlowExact{0%,to{opacity:.3}50%{opacity:.8}}@keyframes missionBScannerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes missionBChoiceGentle{0%{transform:translateY(1px)rotate(-.16deg)}50%{transform:translateY(-3px)rotate(.14deg)}to{transform:translateY(1px)rotate(.2deg)}}@media (width>=801px) and (height<=820px){.screen-9 .panel{padding:18px 24px 24px}.missionBExactLead h2{font-size:36px}.missionBScannerFrame{width:112px;height:112px}.screen-9 .missionBExactGrid .compareCard{min-height:205px}.screen-9 .missionBExactGrid .compareCard img{height:105px}}@media (width<=900px){.missionBScannerFrame{width:120px;height:120px}}@media (prefers-reduced-motion:reduce){.missionBScanGlow,.missionBScanLine,.missionBScannerFrame img,.screen-9 .missionBExactGrid .compareCard{animation:none!important}}.screen-10 .missionCLead{margin-bottom:14px}.screen-10 .missionCLead h2{margin-bottom:10px}.screen-10 .missionCDropLayout{align-items:center}.screen-10 .missionCPredictionSide{position:relative}.screen-10 .dropZone.zebraPredicted{background:radial-gradient(circle at 50% 42%,#fffffffa,#ebfcf5f5 64%,#daf8edf2);border-color:#8cd7bd;animation:.75s cubic-bezier(.2,.85,.22,1.15) both zebraSuccessCard;position:relative;overflow:hidden;box-shadow:0 0 0 4px #24b27f1a,0 15px 34px #102d4f1f}.zebraPredictionResult{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:290px;display:flex;position:relative}.zebraResultImage{z-index:4;width:min(270px,78%);animation:1s cubic-bezier(.15,.9,.2,1.18) both zebraVictoryPop,3.8s ease-in-out 1.05s infinite zebraVictoryFloat;position:relative}.zebraResultImage img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 15px 20px #102d4f29);width:100%;height:auto;max-height:220px}.zebraPredictionText{z-index:5;color:#126347;background:#e8f8f1;border:1px solid #b9e1d1;border-radius:999px;margin-top:4px;padding:8px 15px;font-weight:950;animation:.65s ease-out .55s both zebraTextReveal,1.8s ease-in-out 1.2s infinite zebraTextGlow;position:relative}.zebraSuccessFX{z-index:1;pointer-events:none;position:absolute;inset:0}.successRing{opacity:0;border:3px solid #14b5804d;border-radius:50%;width:150px;height:150px;animation:1.65s ease-out forwards zebraRingBurst;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)scale(.45)}.successRing.ring2{animation-delay:.22s}.successRing.ring3{animation-delay:.44s}.successSpark{z-index:3;color:#f2b63d;opacity:0;text-shadow:0 2px 7px #f2b63d40;font-size:22px;animation:1.4s ease-out forwards zebraSpark;position:absolute;top:46%;left:50%}.successSpark.spark1{--x:-125px;--y:-88px;animation-delay:80ms}.successSpark.spark2{--x:-85px;--y:-122px;animation-delay:.14s}.successSpark.spark3{--x:-30px;--y:-135px;animation-delay:.2s}.successSpark.spark4{--x:35px;--y:-132px;animation-delay:.12s}.successSpark.spark5{--x:92px;--y:-108px;animation-delay:.24s}.successSpark.spark6{--x:128px;--y:-68px;animation-delay:.18s}.successSpark.spark7{--x:138px;--y:5px;animation-delay:.3s}.successSpark.spark8{--x:105px;--y:78px;animation-delay:.22s}.successSpark.spark9{--x:58px;--y:112px;animation-delay:.34s}.successSpark.spark10{--x:4px;--y:124px;animation-delay:.18s}.successSpark.spark11{--x:-55px;--y:112px;animation-delay:.28s}.successSpark.spark12{--x:-102px;--y:77px;animation-delay:.12s}.successSpark.spark13{--x:-138px;--y:20px;animation-delay:.26s}.successSpark.spark14{--x:75px;--y:-58px;animation-delay:.38s}.missionCSummaryActions{min-height:66px;margin-top:14px;justify-content:flex-end!important}.missionCSummaryArrow{margin-left:auto;animation:1.8s ease-in-out infinite summaryArrowReady;width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important}.missionCSummaryArrow svg{width:25px!important;height:25px!important}@keyframes zebraSuccessCard{0%{opacity:.4;transform:scale(.96)}62%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes zebraVictoryPop{0%{opacity:0;transform:scale(.42)rotate(-8deg)translateY(28px)}58%{opacity:1;transform:scale(1.11)rotate(2deg)translateY(-8px)}78%{transform:scale(.97)rotate(-1deg)translateY(2px)}to{transform:scale(1)rotate(0)translateY(0)}}@keyframes zebraVictoryFloat{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-5px)rotate(.25deg)}}@keyframes zebraRingBurst{0%{opacity:.65;transform:translate(-50%,-50%)scale(.42)}to{opacity:0;transform:translate(-50%,-50%)scale(1.65)}}@keyframes zebraSpark{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(0)}28%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.15) rotate(145deg)}}@keyframes zebraTextReveal{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes zebraTextGlow{0%,to{box-shadow:0 0 #12634700}50%{box-shadow:0 0 0 8px #12634714}}@keyframes summaryArrowReady{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.missionCSummaryArrow,.screen-10 .dropZone.zebraPredicted,.successRing,.successSpark,.zebraPredictionText,.zebraResultImage{animation:none!important}}.fancySavedStage{justify-content:center;align-items:center;min-height:100%;display:flex;position:relative;overflow:hidden}.fancySavedCard{z-index:2;background:linear-gradient(#fffffff7,#f7fcfff7);border:2px solid #b7d6e8f2;border-radius:34px;width:min(940px,92%);margin:0 auto;padding:28px 28px 20px;animation:.8s cubic-bezier(.2,.9,.25,1.15) both fancyCardIn;position:relative;box-shadow:0 22px 46px #14365a1f}.fancySavedHeader{text-align:center;margin-bottom:18px}.fancySavedHeader h2{margin:10px 0 0;font-size:clamp(30px,3vw,48px)}.savedBadgePulse{color:#176244;background:linear-gradient(90deg,#e7fbf0,#f3fffa);border:2px solid #b7ead1;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-weight:950;animation:1.9s ease-in-out infinite savedBadgePulse;display:inline-flex;box-shadow:0 0 #1762441f}.savedBadgePulse span{color:#fff;background:#23b27f;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:inline-grid;box-shadow:0 6px 12px #23b27f38}.fancySavedCenter{grid-template-columns:minmax(300px,1.08fr) minmax(260px,.92fr);align-items:center;gap:18px;display:grid}.savedMachineFancy{justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.savedMachineFancy img{z-index:3;filter:drop-shadow(0 16px 22px #102d4f26);width:min(100%,420px);height:auto;animation:3.4s ease-in-out infinite savedMachineFloat;position:relative}.machineGlow{z-index:1;background:radial-gradient(circle,#6fd3ff54,#6fd3ff1f 42%,#6fd3ff00 68%);border-radius:50%;width:300px;height:300px;animation:2.4s ease-in-out infinite machineGlowPulse;position:absolute}.machinePulseDots{z-index:4;gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.machinePulseDots i{background:#3fb9ff;border-radius:50%;width:12px;height:12px;animation:1.1s ease-in-out infinite pulseDot;box-shadow:0 0 14px #3fb9ff73}.machinePulseDots i:nth-child(2){animation-delay:.18s}.machinePulseDots i:nth-child(3){animation-delay:.36s}.fancyPatternList{flex-direction:column;gap:14px;display:flex}.fancyChip{color:#10355f;opacity:0;background:linear-gradient(135deg,#fff,#f4fbff);border:2px solid #d7e9f5;border-radius:20px;align-items:center;gap:12px;min-height:68px;padding:16px 18px;font-size:clamp(20px,2vw,28px);font-weight:950;animation:.65s ease-out forwards fancyChipIn;display:flex;position:relative;transform:translateY(12px);box-shadow:0 10px 18px #102d4f0f}.fancyChip.chip1{animation-delay:.18s}.fancyChip.chip2{animation-delay:.36s}.fancyChip.chip3{animation-delay:.54s}.savedMiniCheck{color:#fff;background:#23b27f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:inline-grid}.fancySavedActions{margin-top:16px}.fancySavedActions .roundNextArrow{animation:1.8s ease-in-out infinite arrowInvite}.savedCelebrateLayer{pointer-events:none;z-index:1;position:absolute;inset:0}.savedRing{opacity:0;border:3px solid #35b88547;border-radius:50%;width:160px;height:160px;animation:1.8s ease-out infinite savedRingBurst;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.4)}.savedRing.r2{animation-delay:.28s}.savedRing.r3{animation-delay:.56s}.savedSpark{color:#f2bd43;opacity:0;text-shadow:0 2px 8px #f2bd4347;font-size:22px;animation:1.45s ease-out infinite savedSparkle;position:absolute;top:42%;left:50%}.savedSpark.s1{--x:-150px;--y:-100px;animation-delay:40ms}.savedSpark.s2{--x:-95px;--y:-132px;animation-delay:.16s}.savedSpark.s3{--x:-30px;--y:-142px;animation-delay:.28s}.savedSpark.s4{--x:42px;--y:-132px;animation-delay:.1s}.savedSpark.s5{--x:108px;--y:-96px;animation-delay:.22s}.savedSpark.s6{--x:145px;--y:-25px;animation-delay:.3s}.savedSpark.s7{--x:130px;--y:58px;animation-delay:.14s}.savedSpark.s8{--x:58px;--y:108px;animation-delay:.24s}.savedSpark.s9{--x:-26px;--y:118px;animation-delay:.18s}.savedSpark.s10{--x:-118px;--y:72px;animation-delay:.26s}@keyframes fancyCardIn{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes savedBadgePulse{0%,to{box-shadow:0 0 #1762441a}50%{box-shadow:0 0 0 12px #1762440f}}@keyframes savedMachineFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes machineGlowPulse{0%,to{opacity:.9;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes pulseDot{0%,to{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes fancyChipIn{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes savedRingBurst{0%{opacity:.65;transform:translate(-50%,-50%)scale(.45)}to{opacity:0;transform:translate(-50%,-50%)scale(1.75)}}@keyframes savedSparkle{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}28%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.18)}}@keyframes arrowInvite{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media (width<=900px){.fancySavedCenter{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fancyChip,.fancySavedActions .roundNextArrow,.fancySavedCard,.machineGlow,.machinePulseDots i,.savedBadgePulse,.savedMachineFancy img,.savedRing,.savedSpark{animation:none!important}}.screen-7 .stage{width:min(1280px,100% - 24px);margin:8px auto 16px}.screen-7 .panel.patternSavedPanelV18{width:100%;max-width:none;min-height:min(720px,78vh);margin:0 auto;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.savedShowcase{isolation:isolate;background:linear-gradient(#fffffff0,#f7fcffeb);border:1.5px solid #add3ece0;border-radius:32px;width:min(940px,76%);min-height:540px;margin:3% auto 0;padding:34px 38px 30px;animation:.72s cubic-bezier(.16,.88,.2,1.12) both savedShowcaseIn;position:relative;overflow:hidden;box-shadow:0 22px 54px #102d4f1a}.savedSuccessHeader{z-index:5;text-align:center;margin-bottom:18px;position:relative}.savedBadgeV18{color:#146a4a;background:#e8faf1fa;border:1.5px solid #b8e7d0;border-radius:999px;align-items:center;gap:9px;padding:8px 15px;font-size:15px;font-weight:950;animation:2s ease-in-out infinite savedBadgeGlowV18;display:inline-flex;box-shadow:0 7px 17px #157e5714}.savedBadgeCheck{color:#fff;background:#20b77f;border-radius:50%;place-items:center;width:27px;height:27px;animation:.56s cubic-bezier(.18,.9,.25,1.3) .1s both savedCheckPopV18;display:grid;box-shadow:0 4px 10px #20b77f40}.savedSuccessHeader h2{color:#10355f;letter-spacing:.01em;max-width:760px;margin:10px auto 0;font-size:clamp(32px,3.25vw,48px);line-height:1.08}.savedMainLayout{z-index:4;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:34px;display:grid}.savedMainLayout,.savedZebraStage{justify-content:center;align-items:center;position:relative}.savedZebraStage{min-height:325px;display:flex}.savedZebraHero{z-index:4;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 17px 22px #102d4f26);width:min(100%,320px);max-height:315px;animation:.9s cubic-bezier(.14,.9,.22,1.18) .12s both savedZebraEntranceV18,3.7s ease-in-out 1.05s infinite savedZebraFloatV18;position:relative}.zebraHalo{opacity:0;border:2px solid #35b99a3b;border-radius:50%;width:220px;height:220px;animation:2.4s ease-out infinite zebraHaloBurstV18;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zebraHalo.halo2{animation-delay:.55s}.zebraHalo.halo3{animation-delay:1.1s}.savedSignalDots{z-index:5;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.savedSignalDots i{background:#47b9f4;border-radius:50%;width:10px;height:10px;animation:1.15s ease-in-out infinite signalDotV18;box-shadow:0 0 12px #47b9f480}.savedSignalDots i:nth-child(2){animation-delay:.18s}.savedSignalDots i:nth-child(3){animation-delay:.36s}.savedPatternPanel{grid-template-columns:1fr;gap:14px;width:100%;display:grid}.savedPatternTile{opacity:0;background:#fffffff5;border:1.5px solid #cfe3f2;border-radius:21px;grid-template-columns:38px 94px 1fr;align-items:center;gap:13px;min-height:92px;padding:13px 19px 13px 15px;animation:.62s cubic-bezier(.16,.9,.24,1.12) forwards savedTileInV18;display:grid;position:relative;overflow:hidden;transform:translate(26px)scale(.97);box-shadow:0 9px 18px #102d4f0e}.savedTile1{animation-delay:.22s}.savedTile2{animation-delay:.4s}.savedTile3{animation-delay:.58s}.tileCheck{color:#fff;background:#20b77f;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:950;animation:2.2s ease-in-out infinite tileCheckPulseV18;display:grid;box-shadow:0 5px 11px #20b77f33}.tileIcon{justify-content:center;align-items:center;height:66px;display:flex}.tileIcon .modeOptionImage{-o-object-fit:contain;object-fit:contain;max-width:90px;max-height:65px}.savedPatternTile strong{color:#10355f;font-size:clamp(20px,2vw,27px);font-weight:950}.tileGlow{background:linear-gradient(90deg,#0000,#6fd0ff2e,#0000);width:34%;height:100%;animation:3.7s ease-in-out infinite tileShimmerV18;position:absolute;top:0;left:-40%;transform:skew(-20deg)}.savedTile2 .tileGlow{animation-delay:.7s}.savedTile3 .tileGlow{animation-delay:1.4s}.savedNextWrap{z-index:5;justify-content:flex-end;margin-top:18px;display:flex;position:relative}.savedNextArrowV18{animation:1.7s ease-in-out infinite savedArrowInviteV18;width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important}.savedNextArrowV18 svg{width:25px!important;height:25px!important}.savedAmbientFX{z-index:1;pointer-events:none;position:absolute;inset:0}.ambientRing{opacity:0;border:2px solid #46be9d2e;border-radius:50%;width:180px;height:180px;animation:2.8s ease-out infinite ambientRingV18;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)scale(.5)}.ambientRing.a2{animation-delay:.75s}.ambientRing.a3{animation-delay:1.5s}.ambientSpark{color:#f4bf4d;opacity:0;font-size:20px;animation:2.1s ease-out infinite ambientSparkV18;position:absolute;top:50%;left:50%}.ambientSpark.sp1{--sx:-330px;--sy:-170px;animation-delay:.2s}.ambientSpark.sp2{--sx:-220px;--sy:-220px;animation-delay:.7s}.ambientSpark.sp3{--sx:160px;--sy:-215px;animation-delay:1.1s}.ambientSpark.sp4{--sx:325px;--sy:-120px;animation-delay:.45s}.ambientSpark.sp5{--sx:340px;--sy:120px;animation-delay:1.35s}.ambientSpark.sp6{--sx:210px;--sy:205px;animation-delay:.85s}.ambientSpark.sp7{--sx:-190px;--sy:210px;animation-delay:1.55s}.ambientSpark.sp8{--sx:-335px;--sy:90px;animation-delay:.95s}@keyframes savedShowcaseInV18{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes savedBadgeGlowV18{0%,to{box-shadow:0 7px 17px #157e5714,0 0 #20b77f00}50%{box-shadow:0 7px 17px #157e5714,0 0 0 10px #20b77f0f}}@keyframes savedCheckPopV18{0%{opacity:0;transform:scale(.3)rotate(-20deg)}70%{opacity:1;transform:scale(1.18)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes savedZebraEntranceV18{0%{opacity:0;transform:translateY(22px)scale(.72)rotate(-4deg)}68%{opacity:1;transform:translateY(-7px)scale(1.06)rotate(1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes savedZebraFloatV18{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-7px)rotate(.25deg)}}@keyframes zebraHaloBurstV18{0%{opacity:.5;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes signalDotV18{0%,to{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.16)}}@keyframes savedTileInV18{0%{opacity:0;transform:translate(26px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes tileCheckPulseV18{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes tileShimmerV18{0%,45%{opacity:0;left:-45%}55%{opacity:1}75%{opacity:.8;left:115%}to{opacity:0;left:115%}}@keyframes savedArrowInviteV18{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes ambientRingV18{0%{opacity:.4;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@keyframes ambientSparkV18{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(1.15) rotate(125deg)}}@media (width>=801px) and (height<=820px){.savedShowcase{width:min(910px,74%);min-height:470px;margin-top:2%;padding:26px 34px 24px}.savedMainLayout{grid-template-columns:280px minmax(400px,1fr);gap:26px}.savedZebraStage{min-height:270px}.savedZebraHero{max-height:260px}.savedPatternTile{min-height:80px}}@media (width<=800px){.savedShowcase,.screen-7 .panel.patternSavedPanelV18{min-height:auto}.savedShowcase{width:92%;margin-top:2%;padding:24px 18px 22px}.savedMainLayout{grid-template-columns:1fr;gap:8px}.savedZebraStage{min-height:225px}.savedZebraHero{max-height:220px}.savedPatternTile{grid-template-columns:34px 74px 1fr;min-height:78px;padding:10px 13px}.tileIcon{height:54px}.tileIcon .modeOptionImage{max-width:72px;max-height:52px}.savedNextWrap{margin-top:13px}}@media (prefers-reduced-motion:reduce){.ambientRing,.ambientSpark,.savedBadgeCheck,.savedBadgeV18,.savedNextArrowV18,.savedPatternTile,.savedShowcase,.savedSignalDots i,.savedZebraHero,.tileCheck,.tileGlow,.zebraHalo{animation:none!important}}.screen-0 .topWrap .progressWrap{display:flex!important}.panel.reflectionCardV19{width:100%;min-height:100%;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.reflectCenterWrap,.screen-8 .sceneBg{justify-content:center;align-items:center;display:flex}.reflectCenterWrap{width:100%;min-height:690px;padding:30px 20px}.reflect-card-v19{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffd1;border:1px solid #ffffffd1;border-radius:30px;width:min(860px,76%);margin:0 auto;padding:34px 34px 28px;box-shadow:0 18px 48px #0e274c1f}.reflect-card-v19 .reflect-head{margin-bottom:20px}.reflect-card-v19 .reflect-questions{gap:16px;margin-bottom:24px}.reflect-card-v19 .reflect-q{padding:20px 22px;font-size:clamp(22px,2.15vw,30px);line-height:1.35}.reflect-card-v19 .reflect-footer{justify-content:center}@media (width<=900px){.reflectCenterWrap{min-height:620px;padding:24px 14px}.reflect-card-v19{width:min(92%,760px);padding:26px 20px 22px}}.screen-1 .homeTopnavNoProgress{justify-content:space-between}.screen-1 .homeTopnavNoProgress .screenMeter{display:none!important}.missionCChoicesColumn{position:relative}.missionCPossibilityLabel{color:#6f4d00;letter-spacing:.01em;text-align:center;background:linear-gradient(90deg,#fff7df,#fff2c4);border:1.5px solid #f3cf61;border-radius:999px;width:max-content;max-width:100%;margin:0 auto 12px;padding:8px 14px;font-size:clamp(17px,1.7vw,22px);font-weight:950;animation:.62s cubic-bezier(.18,.9,.22,1.16) both missionCPossibilityIn,2.4s ease-in-out .7s infinite missionCPossibilityGlow;box-shadow:0 6px 15px #6f4d0014}.screen-4 .r2FlowCard{opacity:0;animation:.58s cubic-bezier(.18,.9,.24,1.12) forwards gameCardEntrance;transform:translateY(16px)scale(.97)}.screen-4 .r2FlowCard:first-child{animation-delay:.12s}.screen-4 .r2FlowCard:nth-child(2){animation-delay:.3s}.screen-4 .r2FlowArrow{animation:1.8s ease-in-out infinite flowArrowPulse;display:inline-block}.screen-4 .r2BoardMascot .mascot{animation:4.2s ease-in-out infinite gameMascotFloat}.screen-5 .collectBtn{opacity:1;animation:5.4s ease-in-out infinite trainingTileFloat;transform:none}.screen-5 .collectBtn:nth-child(2){animation-delay:-.4s}.screen-5 .collectBtn:nth-child(3){animation-delay:-.8s}.screen-5 .collectBtn:nth-child(4){animation-delay:-1.2s}.screen-5 .collectBtn:nth-child(5){animation-delay:-1.6s}.screen-5 .collectBtn:nth-child(6){animation-delay:-2s}.screen-5 .collectBtn:nth-child(7){animation-delay:-2.4s}.screen-5 .collectBtn:nth-child(8){animation-delay:-2.8s}.screen-5 .collectBtn:nth-child(9){animation-delay:-3.2s}.screen-5 .collectBtn:nth-child(10){animation-delay:-3.6s}.screen-5 .counterBig{animation:2.4s ease-in-out infinite counterBreath}.screen-6 .exampleStrip{position:relative;overflow:hidden}.screen-6 .exampleStrip:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff7a,#0000);width:18%;animation:4.6s ease-in-out infinite exampleStripScan;position:absolute;top:0;bottom:0;left:-24%;transform:skew(-18deg)}.screen-8 .newImageBadge{animation:1.9s ease-in-out infinite newImageBadgePulse}.screen-8 .incomingTrail span{box-shadow:0 0 10px #59a8ff4d}.screen-9 .missionBExactGrid .compareCard.active{animation:1.65s ease-in-out infinite selectedPatternPulse!important}.screen-10 .pickAnimal{transform-origin:bottom;will-change:transform;animation:5.2s ease-in-out infinite alternate missionCAnimalFloat}.screen-10 .pickAnimal:nth-child(2){animation-duration:5.8s;animation-delay:-1.6s}.screen-10 .pickAnimal:nth-child(3){animation-duration:5.5s;animation-delay:-2.4s}.screen-10 .dropZone:not(.zebraPredicted){animation:2.2s ease-in-out infinite dropZoneReady}.screen-12 .reflect-q{opacity:0;animation:.52s ease-out forwards reflectQuestionIn;transform:translateY(12px)}.screen-12 .reflect-q:first-child{animation-delay:.12s}.screen-12 .reflect-q:nth-child(2){animation-delay:.3s}.screen-12 .reflect-q:nth-child(3){animation-delay:.48s}.screen-10 .roundNextArrow,.screen-4 .startArrowBtn,.screen-5 .roundNextArrow,.screen-7 .roundNextArrow,.screen-8 .roundNextArrow{animation:1.9s ease-in-out infinite gameArrowInvite}.screen-10 .pickAnimal,.screen-4 .r2FlowCard,.screen-5 .collectBtn,.screen-6 .optionCard,.screen-8 .optionCard,.screen-9 .compareCard{transition:filter .18s,box-shadow .18s}.screen-10 .pickAnimal:hover,.screen-5 .collectBtn:hover,.screen-6 .optionCard:hover,.screen-8 .optionCard:hover,.screen-9 .compareCard:hover{filter:brightness(1.025);box-shadow:0 12px 24px #102d4f1a}@keyframes missionCPossibilityIn{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes missionCPossibilityGlow{0%,to{box-shadow:0 6px 15px #6f4d0014,0 0 #f3cf6100}50%{box-shadow:0 6px 15px #6f4d0014,0 0 0 8px #f3cf611a}}@keyframes gameCardEntrance{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes flowArrowPulse{0%,to{opacity:.72;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes gameMascotFloat{0%,to{transform:translateY(0)rotate(-.3deg)}50%{transform:translateY(-6px)rotate(.3deg)}}@keyframes trainingTileFloat{0%,to{transform:translateY(0)rotate(-.12deg)}50%{transform:translateY(-3px)rotate(.12deg)}}@keyframes counterBreath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes exampleStripScan{0%,20%{opacity:0;left:-24%}35%{opacity:1}72%{opacity:.9;left:112%}to{opacity:0;left:112%}}@keyframes newImageBadgePulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.045)}}@keyframes selectedPatternPulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 0 0 4px #1767bd1f,0 9px 20px #102d4f12}50%{transform:translateY(-3px)scale(1.015);box-shadow:0 0 0 7px #1767bd12,0 13px 24px #102d4f1a}}@keyframes missionCAnimalFloat{0%{transform:translateY(1px)rotate(-.18deg)}50%{transform:translateY(-4px)rotate(.15deg)}to{transform:translateY(1px)rotate(.22deg)}}@keyframes dropZoneReady{0%,to{box-shadow:0 0 #3093ff00}50%{box-shadow:0 0 0 7px #3093ff12}}@keyframes reflectQuestionIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gameArrowInvite{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media (width<=800px){.missionCPossibilityLabel{margin-bottom:9px}}@media (prefers-reduced-motion:reduce){.missionCPossibilityLabel,.screen-10 .dropZone,.screen-10 .pickAnimal,.screen-10 .roundNextArrow,.screen-12 .reflect-q,.screen-4 .r2BoardMascot .mascot,.screen-4 .r2FlowArrow,.screen-4 .r2FlowCard,.screen-4 .startArrowBtn,.screen-5 .collectBtn,.screen-5 .collectBtn.done .tick,.screen-5 .counterBig,.screen-5 .roundNextArrow,.screen-6 .exampleStrip:after,.screen-7 .roundNextArrow,.screen-8 .newImageBadge,.screen-8 .roundNextArrow,.screen-9 .missionBExactGrid .compareCard.active{animation:none!important}}.screen-5 .collectBtn.done,.screen-5 .collectBtn.done:active,.screen-5 .collectBtn.done:hover{transform:none!important}.screen-5 .collectBtn.done .tick{animation:none!important;transform:none!important}