.tot{--tot-house:230px;color:#fff;flex-direction:column;flex:auto;justify-content:center;align-self:stretch;gap:.6rem;width:100%;max-width:1040px;min-height:0;margin-left:auto;margin-right:auto;display:flex;position:relative}.tot>.game-prompt{margin:auto}html[data-osk=closed] .tot{padding-bottom:3rem}.tot-start{max-width:44rem}.tot-start-lede{font-size:1.1rem;line-height:1.5}.tot-start-pick{margin:.6rem 0 .4rem;font-weight:800}.tot-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.tot-level{white-space:normal;text-align:center;justify-items:center;gap:.15rem;height:auto;padding:.85rem .6rem;line-height:1.25;display:grid}.tot-level-emoji{font-size:1.9rem}.tot-level-name{font-size:1.05rem;font-weight:900}.tot-level-ages{opacity:.85;font-size:.85rem;font-weight:700}.tot-level-sample{opacity:.75;font-size:.8rem;font-weight:600}@media (max-width:560px){.tot-levels{grid-template-columns:1fr}}.tot-hud{flex-wrap:wrap;flex:none;order:-2;justify-content:center;align-items:center;gap:.5rem;display:flex}.tot-chip{color:#fff;font:inherit;background:#180a28b8;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .85rem;font-size:.95rem;font-weight:700;line-height:1.3;display:inline-flex}.tot-chip strong{color:#fdba74;font-variant-numeric:tabular-nums;font-size:1.15rem}button.tot-hear{cursor:pointer}:is(button.tot-hear:hover,button.tot-hear:focus-visible){border-color:#fdba74}.tot-dots{gap:3px;display:inline-flex}.tot-dot{border:1.5px solid #ffffff80;border-radius:50%;width:8px;height:8px}.tot-dot.is-done{background:#fb923c;border-color:#fb923c}.tot-say{min-height:0;margin:0}.tot-sign{background:linear-gradient(#3b2412,#241509);border:3px solid #f97316;border-radius:16px;flex:none;order:-1;align-self:center;align-items:center;gap:.9rem;max-width:100%;padding:.55rem 1.4rem;display:flex;box-shadow:0 6px 18px #00000073,inset 0 0 0 2px #ffedd51f}.tot-sign.is-done{border-color:#4ade80}.tot-sign-pic{font-size:clamp(2.6rem,8vw,4rem);line-height:1}.tot .tot-type{color:#ffedd599;text-align:center;font-size:clamp(2rem,6.5vw,3.4rem);line-height:1.3}.tot .tot-type.is-letter{font-family:inherit;font-size:clamp(3.4rem,11vw,5.4rem);font-weight:900}.tot .tot-type .tl-c.is-done{color:#fdba74}.tot .tot-type .tl-c.is-cur{color:#fff;background:#f9731666;box-shadow:inset 0 -4px #fb923c}.tot-night{background:radial-gradient(120% 55% at 50% 110%,#ff7a1a4d,#0000 62%),linear-gradient(#120827 0%,#24104a 55%,#2d1650 72%,#1a2a1a 72.2%,#12200f 100%);border:1px solid #ffffff1f;border-radius:18px;flex:auto;min-height:300px;max-height:470px;position:relative;overflow:hidden}.tot-night:after{content:"";background:linear-gradient(#9482aa52,#6e608238);border-top:2px solid #beaad74d;height:8%;position:absolute;bottom:11%;left:0;right:0}.tot-moon{background:radial-gradient(circle at 35% 40%,#d6ac5473 0 10%,#0000 11%),radial-gradient(circle at 64% 64%,#d6ac5466 0 8%,#0000 9%),radial-gradient(circle at 38% 36%,#fffbe6,#ffe39a 60%,#f5c454);border-radius:50%;width:54px;height:54px;position:absolute;top:8%;right:7%;box-shadow:0 0 30px 6px #ffd56e4d}.tot-star{color:#ffffffbf;font-size:.8rem;position:absolute}.tot-star-a{top:10%;left:12%}.tot-star-b{top:22%;left:38%}.tot-star-c{top:6%;left:64%}.tot-bat{font-size:1.4rem;animation:14s linear infinite totBat;position:absolute;top:14%;left:0}@keyframes totBat{0%{transform:translate(-10vw)translateY(0)}50%{transform:translate(50vw)translateY(-14px)}to{transform:translate(110vw)translateY(0)}}.tot-track{z-index:1;transform:translateX(calc((var(--tot-pos,0) + .5) * var(--tot-house) * -1));transition:transform .75s cubic-bezier(.45,0,.3,1);display:flex;position:absolute;bottom:19%;left:50%}.tot-house{width:var(--tot-house);height:calc(var(--tot-house) * 1.02);opacity:.55;flex:none;transition:opacity .4s;position:relative}.tot-house.is-here{opacity:1}.tot-roof{background:var(--roof);clip-path:polygon(50% 0,100% 100%,0 100%);height:40%;position:absolute;top:0;left:8%;right:8%}.tot-wall{background:var(--wall);border-radius:3px 3px 0 0;position:absolute;inset:39% 16% 0}.tot-window{background:#fbbf24;border-radius:3px;width:15%;height:15%;position:absolute;top:48%;box-shadow:0 0 14px #fbbf2499}.tot-window-a{left:23%}.tot-window-b{right:23%}.tot-house.is-visited .tot-window{background:#fde68a}.tot-pumpkin{font-size:calc(var(--tot-house) * .13);line-height:1;position:absolute;bottom:-2%;right:6%}.tot-doorway{perspective:320px;background:linear-gradient(#fde68a,#f59e0b);border-radius:8px 8px 0 0;width:24%;height:36%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tot-door{transform-origin:0;background:linear-gradient(90deg,#5a3417,#7c4a22 50%,#5a3417);border:2px solid #2b1608;border-radius:8px 8px 0 0;transition:transform .45s ease-out;position:absolute;inset:0}.tot-door.is-open{transform:rotateY(-78deg)}.tot-knob{background:#fbbf24;border-radius:50%;width:12%;min-width:4px;height:7%;min-height:4px;position:absolute;top:52%;right:14%}.tot-neighbour{font-size:calc(var(--tot-house) * .17);line-height:1;animation:.5s cubic-bezier(.3,1.6,.5,1) .2s both totPop;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@keyframes totPop{0%{opacity:0;transform:translate(-50%)scale(.2)}to{opacity:1;transform:translate(-50%)scale(1)}}.tot-walker{z-index:2;left:calc(50% - var(--tot-house) * .4);font-size:calc(var(--tot-house) * .22);align-items:flex-end;gap:.1em;line-height:1;animation:1.6s ease-in-out infinite alternate totBob;display:flex;position:absolute;bottom:9%}.tot-pail{margin-bottom:.1em;font-size:.55em}.tot-walker.is-walk{animation:.75s ease-in-out both totWalk}@keyframes totWalk{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-10px)}}@keyframes totBob{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.tot-toss{left:50%;bottom:calc(19% + var(--tot-house) * .18);pointer-events:none;z-index:3;font-size:2rem;line-height:1;animation:.85s cubic-bezier(.35,0,.6,1) .25s both totToss;position:absolute}@keyframes totToss{0%{opacity:0;transform:translate(-50%,50%)scale(.4)}15%{opacity:1}45%{transform:translate(calc(-50% + var(--tx) * .45), calc(50% + var(--ty) * .45 - 70px)) scale(1.35)}to{transform:translate(calc(-50% + var(--tx)), calc(50% + var(--ty))) scale(.6);opacity:.2}}.tot-result{text-align:center;background:#180a28eb;border:2px solid #fb923c;border-radius:18px;order:1;align-self:center;margin-top:-.2rem;padding:1rem 1.4rem}.tot-result-title{margin:0 0 .4rem;font-size:1.35rem;font-weight:900}.tot-result-facts{flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.tot-result-facts strong{color:#fdba74;font-size:1.25rem}.tot-result-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@media (max-width:640px){.tot{--tot-house:160px}.tot-night{min-height:240px}.tot-sign{padding:.4rem 1rem}}html[data-osk=open] .tot{--tot-house:120px;padding-bottom:56px}html[data-osk=open] .tot-night{min-height:170px}html[data-osk=open] .tot-chip-level{display:none}@media (prefers-reduced-motion:reduce){.tot-track,.tot-door,.tot-house{transition:none}.tot-bat{display:none}.tot-walker,.tot-neighbour{animation:none}.tot-toss{animation:.6s both totFade}}@keyframes totFade{0%{opacity:1}to{opacity:0}}