:root{--cream:#fff9f0;--cream-2:#fff3dd;--ink:#173568;--ink-soft:#3e5686;--muted:#6b7ea3;--white:#fff;--blue:#7bc3f6;--green:#8edfa9;--yellow:#ffd966;--red:#ff7f7f;--purple:#b39dff;--purple-deep:#8f74f0;--blue-soft:#e4f3fe;--green-soft:#e6f8ec;--yellow-soft:#fff4d1;--red-soft:#ffe5e5;--purple-soft:#eee9ff;--radius:1.5rem;--radius-sm:1rem;--tap:3rem;--shadow:0 10px 30px #1735681a;--shadow-sm:0 4px 14px #17356814;--font:"Nunito", "Trebuchet MS", sans-serif;--display:"Fredoka", "Nunito", sans-serif;color:var(--ink);font-family:var(--font);background:var(--cream);-webkit-font-smoothing:antialiased;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh}body{color:var(--ink);background-color:var(--cream);background-image:radial-gradient(1000px 480px at 50% -12%, #fff 0%, transparent 62%), radial-gradient(700px 460px at 104% 96%, color-mix(in srgb, var(--purple-soft) 85%, var(--purple)) 0%, transparent 62%), radial-gradient(640px 440px at -6% 92%, color-mix(in srgb, var(--blue-soft) 85%, var(--blue)) 0%, transparent 62%), radial-gradient(520px 360px at 8% 8%, var(--yellow-soft) 0%, transparent 60%), radial-gradient(520px 360px at 96% 10%, var(--green-soft) 0%, transparent 60%), linear-gradient(180deg, var(--cream) 0%, #fdf6fb 55%, #f2f5ff 100%);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.5}a{color:var(--purple-deep);font-weight:700}:focus-visible{outline:3px solid var(--purple-deep);outline-offset:3px;border-radius:999px}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0;font-weight:600}h1{font-size:clamp(2.1rem,1.4rem + 2.8vw,3.6rem);line-height:1.05}h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);line-height:1.15}h3{font-size:1.25rem}p{margin:0}.lede{color:var(--ink-soft);max-width:44rem;font-size:1.15rem}.hint{color:var(--muted);font-size:.95rem;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.75rem;font-weight:800}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stack{gap:1rem;display:grid}.stack-sm{gap:.5rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row-between{justify-content:space-between}.center{text-align:center;justify-items:center}.bubble-field{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bubble-field-front{z-index:60}.bubble-field-front .bg-bubble{opacity:.9}.bg-bubble{background:radial-gradient(circle at 30% 26%, #fffffff2 0 9%, #ffffff59 20%, transparent 38%), radial-gradient(circle at 70% 82%, #ffffff80 0 6%, transparent 26%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 34%, transparent) 0%, color-mix(in srgb, var(--c) 70%, transparent) 100%);box-shadow:inset 0 -6px 12px #ffffff59, 0 8px 18px color-mix(in srgb, var(--c) 28%, transparent);opacity:.82;will-change:transform;transform-origin:50%;border:2px solid #ffffffd9;border-radius:50%;position:absolute;top:0;left:0}.bg-bubble.is-spawning{animation:.5s cubic-bezier(.34,1.56,.64,1) both bubble-spawn}.bg-bubble.is-popping{animation:.34s ease-out forwards bubble-pop}@keyframes bubble-spawn{0%{opacity:0;filter:brightness(1.4)}to{opacity:.82;filter:none}}@keyframes bubble-pop{0%{opacity:.9;filter:brightness(1.15)}40%{opacity:.6}to{opacity:0}}.bg-pop-ring{border:3px solid color-mix(in srgb, var(--c) 75%, #fff);opacity:.9;pointer-events:none;border-radius:50%;animation:.5s ease-out forwards bg-ring;position:absolute;transform:translate(-50%,-50%)scale(.9)}@keyframes bg-ring{to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}.bg-droplet{background:color-mix(in srgb, var(--c) 70%, #fff);pointer-events:none;width:11px;height:11px;transform:translate(0, 0) scale(var(--s,1));border:2px solid #fffffff2;border-radius:50%;margin:-5.5px 0 0 -5.5px;animation:.6s cubic-bezier(.2,.7,.3,1) forwards bg-droplet;position:absolute}@keyframes bg-droplet{70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 18px)) scale(.15);opacity:0}}body.bubble-hover .site{cursor:pointer}.bubble.is-bumped{animation:.42s ease-out bubble-bumped}@keyframes bubble-bumped{0%{filter:brightness(1.18)saturate(1.15)}to{filter:none}}.site{--page:var(--purple);z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.site-header{z-index:20;padding:max(.7rem, env(safe-area-inset-top)) clamp(1rem, 3vw, 2rem) .7rem;-webkit-backdrop-filter:blur(10px)saturate(1.2);background:linear-gradient(#fff9f0eb,#fff9f0a6);border-bottom:1px solid #1735680d;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.wordmark{font-family:var(--display);color:var(--ink);white-space:nowrap;align-items:center;gap:.55rem;font-size:clamp(.95rem,.8rem + .6vw,1.15rem);font-weight:600;text-decoration:none;display:inline-flex}.wordmark-dots{align-items:flex-end;gap:3px;display:inline-flex}.wordmark-dots i{border:1.5px solid #fffc;border-radius:50%;display:block;box-shadow:inset -2px -2px 4px #1735681a}.home-pill,.text-pill{white-space:nowrap;background:var(--white);min-height:2.6rem;color:var(--ink);box-shadow:var(--shadow-sm);border:2px solid #17356814;border-radius:999px;align-items:center;gap:.45rem;padding:0 1rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.home-pill:hover,.text-pill:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.home-pill .dot{background:radial-gradient(circle at 30% 30%, #fff 0 20%, var(--purple) 60%);border-radius:50%;width:.9rem;height:.9rem}.site-main{flex-direction:column;flex:1;gap:1.25rem;width:min(72rem,100% - clamp(1.5rem,5vw,3rem));margin:0 auto;padding:.75rem 0 2rem;display:flex}.site-main.wide{width:min(84rem,100% - clamp(1.5rem,5vw,3rem))}.site-main.narrow{width:min(52rem,100% - clamp(1.5rem,5vw,3rem))}.page-title{border-radius:var(--radius);background:radial-gradient(420px 160px at 92% 0%, color-mix(in srgb, var(--page) 30%, transparent) 0%, transparent 70%), linear-gradient(120deg, color-mix(in srgb, var(--page) 30%, #fff) 0%, color-mix(in srgb, var(--page) 12%, #fff) 60%, #ffffffb3 100%);border:1.5px solid color-mix(in srgb, var(--page) 35%, #fff);box-shadow:inset 0 1px 0 #ffffffe6, var(--shadow-sm);gap:.4rem;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.1rem,3vw,1.75rem);display:grid;position:relative;overflow:hidden}.page-title:before,.page-title:after{content:"";background:radial-gradient(circle at 30% 28%, #fffffff2 0 10%, #ffffff40 24%, transparent 40%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--page) 40%, transparent), color-mix(in srgb, var(--page) 75%, transparent));pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;position:absolute}.page-title:before{opacity:.8;width:5.5rem;height:5.5rem;top:-1.5rem;right:5%}.page-title:after{opacity:.7;width:2.4rem;height:2.4rem;bottom:-.6rem;right:15%}.page-title .title-row{align-items:center;gap:.9rem;display:flex}.page-title .lede{max-width:48rem}.title-bubble{flex:none;width:clamp(3.4rem,3rem + 1.5vw,4.6rem);height:clamp(3.4rem,3rem + 1.5vw,4.6rem)}.title-bubble .bubble-icon{width:56%}.eyebrow{color:color-mix(in srgb, var(--page,var(--purple)) 60%, var(--ink))}.site-footer{margin:1.5rem auto max(1rem, env(safe-area-inset-bottom));border-radius:var(--radius);width:min(72rem,100% - clamp(1.5rem,5vw,3rem));box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-soft);text-align:center;background:#ffffffb8;border:1px solid #17356812;justify-items:center;gap:.6rem;padding:1.1rem clamp(1rem,3vw,2rem) 1.2rem;font-size:.78rem;display:grid}.footer-dots{align-items:center;gap:4px;margin-bottom:.1rem;display:inline-flex}.footer-dots i{border:1.5px solid #ffffffe6;border-radius:50%;width:10px;height:10px;display:block;box-shadow:inset -2px -2px 4px #1735681f}.footer-dots i:nth-child(2n){text-align:center;width:7px;height:7px}.footer-links{flex-wrap:wrap;justify-content:center;gap:.35rem .75rem;font-weight:800;display:flex}.footer-links button,.footer-links a{color:var(--purple-deep);font-size:.8rem;font-weight:800;text-decoration:none}.footer-links button:hover,.footer-links a:hover{text-decoration:underline}.footer-sep{color:var(--muted)}.btn{min-height:var(--tap);border:2.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.4rem;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)scale(1.03)}.btn:active:not(:disabled){transform:scale(.94,.92)}.feel-card:active:not(:disabled),.need-card:active:not(:disabled),.tool-pick:active:not(:disabled),.clue-btn:active:not(:disabled),.option-btn:active:not(:disabled),.rating-btn:active:not(:disabled),.zone-peek-item:active,.chip-btn:active:not(:disabled){transform:scale(.96)}.feel-card,.need-card,.tool-pick,.clue-btn,.option-btn,.rating-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .15s,background .15s,box-shadow .15s}.btn-primary{background:linear-gradient(180deg, #cbbcff 0%, #a88ffb 45%, var(--purple-deep) 100%);color:#fff;text-shadow:0 1px #17356833;box-shadow:inset 0 2px #ffffff73,0 4px #6f55d1,0 10px 22px #8f74f059}.btn-primary:hover:not(:disabled){transform:translateY(-2px)scale(1.03);box-shadow:inset 0 2px #ffffff73,0 6px #6f55d1,0 14px 26px #8f74f06b}.btn-primary:active:not(:disabled){transform:translateY(3px)scale(.98);box-shadow:inset 0 2px #ffffff73,0 1px #6f55d1,0 6px 14px #8f74f04d}.btn-secondary{color:var(--purple-deep);border-color:var(--purple);box-shadow:0 3px 0 color-mix(in srgb, var(--purple) 70%, #fff), var(--shadow-sm);background:linear-gradient(#fff,#f6f2ff)}.btn-secondary:hover:not(:disabled){background:var(--purple-soft)}.btn-secondary:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--purple) 70%, #fff);transform:translateY(2px)scale(.98)}.btn-ghost{color:var(--ink-soft);background:0 0}.btn-ghost:hover:not(:disabled){background:#1735680f}.btn-sm{min-height:2.4rem;padding:0 1rem;font-size:.9rem}.btn-lg{min-height:3.5rem;padding:0 1.9rem;font-size:1.1rem}.card{border-radius:var(--radius);box-shadow:inset 0 1px 0 #fff, var(--shadow);background:linear-gradient(#fff 0%,#fffdf9 100%);border:1px solid #17356812;padding:clamp(1rem,2.5vw,1.5rem)}.card-soft{border-radius:var(--radius);background:#ffffffb3;border:1px solid #1735680f;padding:clamp(1rem,2.5vw,1.5rem)}.card-tint{border-radius:var(--radius);background:var(--tint,var(--purple-soft));padding:clamp(1rem,2.5vw,1.5rem)}.bubble{--c:var(--blue);aspect-ratio:1;color:var(--ink);text-align:center;font-family:var(--display);background:radial-gradient(circle at 30% 24%, #fffffffa 0 7%, #ffffff73 16%, #fff0 30%), radial-gradient(circle at 72% 84%, #ffffff59 0 8%, #fff0 30%), radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--c) 72%, #fff) 0%, var(--c) 62%, color-mix(in srgb, var(--c) 78%, var(--ink)) 100%);box-shadow:inset 0 -14px 26px #ffffff47, inset 0 8px 16px #ffffff80, 0 14px 30px color-mix(in srgb, var(--c) 45%, transparent), 0 3px 8px #17356814;transform-style:preserve-3d;will-change:transform;-webkit-user-select:none;user-select:none;border:3px solid #ffffffbf;border-radius:50%;align-content:center;place-items:center;gap:.25rem;font-weight:600;display:grid;position:relative}.bubble:after{content:"";filter:blur(1px);pointer-events:none;background:#ffffffd9;border-radius:50%;width:22%;height:12%;position:absolute;top:12%;left:18%;transform:rotate(-30deg)}.bubble>*{z-index:1;position:relative}.bubble-label{text-wrap:balance;padding:0 12%;font-size:clamp(1rem,.7rem + 1.2vw,1.5rem);line-height:1.1}.bubble-sub{font-family:var(--font);opacity:.85;padding:0 14%;font-size:.78rem;font-weight:800}.bubble-icon{aspect-ratio:1;width:28%;color:var(--ink);place-items:center;display:grid}.bubble-icon svg{width:100%;height:100%}.bubble-nav{width:min(100%,clamp(9rem,24vw,14.5rem))}.bubble-xl{width:clamp(9rem,26vw,15rem)}.bubble-lg{width:clamp(7rem,20vw,11rem)}.bubble-md{width:clamp(5.4rem,14vw,7.5rem)}.bubble-sm{width:4.2rem}.bubble-xs{width:2.6rem}.bubble-selected{outline:4px solid var(--ink);outline-offset:4px}.bubble-dim{filter:saturate(.4)opacity(.55)}.pop-wrap{place-items:center;width:100%;display:grid;position:relative}.particle{background:color-mix(in srgb, var(--c) 70%, #fff);pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%}.pop-ring{aspect-ratio:1;border:4px solid color-mix(in srgb, var(--c) 80%, #fff);pointer-events:none;border-radius:50%;height:100%;position:absolute;top:50%;left:50%}.pop-overlay{z-index:50;pointer-events:none;border-radius:50%;width:300vmax;height:300vmax;position:fixed;transform:translate(-50%,-50%)}.chip{background:var(--white);min-height:2.4rem;color:var(--ink);border:2px solid #1735681a;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .9rem;font-size:.95rem;font-weight:800;display:inline-flex}.chip-tint{background:var(--tint,var(--purple-soft));border-color:#0000}.chip-btn{min-height:var(--tap);font-size:1rem;transition:transform .15s,box-shadow .15s,background .15s}.chip-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chip-btn.is-selected{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-btn.is-good{background:var(--green);border-color:var(--green)}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.mark{background:var(--white);width:1.9rem;height:1.9rem;color:var(--ink);border:2px solid #17356814;border-radius:50%;flex:none;place-items:center;display:inline-grid}.mark svg{width:62%;height:62%}.mark-up{background:var(--red)}.mark-down{background:var(--green)}.mark-both{background:var(--yellow)}.mark-question{background:var(--purple-soft)}.mark-lg{width:2.8rem;height:2.8rem}.coach{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);border-left:8px solid var(--purple);align-items:flex-start;gap:.85rem;padding:1rem 1.15rem;display:flex}.coach-cheer{border-left-color:var(--green);background:var(--green-soft)}.coach-hint{border-left-color:var(--yellow);background:var(--yellow-soft)}.coach-info{border-left-color:var(--blue);background:var(--blue-soft)}.coach-face{flex:none;width:3rem;height:3rem}.coach-face svg{width:100%;height:100%;overflow:visible}.coach p{font-size:1.05rem;font-weight:700}.coach-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.guide{align-items:center;gap:.6rem;width:min(100%,52rem);display:flex}.guide-center{justify-content:center;margin:0 auto}.guide-mascot{filter:drop-shadow(0 8px 14px #7bc3f673);flex:none;width:4.6rem;height:4.6rem}.guide-mascot svg{width:100%;height:100%;overflow:visible}.guide-compact .guide-mascot{width:3.8rem;height:3.8rem}.guide-speech{background:var(--white);box-shadow:var(--shadow);border:2px solid color-mix(in srgb, var(--page) 45%, #fff);transform-origin:0;border-radius:1.25rem;padding:.75rem 1.1rem;position:relative}.guide-speech:before{content:"";background:var(--white);border-bottom:2px solid #7bc3f659;border-left:2px solid #7bc3f659;border-radius:2px;width:16px;height:16px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}.guide-speech p{font-family:var(--display);color:var(--ink);text-wrap:pretty;font-size:clamp(1.02rem,.95rem + .4vw,1.25rem);font-weight:600;line-height:1.35}.guide-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.mascot-eyes{transform-box:fill-box;transform-origin:50%;animation:4.8s ease-in-out infinite blink}@keyframes blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}.next-steps{border-radius:var(--radius);border:2px dashed color-mix(in srgb, var(--page) 45%, #fff);text-align:center;background:#ffffffb8;justify-items:center;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.next-steps h3{font-size:1.35rem}.next-steps-row{flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,3vw,2rem);display:flex}.next-step{justify-items:center;gap:.2rem;width:clamp(6.5rem,18vw,9rem);display:grid}.next-step .pop-wrap{width:clamp(5rem,13vw,6.5rem)}.next-step strong{font-family:var(--display);font-size:1rem}.next-step .hint{font-size:.78rem}.progress{background:#17356814;border-radius:999px;height:.75rem;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--page) 70%, #fff), var(--page));height:100%;box-shadow:inset 0 2px 0 #ffffff8c, 0 1px 4px color-mix(in srgb, var(--page) 50%, transparent);transition:width .3s;display:block}.stars{gap:.15rem;display:inline-flex}.stars svg{width:1.4rem;height:1.4rem}.stars .on{color:#f5b700}.stars .off{color:#17356826}.stars-lg svg{width:2.6rem;height:2.6rem}.login-page{flex:1;place-items:center;padding:1rem 0;display:grid}.login-card{text-align:center;justify-items:center;gap:1rem;width:min(28rem,100%);display:grid}.login-card form{gap:.75rem;width:100%;display:grid}.login-mascot{filter:drop-shadow(0 10px 18px #7bc3f673);width:7rem;height:7rem}.login-mascot svg{width:100%;height:100%;overflow:visible}.field{background:var(--cream);width:100%;min-height:3.2rem;color:var(--ink);text-align:center;border:2.5px solid #1735681f;border-radius:999px;padding:0 1.2rem;font-size:1.05rem}.field:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #b39dff59}.login-notice{color:var(--muted);max-width:24rem;font-size:.78rem}.error-text{color:#b23a3a;font-size:.9rem;font-weight:800}.home{text-align:center;justify-items:center;gap:clamp(1rem,2.5vh,1.75rem);display:grid}.home-title{justify-items:center;gap:.45rem;display:grid}.home-title h1{background:linear-gradient(180deg, #33559a 0%, var(--ink) 100%);color:#0000;filter:drop-shadow(0 2px #ffffffe6);-webkit-background-clip:text;background-clip:text;order:0;font-size:clamp(2.4rem,1.6rem + 3.4vw,4.2rem)}.title-dots{order:1;align-items:center;gap:.45rem;margin:.1rem 0 .2rem;display:inline-flex}.title-dots i{background:radial-gradient(circle at 32% 28%, #fffffff2 0 16%, #fff0 45%), var(--c);width:.9rem;height:.9rem;box-shadow:0 3px 8px color-mix(in srgb, var(--c) 45%, transparent);border:1.5px solid #ffffffe6;border-radius:50%;display:block}.title-dots i:nth-child(2n){width:.65rem;height:.65rem}.home-title .lede{text-align:center;order:2;font-size:clamp(1.1rem,1rem + .5vw,1.3rem)}.bubble-map{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:clamp(.75rem,2vw,1.5rem);width:100%;display:grid}.bubble-map-item{justify-items:center;gap:.35rem;width:100%;display:grid}.bubble-map-item:nth-child(5){grid-column:1/-1}.bubble-blurb{color:var(--muted);text-wrap:balance;max-width:12rem;font-size:.85rem;font-weight:800}.home-path{justify-items:center;gap:.5rem;display:grid}.home-path ol{flex-wrap:wrap;justify-content:center;gap:.4rem .35rem;margin:0;padding:0;list-style:none;display:flex}.home-path li{align-items:center;display:flex}.home-path li:not(:last-child):after{content:"→";color:var(--muted);margin-left:.35rem;font-weight:800}.home-path button{color:var(--ink);background:#ffffffbf;border:1.5px solid #17356814;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .35rem;font-size:.85rem;font-weight:800;transition:transform .15s,background .15s;display:inline-flex}.home-path button:hover{background:var(--white);transform:translateY(-1px)scale(1.03)}.path-dot{background:radial-gradient(circle at 30% 30%, #fff 0 15%, var(--c) 65%);width:1.5rem;height:1.5rem;font-family:var(--display);color:var(--ink);border:1.5px solid #ffffffe6;border-radius:50%;place-items:center;font-size:.8rem;display:grid}.okay-card{text-align:left;background:linear-gradient(120deg, #fff 0%, #fff 55%, var(--purple-soft) 100%);border-radius:var(--radius);width:min(44rem,100%);box-shadow:var(--shadow);border:1px solid #17356812;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.okay-card .mascot{flex:none;width:5.5rem}.okay-faces{flex:none;grid-template-columns:repeat(2,1fr);gap:.2rem;width:7.75rem;display:grid}.okay-faces svg{width:100%}.home .guide-mascot{width:5.6rem;height:5.6rem}.okay-card h3{margin-bottom:.2rem;font-size:1.3rem}.okay-card p{color:var(--ink-soft)}.home-hint{color:var(--purple-deep);font-weight:800}.pathways{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:1.25rem;display:grid}.pathway{--c:var(--blue);text-align:center;border-radius:var(--radius);background:radial-gradient(60% 45% at 50% 0%, color-mix(in srgb, var(--c) 22%, #fff) 0%, transparent 100%), #ffffffc7;border:1.5px solid color-mix(in srgb, var(--c) 30%, #fff);width:100%;box-shadow:var(--shadow-sm);justify-items:center;gap:.5rem;padding:1.25rem 1rem 1.4rem;display:grid}.pathway h3{margin-top:.25rem;font-size:1.4rem}.pathway .hint{max-width:24rem}.pathway-list{color:var(--ink-soft);gap:.25rem;margin:.25rem 0 0;padding:0;font-size:.9rem;font-weight:700;list-style:none;display:grid}.pathway-list li:before{content:"●";color:var(--c,var(--purple));margin-right:.4rem;font-size:.7em}.zone-peek{text-align:center;gap:.75rem;display:grid}.zone-peek-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.zone-peek-item{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c) 22%, #fff);border:2px solid color-mix(in srgb, var(--c) 55%, #fff);color:var(--ink);justify-items:center;gap:.15rem;padding:.75rem .5rem .9rem;display:grid}.zone-peek-item svg{width:4.5rem}.zone-peek-item strong{font-family:var(--display);font-size:1.05rem}.zone-peek-item span{color:var(--muted);font-size:.78rem;font-weight:700}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:1rem;display:grid}.zone-card{--tint:var(--blue-soft);border-radius:var(--radius);background:radial-gradient(50% 60% at 0% 0%, #ffffffb3 0%, transparent 100%), var(--tint);box-shadow:inset 0 1px 0 #ffffffe6, var(--shadow-sm);border:1.5px solid #fffc;gap:.9rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.zone-card-head{align-items:center;gap:1.1rem;display:flex}.zone-card-head .face-art{filter:drop-shadow(0 8px 14px #17356824);flex:none;width:clamp(6rem,5rem + 3vw,8.5rem)}.zone-columns{gap:.9rem;display:grid}.zone-columns h4{font-family:var(--display);margin:0 0 .4rem;font-size:1rem}.okay-line{color:var(--ink-soft);font-weight:800}.prose{color:var(--ink-soft);gap:.9rem;font-size:1.05rem;line-height:1.55;display:grid}.prose h2,.prose h3{color:var(--ink);margin-top:.5rem}.prose ul{margin:0;padding-left:1.25rem}.prose li{margin:.25rem 0}.prose blockquote{border-left:5px solid var(--purple);background:var(--purple-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink);margin:0;padding:.6rem 1rem;font-weight:700}.grownup-zone{border-radius:var(--radius);gap:.5rem;padding:1rem 1.25rem;display:grid}.grownup-zone h3{align-items:center;gap:.6rem;display:flex}.zone-dot{background:radial-gradient(circle at 30% 30%, #fff 0 15%, var(--c) 60%);border:2px solid #fffc;border-radius:50%;width:1.1rem;height:1.1rem}.book-wrap{justify-items:center;gap:.75rem;display:grid}.book{background:linear-gradient(#ffffff59,#fff0 30%),linear-gradient(#dcc9a8,#c4ad84);border-radius:1.5rem;width:min(64rem,100%);padding:.8rem;position:relative;box-shadow:inset 0 1px #fff9,0 24px 50px #17356838,0 4px 10px #1735681a}.book-inner{perspective:1800px;background:#fffdf7;border-radius:1rem;grid-template-columns:1fr;min-height:clamp(22rem,18rem + 12vw,30rem);display:grid;position:relative;overflow:hidden}.book-spread{transform-origin:0;backface-visibility:hidden;background:#fffdf7;grid-template-columns:1fr;display:grid;position:absolute;inset:0}.book-spread.is-static{position:relative}.book-side{place-items:center;min-height:11rem;padding:clamp(1rem,3vw,2rem);display:grid}.book-side-art{background:linear-gradient(#fff,#fff6e6)}.book-side-art svg{width:min(100%,22rem);height:auto}.book-side-text{border-left:1px dashed #17356826;align-content:center}.book-text{color:var(--ink);text-wrap:pretty;max-width:26rem;font-size:clamp(1.15rem,1rem + .7vw,1.55rem);font-weight:700;line-height:1.5}.book-page-num{color:var(--muted);font-size:.8rem;font-weight:800;position:absolute;bottom:.5rem;right:1rem}.book-tap{z-index:5;cursor:pointer;background:0 0;border-radius:0;width:50%;position:absolute;top:0;bottom:0}.book-tap:focus-visible{outline-offset:-4px;border-radius:1rem}.book-tap-left{left:0}.book-tap-right{right:0}.book-tap span{width:2.6rem;height:2.6rem;box-shadow:var(--shadow-sm);opacity:.85;color:var(--ink);background:#ffffffe6;border-radius:50%;place-items:center;padding-bottom:.15rem;font-size:1.7rem;font-weight:800;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.book-tap-left span{left:.5rem}.book-tap-right span{right:.5rem}.book-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.toolbox-closed{text-align:center;justify-items:center;gap:1rem;display:grid}.toolbox-art{width:min(34rem,100%);height:auto}.clip-hint{color:var(--purple-deep);font-weight:800}.bank-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:min(48rem,100%);display:grid}.bank-preview-item{border-radius:var(--radius-sm);background:var(--tint);text-align:center;justify-items:center;gap:.25rem;padding:.9rem .75rem 1rem;display:grid}.bank-preview-item strong{font-family:var(--display);font-size:1.1rem}.bank-preview-item span{color:var(--ink-soft);font-size:.82rem;font-weight:700}@media (width<=640px){.bank-preview{grid-template-columns:1fr}}.toolbox-inside{gap:1rem;display:grid}.bank{--tint:var(--red-soft);border-radius:var(--radius);background:var(--tint);gap:.75rem;padding:1rem 1.1rem 1.1rem;display:grid}.bank-head{align-items:center;gap:.75rem;display:flex}.bank-head p{color:var(--ink-soft);font-weight:700}.tool-shelf{flex-wrap:wrap;gap:.6rem;display:flex}.tool-chip{--c:var(--white);background:var(--white);min-height:3.4rem;box-shadow:var(--shadow-sm);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border:2px solid #17356814;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem 1rem .3rem .4rem;font-size:.98rem;font-weight:800;transition:box-shadow .15s,border-color .15s;display:inline-flex;position:relative}.tool-chip:active{cursor:grabbing}.tool-chip.is-dragging{z-index:40;box-shadow:var(--shadow);cursor:grabbing}.tool-chip.in-box{opacity:.45}.tool-chip:hover:not(.is-dragging){box-shadow:var(--shadow);border-color:var(--purple)}.tool-chip .tool-icon{background:var(--tint,var(--purple-soft));border-radius:50%;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}.tool-chip .tool-icon svg{width:65%;height:65%}.tool-chip .badge{position:absolute;top:-.5rem;right:-.4rem}.tool-chip .badge .mark{width:1.45rem;height:1.45rem;box-shadow:var(--shadow-sm)}.my-tray{border-radius:var(--radius);border:3px dashed var(--purple);background:var(--purple-soft);z-index:10;gap:.75rem;min-height:9rem;padding:1rem;transition:background .15s,border-color .15s,transform .15s;display:grid;position:sticky;bottom:.75rem}.my-tray.is-over{border-color:var(--purple-deep);background:#e2d9ff;transform:scale(1.01)}.my-tray h2{letter-spacing:.04em;align-items:center;gap:.6rem;font-size:1.35rem;display:flex}.tray-items{flex-wrap:wrap;gap:.6rem;min-height:3rem;display:flex}.tray-empty{color:var(--muted);font-weight:700}.modal-backdrop{z-index:60;background:#17356859;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius);gap:1rem;width:min(30rem,100%);max-height:90dvh;padding:1.5rem;display:grid;overflow:auto;box-shadow:0 24px 60px #1735684d}.modal-head{align-items:center;gap:.9rem;display:flex}.modal-head .tool-icon{background:var(--tint,var(--purple-soft));border-radius:50%;flex:none;place-items:center;width:3.2rem;height:3.2rem;display:grid}.modal-head .tool-icon svg{width:60%;height:60%}.rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.rating-btn{border-radius:var(--radius-sm);background:var(--cream);text-align:left;border:2.5px solid #17356814;align-items:center;gap:.6rem;min-height:3.4rem;padding:.4rem .8rem;font-weight:800;transition:transform .15s,border-color .15s;display:flex}.rating-btn:hover{transform:translateY(-1px)}.rating-btn.is-selected{border-color:var(--ink);background:var(--white)}.timer-ring{width:6rem;height:6rem;margin:0 auto}.trail{scrollbar-width:none;border-radius:var(--radius);background:#ffffff8c;border:1px solid #1735680f;gap:.35rem;padding:.5rem .25rem .25rem;display:flex;position:relative;overflow-x:auto}.trail:before{content:"";background:color-mix(in srgb, var(--page) 35%, #fff);pointer-events:none;border-radius:999px;height:3px;position:absolute;top:1.7rem;left:8%;right:8%}.trail::-webkit-scrollbar{display:none}.trail li{text-align:center;min-width:5.2rem;color:var(--muted);flex:1;justify-items:center;gap:.35rem;font-size:.74rem;font-weight:800;list-style:none;display:grid;position:relative}.trail li .n{width:2.4rem;height:2.4rem;font-family:var(--display);color:var(--ink);background:radial-gradient(circle at 32% 28%,#fffffff2 0 12%,#fff0 38%),#fff;border:2px solid #1735681a;border-radius:50%;place-items:center;font-size:1rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s;display:grid}.trail li.is-now{color:var(--ink)}.trail li.is-now .n{background:radial-gradient(circle at 32% 28%, #fffffff2 0 12%, #fff0 38%), var(--page);box-shadow:0 0 0 4px color-mix(in srgb, var(--page) 30%, transparent), 0 6px 14px color-mix(in srgb, var(--page) 40%, transparent);border-color:#ffffffe6;transform:scale(1.12)}.trail li.is-done .n{background:radial-gradient(circle at 32% 28%, #fffffff2 0 12%, #fff0 38%), var(--green);border-color:#ffffffe6}.trail li.is-done{color:var(--ink-soft)}.feel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.feel-card{--c:var(--blue);border-radius:var(--radius);background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--c) 16%, #fff) 100%);border:3px solid color-mix(in srgb, var(--c) 35%, #fff);box-shadow:var(--shadow-sm);text-align:center;justify-items:center;gap:.35rem;padding:1rem .75rem;transition:transform .15s,border-color .15s;display:grid}.feel-card:hover:not(:disabled){transform:translateY(-2px)}.feel-card.is-selected{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 40%, transparent), var(--shadow)}.feel-card .face-art{width:5rem}.feel-card strong{font-family:var(--display);font-size:1.1rem}.feel-card span{color:var(--muted);font-size:.85rem;font-weight:700}.body-map{align-items:center;gap:1rem;display:grid}.body-map svg{width:min(100%,26rem);height:auto;margin:0 auto}.body-part.is-interactive .body-tag rect{transition:transform .15s,fill .2s}.body-part.is-interactive:hover .body-tag rect,.body-part.is-interactive:focus-visible .body-tag rect{fill:var(--purple-soft);stroke:var(--purple)}.body-part.is-interactive.is-active:hover .body-tag rect{fill:color-mix(in srgb, #fff 20%, currentColor)}.body-part:focus-visible{outline:none}.body-part:focus-visible .body-tag rect{stroke:var(--ink);stroke-width:2.5px}.body-part.is-active .body-halo{animation:1.8s ease-in-out infinite halo-pulse}@keyframes halo-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.25;transform:scale(1.25)}}.clue-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.clue-btn{text-align:left;border-radius:var(--radius-sm);background:var(--white);border:2.5px solid #17356814;gap:.15rem;min-height:3.6rem;padding:.6rem .9rem;transition:transform .15s,border-color .15s,background .15s;display:grid}.clue-btn strong{font-family:var(--display);font-size:1.05rem}.clue-btn span{color:var(--muted);font-size:.8rem;font-weight:700}.clue-btn.is-selected{border-color:var(--purple-deep);background:var(--purple-soft)}.need-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.need-card{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);text-align:center;border:3px solid #0000;justify-items:center;gap:.4rem;padding:1rem .5rem;transition:transform .15s,border-color .15s;display:grid}.need-card:hover:not(:disabled){transform:translateY(-2px)}.need-card.is-selected{border-color:var(--ink)}.need-card strong{font-family:var(--display);font-size:1.05rem}.need-card span{color:var(--muted);font-size:.78rem;font-weight:700}.tool-pick-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;display:grid}.tool-pick{text-align:left;border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);border:3px solid #0000;justify-items:start;gap:.4rem;padding:.9rem;transition:transform .15s,border-color .15s;display:grid}.tool-pick:hover:not(:disabled){transform:translateY(-2px)}.tool-pick.is-selected{border-color:var(--ink)}.tool-pick .tool-icon{background:var(--tint,var(--purple-soft));border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;display:grid}.tool-pick .tool-icon svg{width:62%;height:62%}.tool-pick strong{font-family:var(--display);font-size:1.05rem}.tool-pick span{color:var(--ink-soft);font-size:.85rem}.wizard-actions{z-index:5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #17356814;border-radius:999px;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;display:flex;position:sticky;bottom:.75rem}.loop-strip{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:.35rem .5rem;font-size:.85rem;font-weight:800;display:flex}.loop-strip span.arrow{color:var(--purple-deep)}.games-hub{gap:1.5rem;display:grid}.level-path{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:1rem;display:grid}.level-item{text-align:center;justify-items:center;gap:.4rem;display:grid}.level-item .hint{max-width:14rem}.level-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:800}.bonus-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:.75rem;display:grid}.game-shell{gap:1rem;display:grid}.game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.game-top .progress{flex:1;min-width:8rem}.game-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.done-card{text-align:center;justify-items:center;gap:.9rem;padding:2rem 1.25rem;display:grid}.round-intro{background:radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--page) 22%, #fff) 0%, transparent 100%), #fff;position:relative;overflow:hidden}.round-badge{background:color-mix(in srgb, var(--page) 28%, #fff);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .9rem;font-size:.85rem;font-weight:800;display:inline-flex}.round-words{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:34rem;display:flex}.round-word{--c:var(--page);min-width:3.2rem;font-family:var(--display);color:var(--ink);background:radial-gradient(circle at 25% 25%, #fffffff2 0 10%, #fff0 40%), color-mix(in srgb, var(--c) 55%, #fff);box-shadow:0 6px 14px color-mix(in srgb, var(--c) 35%, transparent);border:2px solid #ffffffd9;border-radius:999px;place-items:center;padding:.55rem 1rem;font-size:1.05rem;display:inline-grid}.round-zones{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.round-zone{--c:var(--purple);color:var(--ink-soft);border:1.5px solid color-mix(in srgb, var(--c) 45%, #fff);background:#fffc;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem .25rem .45rem;font-size:.85rem;font-weight:800;display:inline-flex}.round-zone:before{content:"";background:radial-gradient(circle at 30% 28%, #fff 0 18%, #fff0 45%), var(--c);border-radius:50%;width:.95rem;height:.95rem}.zone-choices{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:.6rem;display:grid}.zone-choices>*{width:100%}.zone-choices .bubble{width:min(100%,8.5rem)}.zone-choices .bubble-label{font-size:clamp(.85rem,.6rem + 1vw,1.15rem)}.zone-choices .bubble-sub{font-size:.68rem}.match-stage{border-radius:var(--radius);background:#ffffff8c;border:1px solid #1735680f;place-items:center;min-height:12rem;display:grid;position:relative;overflow:visible}.feeling-chip{--c:var(--purple);cursor:grab;touch-action:none;width:clamp(8rem,30vw,11rem)}.feeling-chip.is-dragging{cursor:grabbing;z-index:40}.feeling-chip .bubble-label{font-size:clamp(1rem,.8rem + .8vw,1.4rem)}.drop-target.is-over{transform:scale(1.08)}.face-stage{justify-items:center;gap:.75rem;display:grid}.face-stage svg{width:min(100%,20rem);height:auto}.face-part{cursor:pointer;transition:filter .15s}.face-part:hover{filter:drop-shadow(0 0 6px var(--purple))}.face-part.is-picked{filter:drop-shadow(0 0 8px var(--purple-deep))}.face-part.is-pulsing{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.7}}.clue-notes{gap:.4rem;display:grid}.clue-note{background:var(--white);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.95rem;font-weight:700;display:flex}.scenario{grid-template-columns:1fr;align-items:center;gap:1rem;display:grid}.scenario-text{color:var(--ink);font-size:clamp(1.1rem,1rem + .5vw,1.35rem);font-weight:700;line-height:1.5}.scenario-text .clue-span{background:var(--yellow-soft);font:inherit;color:inherit;cursor:pointer;border:2px solid #0000;border-radius:.5rem;padding:.05rem .35rem;transition:background .15s,border-color .15s;display:inline}.scenario-text .clue-span.is-picked{background:var(--yellow);border-color:var(--ink)}.scenario .body-figure{width:min(100%,24rem);margin:0 auto}.before-after{grid-template-columns:1fr auto 1fr;place-items:center;gap:.5rem;display:grid}.before-after svg{width:min(100%,11rem)}.before-after .arrow{color:var(--purple-deep);font-size:2rem}.breath-stage{place-items:center;gap:1rem;min-height:22rem;display:grid}.breath-bubble{--c:var(--purple);touch-action:none;width:clamp(9rem,40vw,16rem)}.breath-bubble .bubble-label{font-size:clamp(1.2rem,1rem + 1vw,1.8rem)}.breath-count{font-family:var(--display);color:var(--ink);font-size:3rem}.scanner-stage{align-items:start;gap:1rem;display:grid}.scanner-stage svg{width:min(100%,22rem);margin:0 auto}.option-list{gap:.6rem;display:grid}.option-btn{border-radius:var(--radius-sm);background:var(--white);text-align:left;border:2.5px solid #17356814;align-items:center;gap:.6rem;min-height:3.4rem;padding:.5rem 1rem;font-weight:800;transition:transform .15s,border-color .15s,background .15s;display:flex}.option-btn:hover:not(:disabled){transform:translateY(-1px)}.option-btn.is-selected{border-color:var(--ink);background:var(--purple-soft)}.option-btn.is-good{border-color:var(--green);background:var(--green-soft)}.sorter-stage{gap:1rem;display:grid}.sorter-drop{border-radius:var(--radius);background:#ffffff8c;border:1px solid #1735680f;place-items:center;min-height:9rem;display:grid}.buckets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.bucket{--tint:var(--red-soft);border-radius:var(--radius);background:var(--tint);text-align:center;border:3px dashed #0000;align-content:center;place-items:center;gap:.3rem;min-height:7rem;padding:.75rem .5rem;font-weight:800;transition:transform .15s,border-color .15s;display:grid}.bucket.is-over{border-color:var(--ink);transform:scale(1.04)}.bucket small{color:var(--ink-soft);font-size:.75rem}.calm-stage{border-radius:var(--radius);background:linear-gradient(#eef6ff,#fff9f0);border:1px solid #1735680f;height:min(60vh,32rem);position:relative;overflow:hidden}.calm-bubble{cursor:pointer;touch-action:manipulation;position:absolute;bottom:-6rem}.calm-prompt{color:var(--ink);box-shadow:var(--shadow-sm);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#ffffffd9;border-radius:999px;max-width:95%;padding:.5rem 1rem;font-weight:800;position:absolute;top:1rem;left:50%;overflow:hidden;transform:translate(-50%)}.print-sheet{display:none}@media (width>=700px){.bubble-map{grid-template-columns:repeat(6,minmax(0,1fr))}.bubble-map .bubble-map-item:first-child{grid-column:1/3}.bubble-map .bubble-map-item:nth-child(2){grid-column:3/5}.bubble-map .bubble-map-item:nth-child(3){grid-column:5/7}.bubble-map .bubble-map-item:nth-child(4){grid-column:2/4}.bubble-map .bubble-map-item:nth-child(5){grid-column:4/6}.zone-grid,.zone-peek-row{grid-template-columns:repeat(4,minmax(0,1fr))}.zone-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.book-spread{grid-template-columns:1fr 1fr}.book-side-text{border-left:1px dashed #17356826}.body-map{grid-template-columns:minmax(18rem,26rem) 1fr}.feel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.level-path{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:2.25rem;padding-top:1rem}.level-path .level-item:first-child{transform:translateY(2.25rem)}.level-path .level-item:nth-child(2){transform:translateY(1.5rem)}.level-path .level-item:nth-child(3){transform:translateY(.75rem)}.bonus-row{grid-template-columns:repeat(4,minmax(0,1fr))}.scenario{grid-template-columns:1fr minmax(14rem,22rem)}.scanner-stage{grid-template-columns:minmax(16rem,22rem) 1fr}.rating-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.clue-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.need-grid{grid-template-columns:1fr}.need-card{text-align:left;grid-template-columns:auto 1fr;justify-items:start;padding:.75rem 1rem}.need-card .mark-lg{grid-row:1/3}.zone-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.before-after{grid-template-columns:1fr}.before-after .arrow{transform:rotate(90deg)}.okay-card{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){.bg-bubble{opacity:.35}.bg-bubble.is-spawning,.bg-bubble.is-popping,.bg-pop-ring,.bg-droplet,.bubble.is-bumped{animation-duration:.01ms!important}.bg-bubble.is-popping,.bg-pop-ring,.bg-droplet{opacity:0}*,:before,:after{transition-duration:.01ms!important}}@media print{body{background:#fff!important}.site-header,.site-footer,.bubble-field,.no-print,.toolbox-inside,.toolbox-closed,.modal-backdrop{display:none!important}.site-main{width:100%;padding:0}.print-sheet{color:#173568;font-family:Nunito,sans-serif;display:block}.print-sheet h1{margin-bottom:4pt;font-size:26pt}.print-sheet .print-sub{margin-bottom:14pt;font-size:11pt}.print-cols{grid-template-columns:repeat(3,1fr);gap:12pt;display:grid}.print-col{break-inside:avoid;border:1.5pt solid #173568;border-radius:10pt;padding:8pt 10pt}.print-col h2{margin:0 0 6pt;font-size:14pt}.print-col ul{margin:0;padding-left:14pt;font-size:11pt}.print-col li{margin:3pt 0}.print-col .empty{color:#6b7ea3;font-size:10pt}.print-attribution{color:#3e5686;border-top:1pt solid #173568;margin-top:16pt;padding-top:6pt;font-size:8.5pt}}