#school-mascot{position:fixed;left:0;top:0;z-index:5;padding:0;margin:0;background:none;border:0;box-shadow:none;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
/* Keyboard focus follows the transparent sprite, instead of drawing its cell. */
#school-mascot:focus-visible .cat-frames{filter:drop-shadow(0 0 2px #5366d8) drop-shadow(0 0 2px #5366d8)}
#school-mascot[hidden]{display:none!important}
.mascot-ledge{display:none;position:absolute;left:128px;width:min(240px,calc(100% - 150px));bottom:8px;height:1px;min-height:1px;margin:0;border:0;pointer-events:none}
.mascot-enabled .mascot-ledge{display:block}
.other-screen{position:relative}
.mascot-enabled .other-screen>.screen{min-height:0;flex:1 1 0;padding-bottom:84px}
@media(max-width:760px){
 .mascot-ledge{left:12px;right:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}
 .shell.mobile-detail>.mascot-ledge{display:none}
 .list-panel{position:relative}
 /* Anchor the cat beside the status, without reserving a blank row. */
 .mascot-enabled .shell:not(.mobile-detail){padding-bottom:0}
 .mascot-enabled .other-screen>.screen{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .mascot-enabled .list-foot{padding-bottom:9px}
}
@media(max-height:500px){.mascot-ledge{display:none!important}}
#school-mascot.reduced-motion,#school-mascot.reduced-motion .cat-frames{animation:none!important;transition:none!important}
#school-mascot .cat-frames{display:block;width:100%;height:100%;pointer-events:none;background-size:1200% 400%;background-position:0 66.666667%;background-repeat:no-repeat;image-rendering:pixelated;animation:cat-frames 3.6s steps(1,end) infinite}
#school-mascot[data-pose="right"] .cat-frames{background-position-y:0;animation-duration:.96s}
#school-mascot[data-pose="left"] .cat-frames{background-position-y:33.333333%;animation-duration:.96s}
#school-mascot[data-pose="lie"] .cat-frames{background-position-y:100%;animation-duration:5s}
@keyframes cat-frames{0%{background-position-x:0%}8.333333333333334%{background-position-x:9.090909090909092%}16.666666666666668%{background-position-x:18.181818181818183%}25%{background-position-x:27.272727272727273%}33.333333333333336%{background-position-x:36.36363636363637%}41.666666666666664%{background-position-x:45.45454545454545%}50%{background-position-x:54.54545454545455%}58.333333333333336%{background-position-x:63.63636363636363%}66.66666666666667%{background-position-x:72.72727272727273%}75%{background-position-x:81.81818181818181%}83.33333333333333%{background-position-x:90.9090909090909%}91.66666666666667%{background-position-x:100%}100%{background-position-x:100%}}
@media(prefers-reduced-motion:reduce){#school-mascot,#school-mascot .cat-frames{animation:none!important;transition:none!important}}