.sd-grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.1rem 0 0;border:0;padding:0}.sd-grade{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .6rem .75rem;border-radius:1.3rem;border:3px solid var(--outline);background:#fff;cursor:pointer;transition:transform .2s var(--pl-soft),box-shadow .2s var(--pl-soft)}.sd-grade:hover{transform:translateY(-2px)}.sd-grade.is-on{transform:scale(1.04);background:color-mix(in srgb,var(--tone) 16%,white);box-shadow:0 5px 0 0 var(--tone);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px var(--tone)) drop-shadow(0 0 12px color-mix(in srgb,var(--tone) 75%,transparent))}.sd-grade:has(input:focus-visible){outline:4px solid #4429C9;outline-offset:3px}.sd-grade-name{font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1.1;color:var(--ink,#1F1A38)}.sd-grade-hint{font-size:.88rem;font-weight:600;line-height:1.25;color:#6B6785}.sd-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.1rem}.sd-shelf li{animation:lit-choice-in .45s var(--pl-spring) both;animation-delay:calc(var(--i) * 60ms)}.sd-case{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;gap:.45rem;padding:.75rem .6rem .85rem;border-radius:1.4rem;border:4px solid var(--outline);background:var(--tone);box-shadow:0 6px 0 0 color-mix(in srgb,var(--tone) 55%,black);transition:transform .2s var(--pl-soft),box-shadow .2s var(--pl-soft)}.sd-case:hover{transform:translateY(-3px) rotate(-1deg)}.sd-case:active{transform:translateY(5px);box-shadow:0 1px 0 0 color-mix(in srgb,var(--tone) 55%,black)}.sd-case-pic{display:flex;width:clamp(3.6rem,10vmin,5.4rem);aspect-ratio:1;padding:.35rem;border-radius:1.1rem;border:3px solid var(--outline);background:#fff}.sd-case-pic img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sd-case-title{padding:.15rem .6rem .25rem;border-radius:.8rem;border:2.5px solid var(--outline);background:#FFFDE6;color:#1F1A38;font-size:1.1rem;line-height:1.2}@media (max-width:640px){.sd-grades{gap:.45rem}.sd-grade{padding:.5rem .3rem .6rem}.sd-grade-name{font-size:1.1rem}.sd-grade-hint{display:none}.sd-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.sd-case-title{font-size:1rem}}.sd-stage{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(.7rem,2vw,1.4rem);padding:clamp(.6rem,2vw,1.2rem) clamp(.6rem,2.5vw,1.6rem) clamp(.8rem,2.5vw,1.4rem);pointer-events:auto}.sd-stage.is-memory{grid-template-columns:minmax(0,1fr);max-width:52rem;width:100%;margin:0 auto}.sd-story{position:relative;min-height:0;overflow-y:auto;padding:clamp(.9rem,2.5vw,1.5rem) clamp(1rem,3vw,1.8rem) 1.4rem;border-radius:1.6rem;border:4px solid var(--outline);background:#FFFBF2;box-shadow:0 10px 0 0 rgba(31,26,56,.28);animation:lit-card-in .45s var(--pl-spring)}.sd-scene{display:flex;justify-content:center;gap:clamp(.4rem,2vw,1rem);padding:.5rem;border-radius:1.2rem;background:linear-gradient(180deg,#DDF3FB,#EAF8D9);border:3px dashed #9bd3e3}.sd-scene-pic{width:clamp(4rem,13vmin,7.5rem);aspect-ratio:1}.sd-scene-pic img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(31,26,56,.15))}.sd-scene-pic:nth-child(2){animation:sd-bob 3.2s ease-in-out infinite}@keyframes sd-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}.sd-title{margin:.8rem 0 .35rem;text-align:center;font-size:clamp(1.4rem,3.4vmin,1.9rem);line-height:1.15;color:#3720A3}.sd-para{margin-top:.55rem;color:#1F1A38;font-weight:700}.sd-story.is-grade-1 .sd-para{font-size:clamp(1.35rem,3.6vmin,1.8rem);line-height:1.65}.sd-story.is-grade-2 .sd-para{font-size:clamp(1.2rem,3vmin,1.5rem);line-height:1.6}.sd-story.is-grade-3 .sd-para{font-size:clamp(1.08rem,2.6vmin,1.32rem);line-height:1.6;text-indent:1.4em}.sd-sent{border-radius:.35em;transition:background-color .3s}.sd-sent.is-clue{background:#FFE36E;box-shadow:0 0 0 .12em #FFE36E;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:sd-clue .9s ease-in-out 2}@keyframes sd-clue{50%{background:#FFC93D;box-shadow:0 0 0 .22em #FFC93D}}.sd-word{padding:0;border:0;background:none;font:inherit;color:inherit;-webkit-text-decoration:underline dotted rgba(55,32,163,.35);text-decoration:underline dotted rgba(55,32,163,.35);text-underline-offset:.2em;cursor:pointer}.sd-word:active{color:#5B3EDE}.sd-ask{display:flex;min-height:0;flex-direction:column;justify-content:safe center;gap:clamp(.6rem,2vmin,1rem);overflow-y:auto;padding-bottom:.4rem}.sd-detective{display:flex;align-items:flex-end;gap:.8rem}.sd-patchy{flex-shrink:0;width:clamp(78px,14vmin,130px)}.sd-bubble{position:relative;margin-bottom:.8rem;padding:.6rem 1rem .7rem;border-radius:1.2rem;border:3px solid var(--outline);background:#fff;font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,2.6vmin,1.35rem);line-height:1.25;color:#3720A3;animation:lit-pop-in .35s var(--pl-spring)}.sd-bubble:before{content:"";position:absolute;left:-14px;bottom:12px;border:8px solid transparent;border-right:10px solid var(--outline)}.sd-bubble.is-good{background:#EAF8D9;color:#35571A}.sd-ready{align-self:center}.sd-question{animation:lit-card-in .4s var(--pl-spring)}.sd-q{padding:.7rem 1rem .8rem;border-radius:1.3rem;border:4px solid var(--outline);background:#FFFBF2;font-size:clamp(1.2rem,3vmin,1.6rem);line-height:1.3;color:#1F1A38;text-align:center;box-shadow:0 6px 0 0 rgba(31,26,56,.2)}.sd-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,1.6vw,.9rem);margin-top:.9rem}.sd-choices:not(.has-pics){grid-template-columns:minmax(0,1fr);gap:.5rem}.sd-choices:not(.has-pics) .sd-choice{min-height:3.2rem}.sd-choices li{display:flex;animation:lit-choice-in .45s var(--pl-spring) both;animation-delay:calc(var(--i) * 80ms)}.sd-choice{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:4.2rem;padding:.6rem .6rem .7rem;border-radius:1.2rem;border:4px solid var(--outline);background:#fff;color:#1F1A38;font-size:clamp(1rem,2.4vmin,1.2rem);line-height:1.25;text-align:center;box-shadow:0 6px 0 0 #C6BAFB;transition:transform .2s var(--pl-soft),box-shadow .2s var(--pl-soft),opacity .3s}.sd-choice img{width:min(100%,clamp(4rem,13vmin,7rem));aspect-ratio:1;-o-object-fit:contain;object-fit:contain}.sd-choice:not(:disabled):hover{transform:translateY(-3px)}.sd-choice:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px 0 0 #C6BAFB}.sd-choice:disabled{cursor:default}.sd-choice.is-no{opacity:.45;animation:lit-no .6s ease-in-out}.sd-choice.is-glow{transform:scale(1.06);background:#F3FBEA;box-shadow:0 0 0 6px rgba(107,178,43,.6),0 6px 0 0 #6BB22B}.sd-choice.is-glow:not(.is-got){animation:sd-glow 1.2s ease-in-out infinite}@keyframes sd-glow{50%{box-shadow:0 0 0 11px rgba(107,178,43,.35),0 6px 0 0 #6BB22B}}.sd-closed{text-align:center;font-size:clamp(2rem,6vmin,3rem);color:#F7A81E;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill}@media (max-aspect-ratio:1/1),(max-width:760px){.sd-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.sd-stage.is-memory{grid-template-rows:minmax(0,1fr)}.sd-ask{justify-content:flex-start;overflow:visible}.sd-scene-pic{width:clamp(3.4rem,11vmin,6rem)}.sd-detective{gap:.5rem}.sd-patchy{width:clamp(58px,11vmin,100px)}.sd-bubble{margin-bottom:.4rem}}@media (min-aspect-ratio:1/1) and (max-height:520px){.sd-patchy{width:56px}.sd-bubble{margin-bottom:.2rem}.sd-bubble,.sd-q{padding:.4rem .8rem .5rem}.sd-choices{margin-top:.4rem}.sd-choice{min-height:3rem;padding:.35rem .5rem .45rem;gap:.15rem}.sd-choice img{width:min(100%,2.9rem)}}@media (max-width:560px){.sd-choices:not(.has-pics){grid-template-columns:minmax(0,1fr);gap:.5rem}.sd-choices:not(.has-pics) .sd-choice{min-height:3.2rem;padding:.5rem .8rem .6rem}.sd-choice img{width:min(100%,4.2rem)}.sd-q{padding:.5rem .8rem .6rem}}@media (prefers-reduced-motion:reduce){.sd-bubble,.sd-choice.is-glow,.sd-choices li,.sd-question,.sd-scene-pic,.sd-sent.is-clue,.sd-shelf li,.sd-story{animation:none!important}}