.d10-appback{display:none}html.pn-app .site-header,html.pn-app footer{display:none!important}html.pn-app .d10-appback{z-index:60;color:#1d4ed8;background:#fffffff2;border-radius:30px;align-items:center;gap:6px;min-height:48px;padding:9px 15px;font-family:Fredoka,system-ui,sans-serif;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;top:12px;left:12px;box-shadow:0 6px 24px #0f172a2e}html.pn-app .d10{padding-top:72px}.d10-root{background:var(--goldT)}.d10{min-height:70vh;padding:36px 0 80px;position:relative;overflow:hidden}.d10-wrap{flex-direction:column;gap:26px;display:flex}.d10-head{align-items:center;gap:24px;display:flex}.d10-mascot-wrap{flex-shrink:0;align-self:center}.d10-mascot{filter:drop-shadow(0 8px 14px #1a24692e);width:128px;height:auto;display:block}.d10-headtxt{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.d10-eyebrow{color:#8a5300}.d10-headtxt h1{color:var(--navy)}.d10-headtxt p{color:var(--ink2);max-width:60ch;margin:0;font-size:1.1rem}.d10-streakcard{text-align:center;background:var(--coralT);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:190px;padding:16px 18px;display:flex}.d10-fire{font-size:2rem;line-height:1}.d10-streakcard .kz-h3{color:var(--navy)}.d10-streaksub{color:#a3381b;font-size:.88rem;font-weight:700}.d10[data-view=play] .d10-head,.d10[data-view=done] .d10-head{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.d10-app{width:100%;margin:0 auto}.d10[data-view=play] .d10-app{max-width:820px}.d10[data-view=done] .d10-app{max-width:760px}.d10-pick{flex-direction:column;gap:30px;display:flex}.d10-q{color:var(--navy);background:#fff;border-radius:999px;align-self:flex-start;margin:0;padding:8px 16px;font-family:Fredoka,sans-serif;font-size:1.08rem;font-weight:600;box-shadow:0 3px #121a521f}.d10-sug{cursor:pointer;text-align:left;width:100%;font:inherit;color:#fff;border:0;align-items:center;gap:20px;transition:transform .18s;display:flex}.d10-sug:hover{transform:translateY(-3px)}.d10-sug:active{transform:translateY(3px)scale(.99)}.d10-sug-ic{flex-shrink:0;width:72px;height:72px;font-size:2.2rem}.d10-sug-txt{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.d10-sug-eb{color:#fff3d1;text-shadow:0 1px #0000004d}.d10-sug-n{color:#fff;text-shadow:0 2px #00000038;font-size:1.9rem;display:block}.d10-sug-l{text-shadow:0 1px #0000004d;font-weight:800}.d10-sug-go{pointer-events:none;flex-shrink:0}.d10-group{flex-direction:column;gap:14px;display:flex}.d10-gh{color:var(--navy);font-size:1.4rem}.d10-card{cursor:pointer;font:inherit;text-align:left;border:0;width:100%}.d10-card .kz-tile-name{text-shadow:0 2px #00000047,0 0 10px #00000047}.d10-cy{margin-top:auto;font-size:.76rem}.d10-loading{text-align:center;max-width:520px;color:var(--ink2);flex-direction:column;align-items:center;gap:12px;margin:0 auto;font-weight:700;display:flex}.d10-loading img{width:90px;height:auto}.d10-loading p{margin:0}.d10-loading .d10-q{box-shadow:none;align-self:center}.d10-spin{border:4px solid var(--soft);border-top-color:var(--amber);border-radius:50%;width:36px;height:36px;animation:1s linear infinite d10spin}@keyframes d10spin{to{transform:rotate(360deg)}}.d10-quiz{flex-direction:column;gap:20px;display:flex}.d10-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.d10-backbtn{cursor:pointer;background:#fff;border:0;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;transition:transform .15s;display:grid;box-shadow:0 4px #f2d9a6}.d10-backbtn:hover{transform:translateY(-2px)}.d10-tag{min-width:0;color:var(--navy);flex:auto}.d10-focus{color:var(--ink2);background:#fff;border-radius:16px;margin:0;padding:10px 16px;font-weight:700;box-shadow:0 3px #121a521a}.d10-focus b{color:var(--navy)}.d10-dots{gap:8px;display:flex}.d10-dot{background:#fff;border-radius:999px;flex:1 1 0;height:12px;box-shadow:inset 0 0 0 2px #c47f0e29}.d10-dot.done{background:var(--mint);box-shadow:none}.d10-dot.now{background:var(--amber);box-shadow:0 0 0 3px #fff}.d10-dot-fill{background:linear-gradient(90deg, var(--mint) 50%, #fff 50%) right / 200% 100%;animation:d10Fill .35s var(--ease-out,ease-out) forwards, d10SegPop .35s var(--ease-pop,ease-out)}@keyframes d10Fill{to{background-position:0}}@keyframes d10SegPop{50%{transform:scaleY(1.5)}}.d10-win{animation:.6s cubic-bezier(.3,1.5,.5,1) both d10Win}@keyframes d10Win{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.d10-small-pop{animation:.4s ease-out both d10Small}@keyframes d10Small{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}html.a11y-reduce-motion .d10-dot-fill,html.a11y-reduce-motion .d10-win,html.a11y-reduce-motion .d10-small-pop{animation:none}html.a11y-reduce-motion .d10-dot-fill{background:var(--mint)}@media (prefers-reduced-motion:reduce){.d10-dot-fill,.d10-win,.d10-small-pop{animation:none}.d10-dot-fill{background:var(--mint)}}.d10-card2{flex-direction:column;gap:16px;margin-top:50px;padding:30px;display:flex;position:relative;overflow:visible}.d10-dash{width:74px;height:auto;top:-58px;right:16px}.d10-count{color:#3a47a8;padding-right:80px}.d10-topic{background:var(--skyT);color:#1c5c96;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:.76rem;font-weight:800}.d10-qtext{color:var(--navy);margin:0;font-family:Fredoka,sans-serif;font-size:clamp(1.7rem,3.8vw,2.6rem);font-weight:700;line-height:1.15}.d10-qtext--long{font-size:clamp(1.2rem,2.3vw,1.5rem);font-weight:600;line-height:1.38}.d10-qtext:focus:not(:focus-visible){outline:none}.d10-diagram{border:2px solid var(--soft);background:#fff;border-radius:18px;justify-content:center;padding:12px;display:flex}.d10-diagram svg{width:100%;max-width:420px;height:auto}.d10-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.d10-opts--long{grid-template-columns:minmax(0,1fr)}.d10-opt{border:3px solid var(--soft);min-height:72px;box-shadow:0 5px 0 var(--soft);color:var(--navy);text-align:left;cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px 18px;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600;line-height:1.25;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.d10-opt:hover:not([disabled]){border-color:var(--sky);box-shadow:0 7px 0 var(--sky);transform:translateY(-2px)}.d10-opt:active:not([disabled]){box-shadow:0 2px 0 var(--soft);transform:translateY(3px)}.d10-opt .k{background:var(--cloud);color:#3a47a8;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:grid}.d10-opt .t{overflow-wrap:anywhere;min-width:0}.d10-opts--big .d10-opt{text-align:center;justify-content:center;min-height:80px;font-size:1.9rem;font-weight:700}.d10-opts--big .d10-opt .k{display:none}.d10-opt[disabled]{cursor:default}.d10-opt.ok{background:var(--mintT);border-color:var(--mintD);box-shadow:0 5px 0 var(--mintD)}.d10-opt.ok .k{color:#11684d;background:#fff}.d10-opt.no{background:var(--lilacT);border-color:var(--lilac);box-shadow:0 5px 0 var(--lilac)}.d10-opt.no .k{color:#5b3ed0;background:#fff}.d10-opt[disabled]:not(.ok):not(.no){opacity:.55;box-shadow:none;border-color:#eef1fb}.d10-fb{border:3px solid var(--soft);color:var(--navy);background:#fff;border-radius:20px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.d10-fb[hidden]{display:none}.d10-fb.ok{background:var(--mintT);border-color:var(--mintD)}.d10-fb.no{background:var(--lilacT);border-color:var(--lilac)}.d10-fbimg{flex-shrink:0;width:64px;height:auto}.d10-fbtxt{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.d10-fbtxt b{font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700}.d10-fb.ok .d10-fbtxt b{color:#11684d}.d10-fb.no .d10-fbtxt b{color:#5b3ed0}.d10-burst{background:var(--gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:40px;height:40px;position:absolute;top:-18px;right:22px}.d10-next{flex-shrink:0}.d10-result{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:16px;display:flex;position:relative}.d10-crew{align-items:flex-end;gap:6px;display:flex}.d10-crew img{width:96px;height:auto}.d10-crew .d10-crew-mid{width:128px}.d10-done-h{color:var(--navy)}.d10-done-h:focus:not(:focus-visible){outline:none}.d10-ring{width:170px;height:170px;position:relative}.d10-ring svg{display:block;transform:rotate(-90deg)}.d10-ring b{color:var(--navy);place-items:center;font-family:Fredoka,sans-serif;font-size:2.6rem;font-weight:700;display:grid;position:absolute;inset:0}.d10-ring-arc{animation:1.4s ease-out .3s backwards d10ring}@keyframes d10ring{0%{stroke-dashoffset:440px}}.d10-msg{color:var(--ink2);max-width:46ch;margin:0;font-size:1.2rem}.d10-counters,.d10-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.d10-streakbig{color:#a3381b;margin:0;font-weight:700}.d10-more{color:#3a47a8;text-underline-offset:3px;align-items:center;min-height:48px;padding:0 8px;font-family:Fredoka,sans-serif;font-weight:600;text-decoration:underline;display:inline-flex}.d10-more:hover{color:var(--navy)}@container (width<=760px){.d10{padding:24px 0 64px}.d10-head{flex-direction:column;align-items:stretch;gap:14px}.d10-mascot{width:118px;margin:0 auto}.d10-streakcard{min-width:0}.d10-sug{flex-direction:column;align-items:flex-start;gap:14px}.d10-sug-n{font-size:1.6rem}.d10-sug-go{width:100%}.d10-tag{font-size:1.1rem}.d10-dots{gap:5px}.d10-card2{padding:22px 18px}.d10-dash{width:64px;top:-56px;right:12px}.d10-opts:not(.d10-opts--big){grid-template-columns:minmax(0,1fr)}.d10-opt{min-height:60px}.d10-opts--big .d10-opt{min-height:72px;font-size:1.7rem}.d10-fb{flex-wrap:wrap}.d10-fbtxt{flex-basis:calc(100% - 80px)}.d10-next{width:100%}.d10-crew img{width:76px}.d10-crew .d10-crew-mid{width:104px}.d10-cta>*{flex:100%}}