:root{--ink: #4A3B57;--ink-soft: #5E4E6C;--lav-ink: #6A57B8;--cream: #FBF3E6;--paper: #FFF8EE;--paper-hi: #FFFDF8;--dot: #EAD9C4;--peach: #F2A36F;--peach-dk: #E08550;--orange-ink: #E8855A;--lav: #C5B8EE;--lav-dk: #A898DE;--yellow: #F7D98C;--yellow-dk: #E8BE5C;--drop: 0 5px 0 0 rgba(74, 59, 87, .14)}html,body{margin:0;padding:0;background:var(--cream);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}a{color:var(--ink);text-underline-offset:3px}a:hover{color:var(--orange-ink)}textarea:focus,input:focus{outline:3px solid #9C8BD6;outline-offset:0}button:focus-visible,a:focus-visible{outline:3px solid #9C8BD6;outline-offset:2px}h1,p{margin:0}.fred{font-family:Fredoka,sans-serif}.page{position:relative;min-height:100vh;min-height:100dvh;background-color:var(--cream);background-image:radial-gradient(var(--dot) 1.3px,transparent 1.4px);background-size:16px 16px;color:var(--ink);font-family:Nunito,sans-serif;overflow-x:hidden}.page-grad{position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(#c9bceb,#c9bceb00)}.sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.wrap{position:relative;z-index:1;max-width:460px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:18px 20px 36px;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:8px}.brand{font-family:Fredoka,sans-serif;font-weight:600;font-size:18px;letter-spacing:.08em}.route{flex:1;max-width:250px;position:relative;height:30px}.route-line{position:absolute;left:6px;right:6px;top:14px;border-top:2px dashed #9C8BD6}.route-dots{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center}.route-dot{width:12px;height:12px;border:2px solid var(--ink);border-radius:2px}.route-rocket{position:absolute;top:-4px;width:26px;height:26px;margin-left:-13px;transition:left .6s cubic-bezier(.4,1.4,.5,1)}.snd{flex:none;height:40px;padding:0 10px;background:var(--paper);border:2px solid var(--ink);border-radius:4px;box-shadow:0 2px 0 var(--ink);font-family:Fredoka,sans-serif;font-size:14px;color:var(--ink);cursor:pointer}.stage{flex:1;display:flex;flex-direction:column;transition:opacity .12s ease-out,transform .12s ease-out}.stage.leaving{opacity:0;transform:translateY(-4px)}.tabbed{display:flex;flex-direction:column}.tab{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:6px 14px 4px;background:var(--bg);border:3px solid var(--bd);border-bottom:none;border-radius:6px 6px 0 0;margin-bottom:-3px;position:relative;z-index:1;font-family:Fredoka,sans-serif;font-size:16px}.tab-ico{width:16px;height:16px;flex:none}.panel{position:relative;background:var(--pbg, var(--paper));border:3px solid var(--bd);border-radius:0 6px 6px;box-shadow:inset 0 0 0 3px var(--paper-hi),var(--drop)}.box{border:3px solid var(--bd);border-radius:6px;background:var(--bg);padding:12px;display:flex;flex-direction:column;gap:6px}.btn{width:100%;height:58px;color:var(--ink);border:3px solid var(--ink);border-radius:6px;font-family:Fredoka,sans-serif;font-weight:600;font-size:20px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .08s}.btn-peach{background:var(--peach);box-shadow:inset 0 -5px 0 var(--peach-dk),0 4px 0 var(--ink)}.btn-peach:active{transform:translateY(3px);box-shadow:inset 0 -5px 0 var(--peach-dk),0 1px 0 var(--ink)}.btn-lav{background:var(--lav);box-shadow:inset 0 -5px 0 var(--lav-dk),0 4px 0 var(--ink)}.btn-lav:active{transform:translateY(3px);box-shadow:inset 0 -5px 0 var(--lav-dk),0 1px 0 var(--ink)}.btn-yellow{background:var(--yellow);box-shadow:inset 0 -5px 0 var(--yellow-dk),0 4px 0 var(--ink);font-weight:700;height:60px}.btn-yellow:active{transform:translateY(3px);box-shadow:inset 0 -5px 0 var(--yellow-dk),0 1px 0 var(--ink)}.btn-cream{background:var(--paper);box-shadow:0 3px 0 var(--ink);font-weight:400;font-size:15px;height:48px}.btn-cream:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn-sm{height:46px;border-width:2px;border-radius:4px;font-size:16px;box-shadow:0 3px 0 var(--ink)}.btn-back{width:auto;flex:none;height:56px;padding:0 14px;background:var(--paper);box-shadow:0 4px 0 var(--ink);font-weight:400;font-size:18px}.btn-back:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn-text{height:44px;background:none;border:none;font-family:Fredoka,sans-serif;font-size:16px;color:var(--lav-ink);cursor:pointer}.navrow{margin-top:auto;padding-top:10px;display:flex;gap:10px;align-items:center}.navrow .btn{height:56px}.wrap.fit{height:100vh;height:100dvh;min-height:0;padding:10px 16px max(12px,env(safe-area-inset-bottom))}.wrap.fit .header{margin-bottom:6px}.wrap.fit .stage{min-height:0}.qscreen{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.q-panel{flex:0 1 auto;min-height:0}.q-panel>.panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(10px,1.8vh,16px) 12px 12px;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,10px)}.wrap.fit .navrow{padding-top:0}.wrap.fit .navrow .btn{height:clamp(48px,7vh,56px)}.q-title{margin:0 4px;font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(21px,3.4vh,28px);line-height:1.15;text-wrap:pretty}.q-meta{display:flex;flex-direction:column;gap:inherit}.q-sub{margin:-2px 4px 0;font-size:clamp(14px,2vh,17px);line-height:1.4;text-wrap:pretty}.q-hint{margin:0 4px;font-family:Fredoka,sans-serif;font-size:clamp(13px,1.8vh,15px);color:var(--lav-ink)}.opts{display:grid;gap:clamp(5px,1vh,8px)}.opt{text-align:left;min-height:clamp(38px,5.8vh,52px);padding:clamp(5px,1vh,10px) 10px;border:2px solid var(--bd);border-radius:4px;background:var(--paper-hi);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 3px 0 var(--bd);transition:transform .1s ease-out,background .1s ease-out,box-shadow .1s ease-out;animation:pxRise .25s cubic-bezier(.2,.8,.3,1) both}.opt.on{background:var(--sel);border-color:var(--ink);box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.opt-box{flex:none;width:18px;height:18px}.opt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.opt-label{font-size:15px;line-height:1.25}.opt-label.caps{font-family:Fredoka,sans-serif;font-size:clamp(15px,2.2vh,19px)}.opt-desc{font-size:12.5px;line-height:1.3;color:var(--ink-soft)}.q-note{width:100%;resize:none;padding:8px 10px;border:2px dashed var(--bd);background:var(--paper-hi);border-radius:4px;font-family:Nunito,sans-serif;font-size:16px;line-height:1.5;color:var(--ink)}.ci-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:clamp(4px,.9vh,8px) 2px;border-bottom:2px dashed #F2CDB0}.ci-name{font-family:Fredoka,sans-serif;font-size:16px;line-height:1.1}.ci-word{font-size:12px;line-height:1.2;color:#c4663a;min-height:1.2em}.ci-lvls{display:grid;grid-template-columns:repeat(5,36px);gap:4px}.lvl{height:clamp(34px,5vh,44px);padding:0;border:2px solid #F2CDB0;border-radius:3px;background:var(--paper-hi);cursor:pointer;font-family:Fredoka,sans-serif;font-size:14px;color:var(--ink);transition:background .1s ease-out}input.field,.field-wrap{height:50px;border:2px solid var(--ink);background:var(--paper-hi);border-radius:4px;font-family:Nunito,sans-serif;font-size:17px;color:var(--ink)}input.field{padding:0 14px;width:100%}.center{text-align:center}.rise{animation:pxRise .3s cubic-bezier(.2,.8,.3,1) both}.pop{animation:pxPop .35s cubic-bezier(.3,1.3,.5,1) both}@keyframes pxRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pxPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes pxTwinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes pxBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pxDrift{0%{transform:translate(-30px)}to{transform:translate(30px)}}@keyframes pxShake{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}@keyframes pxOut{0%{transform:scale(1)}40%{transform:scale(1.15) rotate(-4deg)}to{transform:scale(0) rotate(20deg);opacity:0}}@keyframes pxRoute{0%{left:16%;top:18%}25%{left:80%;top:34%}50%{left:20%;top:56%}75%{left:78%;top:74%}to{left:16%;top:18%}}@keyframes pxFly{0%{left:-10%}to{left:100%}}@keyframes pxBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1)}}@keyframes pxBlink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-height: 620px){.wrap.fit{padding-top:6px}.wrap.fit .header{min-height:30px;margin-bottom:4px}.wrap.fit .snd{height:32px}.wrap.fit .tab{padding:4px 12px 2px;font-size:14px}.q-panel>.panel{padding:8px 10px 10px;gap:5px}.q-title{font-size:20px}.q-sub{font-size:13.5px;line-height:1.3}.q-hint{font-size:13px}.opts{gap:5px}.opt{min-height:34px;padding:4px 8px;gap:8px}.opt-label{font-size:14.5px}.opt-label.caps{font-size:15px}.opt-desc{font-size:12px;line-height:1.25}.ci-row{padding:3px 2px}.lvl{height:32px}.q-note{padding:6px 8px;font-size:15px}.wrap.fit .navrow .btn{height:46px;font-size:18px}}@media (max-height: 570px){.q-panel>.panel{padding:6px 10px 8px;gap:4px}.q-title{font-size:19px}.opt{padding:3px 6px;gap:6px}.opt-box{width:16px;height:16px}.opt-desc{font-size:11.5px;line-height:1.2}.ci-row{padding:2px}.lvl{height:30px}.wrap.fit .navrow .btn{height:44px}.q-meta{display:block;margin:0 4px}.q-meta>*{display:inline;margin:0}.q-meta>.q-sub+.q-hint:before{content:" · "}}@media (prefers-reduced-motion: reduce){.sky,.no-motion-hide{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}