@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Itim&family=Silkscreen:wght@400;700&display=swap";
.puppet{--breathe-amp-mult:1;--breathe-period-mult:1;--sway-amp-mult:1;position:relative}.puppet[data-animation-state=SLEEP]{--breathe-amp-mult:1.5;--breathe-period-mult:2;--sway-amp-mult:.5}.puppet .lane,.puppet .part{position:absolute;inset:0}.puppet .emote,.puppet .prop,.puppet .hat{pointer-events:none;position:absolute}.puppet .lane,.puppet .part,.puppet .blink,.puppet .flavor,.puppet .chew{transform-origin:var(--origin-x) var(--origin-y)}@keyframes awako-breathe{50%{transform:scale(calc(1 - var(--breathe-amp) * var(--breathe-amp-mult) * .5), calc(1 + var(--breathe-amp) * var(--breathe-amp-mult)))}}.puppet[data-motion=on] .lane.base{animation:awako-breathe calc(var(--breathe-period) * var(--breathe-period-mult) * var(--tempo) * 1ms) ease-in-out infinite}@keyframes awako-sway{0%,to{transform:rotate(calc(var(--amp) * var(--sway-amp-mult) * -1deg))}50%{transform:rotate(calc(var(--amp) * var(--sway-amp-mult) * 1deg))}}.puppet[data-motion=on] .part.sway{animation:awako-sway calc(var(--period) * var(--tempo) * 1ms) ease-in-out infinite;animation-delay:calc(var(--phase) * var(--period) * var(--tempo) * -1ms)}@keyframes awako-flutter{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-14deg)}}.puppet[data-motion=on][data-flavor=fin_flutter]:not([data-accent]) .part.sway{animation-name:awako-sway,awako-flutter;animation-duration:calc(var(--period) * var(--tempo) * 1ms), .35s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,1}@keyframes awako-wiggle{0%,to{transform:rotate(calc(var(--amp) * -1deg))}50%{transform:rotate(calc(var(--amp) * 1deg))}}.puppet[data-motion=on] .part.wiggle{animation:awako-wiggle calc(var(--period) * var(--tempo) * 1ms) ease-in-out infinite}@keyframes awako-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.12)}}.puppet[data-blink="1"] .eyes .blink{animation:.12s linear awako-blink}@keyframes awako-gulp{50%{transform:scaleY(1.25)}}.puppet[data-flavor=gulp] .mouth .flavor{animation:.22s ease-out awako-gulp}.puppet .eyes.pose{transform:scaleY(var(--eyes-sy,1))}.puppet .mouth.pose{transform:scaleY(var(--mouth-sy,1)) rotate(calc(var(--mouth-rot,0) * 1deg)) translateY(var(--mouth-dy,0px))}@keyframes awako-chew{50%{transform:scaleY(.85)}}.puppet[data-animation-state=EAT] .mouth .chew,.puppet[data-tail=EAT] .mouth .chew{animation:awako-chew calc(420 * var(--tempo) * 1ms) ease-in-out infinite}@keyframes awako-wake-move{0%,to{transform:translateY(0)}50%{transform:translateY(-2%)}}.puppet[data-accent=wake]>.accent-move{animation:.7s ease-out awako-wake-move}@keyframes awako-wake-deform{0%{transform:scaleY(.96)}50%{transform:scaleY(1.08)}to{transform:scaleY(1)}}.puppet[data-accent=wake] .accent-deform{animation:.7s ease-out awako-wake-deform}@keyframes awako-wake-eyes{0%{transform:scaleY(var(--sleepy-eyes-sy,.3))}50%{transform:scaleY(1.05)}to{transform:scaleY(1)}}.puppet[data-accent=wake] .eyes.pose{animation:.7s ease-out awako-wake-eyes}.puppet[data-accent=wake] .part.sway{--kick-deg:calc(var(--amp) * 2deg);animation:.3s ease-out awako-kick-dir}@keyframes awako-droop{0%{transform:scaleY(1)translateY(0)}60%{transform:scaleY(.95)translateY(1%)}to{transform:scaleY(1)translateY(1%)}}.puppet[data-accent=REACT_RELUCTANT] .accent-deform{animation:.9s ease-in-out awako-droop}@keyframes awako-pulse{50%{transform:scale(1.06)}}.puppet[data-accent=REACT_POSITIVE] .accent-deform{animation:.5s ease-out awako-pulse}@keyframes awako-hop-move{50%{transform:translateY(calc(var(--elasticity) * -8%))}}.puppet[data-accent=REACT_EXCITED] .accent-move{animation:.6s ease-out awako-hop-move}.puppet[data-accent=REACT_EXCITED] .accent-deform{animation:.6s ease-out awako-hop-scale}@keyframes awako-hop-scale{0%,40%,to{scale:1}65%{scale:calc(1 + .16 * var(--elasticity)) calc(1 - .16 * var(--elasticity))}}@keyframes awako-wobble{0%,to{rotate:-8deg}50%{rotate:8deg}}.puppet[data-accent=CELEBRATE] .accent-move,.puppet[data-accent=GRADUATE] .accent-move{animation:.5s ease-out 3 awako-hop-move}.puppet[data-accent=CELEBRATE] .accent-deform,.puppet[data-accent=GRADUATE] .accent-deform{animation:.5s ease-out 3 awako-hop-scale,.9s ease-in-out awako-wobble}@keyframes awako-kick-dir{0%,to{transform:rotate(0)}40%{transform:rotate(var(--kick-deg,0deg))}}.puppet[data-accent=REACT_EXCITED] .part.sway,.puppet[data-accent=CELEBRATE] .part.sway,.puppet[data-accent=GRADUATE] .part.sway{--kick-deg:18deg;animation:.6s ease-out awako-kick-dir}.puppet[data-accent=REACT_RELUCTANT] .part.sway{--kick-deg:-10deg;animation:.9s ease-out awako-kick-dir}.puppet[data-accent] .mouth .chew{animation-play-state:paused}@keyframes awako-emote-fade{0%{opacity:0}to{opacity:1}}.puppet .emote{animation:.15s ease-out awako-emote-fade}@media (prefers-reduced-motion:reduce){.puppet .lane,.puppet .part,.puppet .chew,.puppet .flavor{animation:none!important}}.puppet[data-motion=off] .lane,.puppet[data-motion=off] .part,.puppet[data-motion=off] .chew,.puppet[data-motion=off] .flavor{animation:none!important}
:root{--background:#fdfbf7;--foreground:#2b2b2b;--ink:#2b2b2b;--font-itim:"Itim", -apple-system, BlinkMacSystemFont, "Segoe UI", cursive, sans-serif;--font-fredoka:"Fredoka", "Itim", sans-serif;--px-blue:#0166fe;--px-green:#c7ef8e;--px-green-deep:#a5d768;--px-pink:#ffd2f3;--px-pink-deep:#f2b5e2;--px-hotpink:#ee5bb8;--px-cream:#f6ecd7;--px-tan:#c89d6b;--px-slot:#ededed;--px-canvas:#fafff5;--font-pixel:"Silkscreen", "Courier New", monospace}.px-canvas{background:#eef5e2 url(/gui/auth/bg_canvas.png) 50%/360px}.px-window{image-rendering:pixelated;border:10px solid #0000;border-image:url(/gui/px/win_white.png) 10 fill/10px}.px-window--pink{border-image-source:url(/gui/px/win_pink.png)}.px-window--green{border-image-source:url(/gui/px/win_green.png)}.px-window--cream{border-image-source:url(/gui/px/win_cream.png)}.px-window--hot{border-image-source:url(/gui/px/win_hotpink.png)}.px-shadow{box-shadow:5px 6px #0166fe29}.px-titlebar{image-rendering:pixelated;border:8px solid #0000;border-image:url(/gui/px/win_pink.png) 10 fill/8px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:0 4px;display:flex}.px-title{font-family:var(--font-pixel);letter-spacing:1px;color:var(--px-blue);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1;overflow:hidden}.px-dots{flex:none;gap:5px;display:flex}.px-dots span{border:2px solid var(--px-blue);background:#fff;width:14px;height:14px;display:inline-block}.px-dots span:last-child{background:var(--px-hotpink)}.px-slot{image-rendering:pixelated;border:8px solid #0000;border-image:url(/gui/px/slot_gray.png) 8 fill/8px;align-items:center;min-height:46px;display:flex}.px-slot--white{border-image-source:url(/gui/px/slot_white.png)}.px-input{width:100%;font-family:var(--font-itim);color:#2b2b2b;background:0 0;border:none;outline:none;padding:0 6px;font-size:16px}.px-input::placeholder{color:#9b9b9b}.px-label{font-family:var(--font-pixel);letter-spacing:1px;color:var(--px-blue);text-transform:uppercase;font-size:12px;font-weight:700}.px-btn{image-rendering:pixelated;font-family:var(--font-pixel);letter-spacing:1px;color:var(--px-blue);text-transform:uppercase;cursor:pointer;border:10px solid #0000;border-image:url(/gui/px/win_green.png) 10 fill/10px;font-size:13px;font-weight:700;line-height:1.1;transition:transform 80ms}.px-btn:active{transform:translate(2px,2px)}.px-btn:disabled{filter:saturate(.4)opacity(.55);cursor:default}.px-btn--pink{color:var(--px-hotpink);border-image-source:url(/gui/px/win_pink.png)}.px-btn--white{border-image-source:url(/gui/px/win_white.png)}.px-thai{font-family:var(--font-itim)}.px-link{font-family:var(--font-pixel);color:var(--px-blue);text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);font-family:var(--font-itim);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}h1,h2,h3,h4,.play-name,.play-coins,.countdown,.status-btn,.inventory-tab,.sheet-list-item-title,.status-grid-label{font-family:var(--font-fredoka)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:no-preference){@keyframes awako-react-excited{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(1.15);transform:scale(1.25)}to{filter:brightness();transform:scale(1)}}@keyframes awako-react-positive{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes awako-react-reluctant{0%{transform:scale(1)translateY(0)}50%{transform:scale(.92)translateY(4px)}to{transform:scale(1)translateY(0)}}@keyframes awako-celebrate{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.3)rotate(-8deg)}60%{transform:scale(1.3)rotate(8deg)}to{transform:scale(1)rotate(0)}}.legacy[data-animation-state=REACT_EXCITED]{animation:.6s ease-out awako-react-excited}.legacy[data-animation-state=REACT_POSITIVE]{animation:.5s ease-out awako-react-positive}.legacy[data-animation-state=REACT_RELUCTANT]{animation:.9s ease-in-out awako-react-reluctant}.legacy[data-animation-state=CELEBRATE]{animation:.7s ease-in-out awako-celebrate}.legacy[data-animation-state=GRADUATE]{animation:.9s ease-in-out awako-celebrate}}