@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rammetto One;font-style:normal;font-display:swap;font-weight:400;src:url(./rammetto-one-latin-ext-400-normal-Bi_jp7a5.woff2)format("woff2"),url(./rammetto-one-latin-ext-400-normal-BLacBoYx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rammetto One;font-style:normal;font-display:swap;font-weight:400;src:url(./rammetto-one-latin-400-normal-CykdZk98.woff2)format("woff2"),url(./rammetto-one-latin-400-normal-CQ8elGQ7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--u:1px;--ink:#1f2433;--bone:#f6f2ff;--bone-deep:#b9a6ef;--amber:#6fe3c4;--amber-deep:#2fb596;--gold:#ffd34d;--grape:#7b4fc4;--fern:#3fbf6b;--fern-deep:#1e7d4f;--lava:#ff6b57;--sky:#3fa9e0;--letters:"Fredoka Variable", "Fredoka", system-ui, sans-serif;--display:"Rammetto One", "Fredoka Variable", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--ink);font-family:var(--letters);font-size:calc(var(--u) * 18);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}[hidden]{display:none!important}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#app,.screen{position:fixed;inset:0}#app{pointer-events:none}#app button,#app a,#map,#dialog,#board,.pad{pointer-events:auto}h1,h2,p{margin:0}kbd{border:calc(var(--u) * 2.5) solid var(--ink);border-bottom-width:calc(var(--u) * 5);border-radius:calc(var(--u) * 8);background:var(--bone);min-width:1.5em;font:600 1em/1.35 var(--letters);text-align:center;margin:0 .08em;padding:0 .35em;display:inline-block}.btn,.chip{border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 16);background:var(--bone);box-shadow:0 calc(var(--u) * 5) 0 var(--ink);color:var(--ink);font:600 calc(var(--u) * 20) / 1.1 var(--letters)}.btn{padding:calc(var(--u) * 12) calc(var(--u) * 22);cursor:pointer;transition:transform 80ms,box-shadow 80ms}.btn:hover{transform:translateY(calc(var(--u) * -1.5));box-shadow:0 calc(var(--u) * 6.5) 0 var(--ink)}.btn:active{transform:translateY(calc(var(--u) * 4));box-shadow:0 calc(var(--u) * 1) 0 var(--ink)}.btn.primary{background:var(--amber)}.btn.icon{width:calc(var(--u) * 52);height:calc(var(--u) * 48);flex:none;place-items:center;padding:0;display:grid}.btn svg,.chip svg{width:calc(var(--u) * 24);height:calc(var(--u) * 24);fill:currentColor}:focus-visible{outline:calc(var(--u) * 4) solid var(--sky);outline-offset:calc(var(--u) * 3)}.chip{align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 48);padding:0 calc(var(--u) * 16);white-space:nowrap;display:flex}.actions{gap:calc(var(--u) * 12);flex-wrap:wrap;display:flex}.logo{left:var(--snack-x);bottom:calc(100% - var(--snack-y) + var(--tile) * .5 + var(--u) * 40);font:calc(var(--u) * 112) / .86 var(--display);letter-spacing:.01em;color:var(--bone);-webkit-text-stroke:calc(var(--u) * 14) var(--ink);paint-order:stroke fill;filter:drop-shadow(0 calc(var(--u) * 8) 0 var(--ink));display:grid;position:absolute}.logo span{width:max-content;display:block;transform:rotate(3deg)}.logo span:last-child{color:var(--amber);margin-left:calc(var(--u) * 46)}.logo .logo-owner{margin:0 0 calc(var(--u) * 4) calc(var(--u) * -18);padding:calc(var(--u) * 7) calc(var(--u) * 16) calc(var(--u) * 9);border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 14);background:var(--grape);color:var(--bone);font-size:calc(var(--u) * 34);-webkit-text-stroke:0;z-index:1;line-height:1;transform:rotate(-7deg)}.title-panel{left:var(--snack-x);top:calc(var(--snack-y) + var(--tile) * .5 + var(--u) * 36);gap:calc(var(--u) * 20);display:grid;position:absolute}.title-tip{font:600 calc(var(--u) * 26) / 1.2 var(--letters);color:var(--ink);background:var(--bone);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 16);padding:calc(var(--u) * 10) calc(var(--u) * 18);width:max-content}.credit{right:calc(var(--u) * 18 + env(safe-area-inset-right,0px));bottom:calc(var(--u) * 14 + env(safe-area-inset-bottom,0px));font:600 calc(var(--u) * 16) / 1 var(--letters);color:var(--bone);opacity:.7;text-decoration:none;position:absolute}.credit:hover,.credit:focus-visible{opacity:1;text-decoration:underline}.hud{align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 14) calc(var(--u) * 18);display:flex;position:absolute;top:0;left:0;right:0}.place{font-size:calc(var(--u) * 17);flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.place span{font-weight:450;font-size:calc(var(--u) * 14);opacity:.75}.meter{height:calc(var(--u) * 40);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 20);background:var(--bone);box-shadow:0 calc(var(--u) * 5) 0 var(--ink);flex:1;position:relative;overflow:hidden}#meter-fill{background:repeating-linear-gradient(-55deg, #b9a6ef 0 calc(var(--u) * 14), #cfc1f7 calc(var(--u) * 14) calc(var(--u) * 28));border-right:calc(var(--u) * 3) solid var(--ink);width:0;height:100%;transition:width .3s cubic-bezier(.3,1.4,.5,1)}#meter-text{font:600 calc(var(--u) * 18) / 1 var(--letters);place-items:center;display:grid;position:absolute;inset:0}.roar-meter span:first-child{font-size:calc(var(--u) * 16)}#roars{gap:calc(var(--u) * 5);display:flex}#roars i{width:calc(var(--u) * 14);height:calc(var(--u) * 20);border:calc(var(--u) * 2.5) solid var(--ink);border-radius:calc(var(--u) * 3) calc(var(--u) * 3) 50% 50%;background:#fff;transition:background .15s,transform .2s cubic-bezier(.3,2,.5,1)}#roars i.on{background:var(--lava);transform:scale(1.15)}.streak{min-width:calc(var(--u) * 132);font-weight:450;font-size:calc(var(--u) * 16);justify-content:center}.streak b{font-size:calc(var(--u) * 24);font-weight:700}.streak.hot{background:var(--amber)}#fly-score,#fly-count{text-align:center;font:calc(var(--u) * 72) / 1 var(--display);color:var(--bone);-webkit-text-stroke:calc(var(--u) * 12) var(--ink);paint-order:stroke fill;position:absolute;left:0;right:0}#fly-score{top:calc(var(--u) * 26 + env(safe-area-inset-top,0px))}#fly-count{font-size:calc(var(--u) * 170);color:var(--gold);top:30%}#fly-count span{animation:.9s both count;display:inline-block}#fly-count .go{color:var(--amber);animation-name:go}@keyframes count{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.1)}40%,80%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.9)}}@keyframes go{0%{opacity:0;transform:scale(.3)}25%,60%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.5)}}#fly-tip{left:50%;bottom:calc(var(--u) * 150);width:max-content;max-width:90%;padding:calc(var(--u) * 10) calc(var(--u) * 18);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 16);background:var(--bone);font:600 calc(var(--u) * 24) / 1.2 var(--letters);text-align:center;position:absolute;transform:translate(-50%)}#board{left:var(--board-x);top:var(--board-y);width:var(--board-w);height:var(--board-h);padding:calc(var(--u) * 12);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 22);background:var(--bone);box-shadow:0 calc(var(--u) * 5) 0 var(--ink);cursor:pointer;position:absolute}#board.done{cursor:default}.pic{width:100%;height:100%;font-family:var(--letters);display:block;overflow:visible}.pop{transform-box:fill-box;transform-origin:50%;animation:.34s cubic-bezier(.3,1.8,.5,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.3)}}#coach{left:var(--snack-x);top:calc(var(--snack-y) + var(--tile) * .75 + var(--u) * 16);right:max(calc(var(--u) * 22), calc(50vw - var(--u) * 568));gap:calc(var(--u) * 10);justify-items:start;display:grid;position:absolute}#story,#hint{padding:calc(var(--u) * 7) calc(var(--u) * 16) calc(var(--u) * 9);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 16);background:var(--bone);text-wrap:balance}#story{font:600 calc(var(--u) * 23) / 1.2 var(--letters)}#story:empty,#hint:empty{display:none}.coach-row{align-items:center;gap:calc(var(--u) * 12);display:flex}#helper{background:var(--sky);color:#fff;flex:none}#hint{background:var(--amber);font:500 calc(var(--u) * 19) / 1.25 var(--letters);animation:.3s cubic-bezier(.3,1.5,.5,1) hint}@keyframes hint{0%{transform:translateY(calc(var(--u) * 8));opacity:0}}#pad-dock{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.pad{gap:calc(var(--u) * 18);padding:calc(var(--u) * 12) calc(var(--u) * 20) calc(var(--u) * 14);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 24) calc(var(--u) * 24) 0 0;background:#3a2a5c;border-bottom:0;display:flex}.pad-keys{gap:calc(var(--u) * 7);display:flex}.key{width:calc(var(--u) * 58);height:calc(var(--u) * 52);border-radius:calc(var(--u) * 11);background:var(--bone);box-shadow:0 calc(var(--u) * 4) 0 #1d1233;font:600 calc(var(--u) * 27) / 1 var(--letters);color:var(--ink);cursor:pointer;touch-action:manipulation;place-items:center;display:grid}.key.erase{background:#e6e9f2}.key.erase svg{width:calc(var(--u) * 30)}.key.go{width:calc(var(--u) * 132);background:var(--amber);font-size:calc(var(--u) * 22)}.key.sign{gap:calc(var(--u) * 10);width:calc(var(--u) * 210);font-size:calc(var(--u) * 34);grid-auto-flow:column}.key.sign small{font-size:calc(var(--u) * 15);opacity:.75;font-weight:500}.key.hit{animation:.2s key-hit}@keyframes key-hit{0%{transform:translateY(calc(var(--u) * 4));background:var(--fern);box-shadow:none}}#map{gap:calc(var(--u) * 12);padding:calc(var(--u) * 16) calc(var(--u) * 22) calc(var(--u) * 18);background:var(--ink);flex-direction:column;display:flex;overflow-y:auto}.map-bar{align-items:center;gap:calc(var(--u) * 14);flex-wrap:wrap;display:flex}.map-bar .btn,.map-bar .chip,.level-disc{box-shadow:0 calc(var(--u) * 4) 0 #0c0f1a}.map-bar h1{font:calc(var(--u) * 34) / 1 var(--display);color:var(--bone);margin-right:auto}.star-count svg{fill:var(--gold);stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.star-count span{opacity:.7;font-weight:450}.two-line{padding:calc(var(--u) * 7) calc(var(--u) * 18);text-align:left;display:grid}.two-line small{font-size:calc(var(--u) * 13);font-weight:450;display:block}.closet-door{align-items:center;gap:calc(var(--u) * 8);padding-left:calc(var(--u) * 8);grid-template-columns:auto 1fr}.closet-door canvas{width:calc(var(--u) * 34);height:calc(var(--u) * 34)}.frenzy{background:var(--lava)}.worlds{gap:calc(var(--u) * 10);grid-auto-rows:minmax(calc(var(--u) * 112), 1fr);flex:1;display:grid}.world{grid-template-columns:calc(var(--u) * 210) 1fr;border-radius:calc(var(--u) * 20);background:radial-gradient(70% 150% at 22% 150%, var(--land) 59.5%, transparent 60%), radial-gradient(60% 130% at 82% 150%, var(--land) 59.5%, transparent 60%), var(--sky);color:var(--on);align-items:center;display:grid;overflow:hidden}.world header{padding-left:calc(var(--u) * 24)}.world h2{font:calc(var(--u) * 25) / 1.1 var(--display)}.world header p{font-size:calc(var(--u) * 16);margin-top:calc(var(--u) * 4);font-weight:500}.levels{padding:0 calc(var(--u) * 10) 0 0;grid-template-columns:repeat(6,1fr);margin:0;list-style:none;display:grid}.level{justify-items:center;gap:calc(var(--u) * 3);width:100%;padding:calc(var(--u) * 6) 0;border-radius:calc(var(--u) * 14);color:inherit;font:600 calc(var(--u) * 15) / 1.1 var(--letters);cursor:pointer;background:0 0;border:0;display:grid}.level-disc{width:calc(var(--u) * 50);height:calc(var(--u) * 46);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 15);background:var(--bone);color:var(--ink);font:700 calc(var(--u) * 22) / 1 var(--letters);place-items:center;transition:transform .1s;display:grid}.level:focus-visible{outline:none}.level:focus-visible .level-disc{outline:calc(var(--u) * 4) solid var(--sky);outline-offset:calc(var(--u) * 3)}.level:hover:not(:disabled) .level-disc{transform:translateY(calc(var(--u) * -3)) rotate(-4deg)}.level.done .level-disc{background:var(--bone-deep)}.level.next .level-disc{background:var(--amber);animation:1.1s ease-in-out infinite next}@keyframes next{50%{transform:translateY(calc(var(--u) * -5))}}.level:disabled{cursor:default}.level.locked .level-disc{background:#f6f2ff73}.level.locked .level-name{opacity:.6}.level-disc svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20);fill:var(--ink);opacity:.6}.level-stars{height:calc(var(--u) * 16);display:flex}.star svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16);fill:#1f243347;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.star.on svg{fill:var(--gold)}.level-focus{font-size:calc(var(--u) * 13);opacity:.8;font-weight:500}#dialog{background:#14182873;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{width:min(calc(var(--u) * 540), 94vw);padding:calc(var(--u) * 28) calc(var(--u) * 34) calc(var(--u) * 32);border:calc(var(--u) * 4) solid var(--ink);border-radius:calc(var(--u) * 30);background:var(--bone);box-shadow:0 calc(var(--u) * 10) 0 var(--ink);text-align:center;animation:.32s cubic-bezier(.3,1.5,.5,1) panel}@media (aspect-ratio>=4/3){#play:not([hidden])~#dialog{padding-right:max(calc(var(--u) * 40), calc(50vw - var(--u) * 560));justify-items:end}}@keyframes panel{0%{transform:scale(.8) translateY(calc(var(--u) * 30));opacity:0}}.panel h2{font:calc(var(--u) * 42) / 1.1 var(--display)}.big-stars{justify-content:center;gap:calc(var(--u) * 6);margin:calc(var(--u) * 14) 0 calc(var(--u) * 6);display:flex}.big-stars .star svg{width:calc(var(--u) * 84);height:calc(var(--u) * 84);stroke-width:1.3px}.big-stars .star:nth-child(2){margin-top:calc(var(--u) * -12)}.big-stars .star.on{animation:.45s cubic-bezier(.3,1.8,.5,1) both star}.big-stars .star:first-child{animation-delay:.35s}.big-stars .star:nth-child(2){animation-delay:.67s}.big-stars .star:nth-child(3){animation-delay:.99s}@keyframes star{0%{transform:scale(0)rotate(-40deg)}}.big-number{font:700 calc(var(--u) * 92) / 1 var(--letters);margin:calc(var(--u) * 8) 0}.big-number small{font-size:calc(var(--u) * 24);margin-left:calc(var(--u) * 8);font-weight:500}.stats{margin:calc(var(--u) * 12) 0;border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 18);background:#fff;grid-template-columns:repeat(3,1fr);display:grid}.stats div+div{border-left:calc(var(--u) * 3) solid var(--ink)}.stats div{padding:calc(var(--u) * 10) calc(var(--u) * 6)}.stats dt{font-size:calc(var(--u) * 15);opacity:.7;font-weight:500}.stats dd{font:700 calc(var(--u) * 36) / 1.1 var(--letters);margin:0}.stats small{font-size:calc(var(--u) * 13);font-weight:450;display:block}.tip,.unlock{font-size:calc(var(--u) * 18);text-wrap:balance;font-weight:450}.unlock{margin-top:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 12);border-radius:calc(var(--u) * 12);background:var(--amber);font-weight:600}.panel .actions{margin-top:calc(var(--u) * 22);justify-content:center}.settings{gap:calc(var(--u) * 12);margin-top:calc(var(--u) * 18);text-align:left;display:grid}.switch{align-items:center;gap:calc(var(--u) * 14);cursor:pointer;font-weight:600;font-size:calc(var(--u) * 20);display:flex}.switch small{font-size:calc(var(--u) * 15);opacity:.75;font-weight:450;display:block}.switch input{opacity:0;position:absolute}.switch i{width:calc(var(--u) * 58);height:calc(var(--u) * 32);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 16);background:#cfc7e6;flex:none;transition:background .12s;position:relative}.switch i:after{content:"";top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(var(--u) * 22);height:calc(var(--u) * 22);background:var(--ink);border-radius:50%;transition:transform .16s cubic-bezier(.3,1.6,.5,1);position:absolute}.switch input:checked+i{background:var(--fern)}.switch input:checked+i:after{transform:translateX(calc(var(--u) * 26))}.switch input:focus-visible+i{outline:calc(var(--u) * 4) solid var(--sky);outline-offset:calc(var(--u) * 3)}.panel:has(.closet){width:min(calc(var(--u) * 900), 94vw)}.closet{grid-template:auto 1fr / calc(var(--u) * 290) 1fr;gap:calc(var(--u) * 12) calc(var(--u) * 22);margin:calc(var(--u) * 14) 0;display:grid}.closet-rex{border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 18);background:linear-gradient(#ffc9a8 0 86%,#86e0c4 86%);grid-row:1/3;align-self:center;width:100%}.closet-tabs{gap:calc(var(--u) * 8);display:flex}.closet-tabs .btn{padding:calc(var(--u) * 9) 0;box-shadow:0 calc(var(--u) * 4) 0 var(--ink);font-size:calc(var(--u) * 18);flex:1}.closet-tabs [aria-pressed=true]{background:var(--ink);color:var(--bone)}.closet-rack{align-content:start;gap:calc(var(--u) * 8);min-height:calc(var(--u) * 236);grid-template-columns:repeat(5,1fr);display:grid}.wear{justify-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 4) calc(var(--u) * 2) calc(var(--u) * 6);border:calc(var(--u) * 3) solid var(--ink);border-radius:calc(var(--u) * 14);color:var(--ink);font:600 calc(var(--u) * 13) / 1.1 var(--letters);cursor:pointer;background:#fff;display:grid;position:relative}.wear canvas{width:calc(var(--u) * 78);height:calc(var(--u) * 78)}.wear[aria-pressed=true]{background:var(--amber);box-shadow:0 0 0 calc(var(--u) * 3) var(--ink)}.wear.locked{cursor:help;background:#e2dcf2}.wear.locked canvas{filter:grayscale();opacity:.45}.wear.locked span{opacity:.6}.wear b{top:calc(var(--u) * -6);right:calc(var(--u) * -6);align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 6) calc(var(--u) * 2) calc(var(--u) * 4);border-radius:calc(var(--u) * 10);background:var(--ink);color:var(--bone);font-size:calc(var(--u) * 13);display:flex;position:absolute}.wear b svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12);fill:var(--gold)}.panel:has(.chart){width:min(calc(var(--u) * 820), 94vw);padding-top:calc(var(--u) * 20);padding-bottom:calc(var(--u) * 22)}.chart{grid-template-columns:calc(var(--u) * 44) repeat(var(--tables), 1fr);gap:calc(var(--u) * 4);margin:calc(var(--u) * 12) 0 calc(var(--u) * 10);font:600 calc(var(--u) * 16) / 1 var(--letters);display:grid}.chart>*{height:calc(var(--u) * 31);border-radius:calc(var(--u) * 8);place-items:center;display:grid}.chart-head{opacity:.6;font-weight:700}.chart-row{border:calc(var(--u) * 2.5) solid var(--ink);background:var(--gold);box-shadow:0 calc(var(--u) * 3) 0 var(--ink);color:var(--ink);font:inherit;cursor:pointer;padding:0;font-weight:700}.chart-row:hover{transform:translateY(calc(var(--u) * -1))}.fact{border:calc(var(--u) * 2) solid #1f24332e;color:#1f243373;background:#fff}.fact.known{border-color:var(--ink);background:var(--fern);color:var(--ink)}.fact.learning{border-color:var(--ink);color:var(--ink);background:#c9efb0}.fact.tricky{border-color:var(--ink);color:var(--ink);background:#ffb4a6}.chart-key{justify-content:center;gap:calc(var(--u) * 6) calc(var(--u) * 20);font-size:calc(var(--u) * 15);flex-wrap:wrap;font-weight:500;display:flex}.chart-key span{align-items:center;gap:calc(var(--u) * 6);display:flex}.chart-key i{width:calc(var(--u) * 20);height:calc(var(--u) * 20);border-radius:calc(var(--u) * 6)}@media (aspect-ratio<=4/5){.logo{left:calc(var(--u) * 28);font-size:calc(var(--u) * 104);top:9vh;bottom:auto}.title-panel{left:calc(var(--u) * 24);top:auto;bottom:calc(100% - var(--coach-y));max-width:calc(100% - var(--u) * 48)}.title-tip{font-size:calc(var(--u) * 24)}.place{display:none}.pad{justify-content:center;gap:calc(var(--u) * 10);padding-left:calc(var(--u) * 10);padding-right:calc(var(--u) * 10);flex-wrap:wrap}.pad-keys{gap:calc(var(--u) * 6)}.key{width:calc(var(--u) * 56);height:calc(var(--u) * 58)}.key.sign{width:calc(var(--u) * 196)}.key.sign small{display:none}.key.erase{width:calc(var(--u) * 150)}.key.go{width:calc(var(--u) * 300)}#coach{left:calc(var(--u) * 12);right:calc(var(--u) * 12);top:auto;bottom:calc(100% - var(--coach-y));gap:calc(var(--u) * 8)}#story{font-size:calc(var(--u) * 26)}#hint{font-size:calc(var(--u) * 22)}.coach-row{gap:calc(var(--u) * 8)}.chart{font-size:calc(var(--u) * 14);gap:calc(var(--u) * 2);grid-template-columns:calc(var(--u) * 36) repeat(var(--tables), 1fr)}.world{padding:calc(var(--u) * 12) 0 calc(var(--u) * 6);grid-template-columns:1fr}.world header{align-items:baseline;gap:calc(var(--u) * 12);padding-bottom:calc(var(--u) * 6);display:flex}.levels{padding:0 calc(var(--u) * 6)}.map-bar h1{width:60%}.closet{grid-template:auto/1fr}.closet-rex{grid-row:auto;justify-self:center;width:60%}.closet-rack{grid-template-columns:repeat(3,1fr);min-height:0}}@media (prefers-reduced-motion:reduce){.pop,.level.next .level-disc,.panel,.big-stars .star.on{animation:none}}