html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--background);transition:background var(--transition-base);-webkit-tap-highlight-color:transparent;touch-action:none}.win-body,.lyrics,#ssr,.table-wrap,#nav{touch-action:pan-x pan-y}#world{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.grabbing,body.grabbing *{cursor:grabbing!important}body.can-grab #world{cursor:grab}#boot{z-index:50;place-content:center;gap:var(--spacing-2);background:var(--background);padding:var(--spacing-3);display:grid;position:fixed;inset:0}#boot.done{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.boot-mark{font-family:var(--font-display);font-size:clamp(3rem,12vw,7rem);font-weight:var(--font-weight-bold);color:var(--primary);letter-spacing:-.03em;line-height:.9}#boot-log{width:min(32rem,85vw);min-height:7.5em;box-shadow:none;color:var(--muted);font-size:var(--font-1);white-space:pre-wrap;background:0 0;border:0;margin:0;padding:0}.boot-bar{border:var(--rule) solid var(--border);width:min(32rem,85vw);height:14px;box-shadow:4px 4px 0 var(--shadow)}#boot-fill{background:var(--primary);width:0;height:100%;transition:width .12s steps(4,end);display:block}#hud-top{z-index:20;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}#hud-top>*{pointer-events:auto}.mark{align-items:center;gap:var(--spacing-1);color:var(--text);text-decoration:none;display:inline-flex}.mark:hover{color:var(--primary);background:0 0}.mark-word{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-4);letter-spacing:-.02em}#nav-toggle{display:none}#nav{border:var(--rule) solid var(--border);background:var(--sheet);box-shadow:4px 4px 0 var(--shadow);border-radius:10px;gap:0;display:flex;overflow:hidden}#nav a{color:var(--text);font-size:var(--font-2);text-transform:uppercase;letter-spacing:.06em;border-right:var(--rule) solid var(--border);padding:.45rem .9rem;text-decoration:none}#nav a:last-child{border-right:0}#nav a:hover,#nav a[aria-current=page]{background:var(--primary);color:var(--darker)}#hero{left:var(--spacing-4);z-index:5;pointer-events:none;max-width:34rem;transition:opacity .2s,transform .2s;position:fixed;bottom:22vh}#hero .ultratitle{font-size:clamp(2.6rem, 7vw, var(--font-7));font-weight:var(--font-weight-semibold);text-shadow:4px 4px 0 var(--shadow)}.hero-sub{color:var(--smoke);background:color-mix(in srgb, var(--background) 70%, transparent);max-width:28rem;padding:.2rem 0}.hero-actions{gap:var(--spacing-2);pointer-events:auto;flex-wrap:wrap;display:flex}body.has-window #hero{opacity:0;transform:translateY(12px)}body.has-window #hero .hero-actions{pointer-events:none}#hud-bottom{z-index:20;justify-content:space-between;align-items:flex-end;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);padding-bottom:max(var(--spacing-2), env(safe-area-inset-bottom));pointer-events:none;display:flex;position:fixed;bottom:0;left:0;right:0}#hud-bottom>*{pointer-events:auto}.panel{background:var(--sheet);border:var(--rule) solid var(--border);box-shadow:5px 5px 0 var(--shadow);border-radius:10px}#toolbar{gap:var(--spacing-1);flex-wrap:wrap;padding:.4rem;display:flex}.tool-group{align-items:center;gap:.35rem;display:flex}.tool-group+.tool-group{padding-left:var(--spacing-1);border-left:var(--rule) solid var(--border)}button.tool{font-size:var(--font-1);box-shadow:2px 2px 0 var(--shadow);background:var(--sheet);color:var(--text);border-radius:7px;padding:.35rem .7rem}button.tool:hover{background:var(--primary);color:var(--darker);box-shadow:3px 3px 0 var(--shadow);transform:translate(-1px,-1px)}button.tool[aria-pressed=true]{background:var(--text);color:var(--background)}.swatch{border:var(--rule) solid var(--border);width:26px;height:26px;box-shadow:2px 2px 0 var(--shadow);background:conic-gradient(var(--a) 0 50%, var(--b) 50% 100%);border-radius:50%;padding:0}.swatch:hover{background:conic-gradient(var(--a) 0 50%, var(--b) 50% 100%);transform:translate(-1px,-1px)scale(1.08)}.swatch[aria-checked=true]{outline:var(--rule) solid var(--text);outline-offset:2px}#hint{z-index:4;pointer-events:none;white-space:nowrap;opacity:.8;transition:opacity .4s;position:fixed;bottom:5.4rem;left:50%;transform:translate(-50%)}#hint.gone{opacity:0}#player{align-items:center;gap:var(--spacing-1);width:min(25rem,100%);padding:.4rem;display:flex}#player[hidden]{display:none}#player-art{object-fit:cover;border:var(--rule) solid var(--border);background:var(--sunken);border-radius:6px;flex:none;width:44px;height:44px}.player-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#player-title{all:unset;cursor:pointer;font-family:var(--font-mono);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#player-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#player-progress{border:1px solid var(--border);background:var(--sunken);cursor:pointer;height:6px}#player-progress span{background:var(--primary);width:0;height:100%;display:block}.player-buttons{gap:.25rem;display:flex}.player-buttons button.tool{letter-spacing:-.1em;padding:.35rem .5rem}#windows{z-index:10;pointer-events:none;position:fixed;inset:0}.win{max-height:calc(100vh - 9.5rem);width:min(var(--w,34rem), calc(100vw - 2rem));background:color-mix(in srgb, var(--sheet) 92%, transparent);border:var(--rule) solid var(--border);box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:10px;flex-direction:column;animation:.16s steps(4,end) win-in;display:flex;position:absolute;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.win{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@keyframes win-in{0%{box-shadow:0 0 0 var(--shadow);opacity:0;transform:translate(10px,10px)}}.win.closing{animation:.12s steps(3,end) forwards win-out}@keyframes win-out{to{box-shadow:0 0 0 var(--shadow);opacity:0;transform:translate(10px,10px)}}.win-bar{align-items:center;gap:var(--spacing-1);background:var(--primary);color:var(--darker);border-bottom:var(--rule) solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:.35rem .4rem .35rem .8rem;display:flex}.win-bar:active{cursor:grabbing}.win.inactive .win-bar{background:var(--sunken);color:var(--text)}.win-title{font-size:var(--font-1);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.win-close{width:26px;height:26px;box-shadow:2px 2px 0 var(--shadow);border-radius:6px;padding:0;font-size:1rem;line-height:1}.win-body{padding:var(--spacing-3);scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior:contain;overflow:auto}.win-body>:last-child{margin-bottom:0}.win-body .title{font-size:var(--font-5)}.chips{margin-bottom:var(--spacing-2);flex-wrap:wrap;gap:.4rem;display:flex}.chip{font-size:var(--font-1);box-shadow:none;color:var(--text);border:var(--rule) solid var(--border);background:0 0;border-radius:40px;padding:.25rem .65rem}.chip:hover{box-shadow:none;transform:none}.chip[aria-pressed=true]{background:var(--primary);color:var(--darker)}.check{font-size:var(--font-1);color:var(--muted);cursor:pointer;flex-direction:row;align-items:center;gap:.4rem}.check input{width:auto;accent-color:var(--primary)}.rows{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.row{align-items:center;gap:var(--spacing-2);text-align:left;text-transform:none;letter-spacing:0;width:100%;font-size:var(--font-2);background:var(--elevated);color:var(--text);box-shadow:3px 3px 0 var(--shadow);border-radius:8px;grid-template-columns:56px 1fr auto;padding:.45rem;display:grid}.row:hover{background:var(--primary);color:var(--darker);box-shadow:5px 5px 0 var(--shadow);transform:translate(-2px,-2px)}.row:hover .caption{color:var(--darker)}.row.playing{outline:var(--rule) solid var(--accent);outline-offset:2px}.row img,.row .thumb-blank{object-fit:cover;border:var(--rule) solid var(--border);background:var(--sunken);border-radius:6px;width:56px;height:56px}.thumb-blank{font-family:var(--font-display);color:var(--muted);place-items:center;font-size:1.4rem;display:grid}.row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.row-title{font-weight:var(--font-weight-medium);font-size:var(--font-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row .caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status{white-space:nowrap;padding:.15rem .5rem;font-size:.65rem}.status[data-s=complete]{background:var(--primary)}.status[data-s=in_progress],.status[data-s=in_testing]{background:var(--secondary)}.status[data-s=concept],.status[data-s=paused],.status[data-s=discontinued]{color:var(--text);border-color:var(--border);background:0 0}.status[data-s=discontinued]{color:var(--muted);border-style:dashed}.detail-hero{aspect-ratio:16/9;object-fit:cover;border:var(--rule) solid var(--border);width:100%;box-shadow:var(--card-shadow);margin-bottom:var(--spacing-3);background:var(--sunken);border-radius:8px}.facts{gap:.25rem var(--spacing-2);margin:0 0 var(--spacing-3);font-size:var(--font-2);grid-template-columns:max-content 1fr;display:grid}.facts dt{color:var(--muted);text-transform:uppercase;font-size:var(--font-1);letter-spacing:.06em;padding-top:.15rem}.facts dd{margin:0}.tags{margin-bottom:var(--spacing-3);flex-wrap:wrap;gap:.35rem;display:flex}.md h1,.md h2,.md h3{font-size:var(--font-4);margin-top:var(--spacing-3)}.md h3{font-size:var(--font-3)}.md ul{padding-left:1.2rem}.actions{gap:var(--spacing-1);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.actions a.btn,.actions button{font-size:var(--font-2);padding:.5rem 1rem}a.btn{font-size:var(--font-2);text-transform:uppercase;letter-spacing:.04em;border:var(--rule) solid var(--border);background:var(--white);color:var(--darker);box-shadow:4px 4px 0 var(--shadow);border-radius:13px;align-items:center;padding:.5rem 1rem;text-decoration:none;display:inline-flex}a.btn:hover{background:var(--primary);color:var(--darker);box-shadow:6px 6px 0 var(--shadow);transform:translate(-2px,-2px)}.svc-group{margin-bottom:var(--spacing-3)}.svc{border-bottom:1px dashed var(--border);font-size:var(--font-2);grid-template-columns:12px 1fr auto auto;align-items:center;gap:.7rem;padding:.35rem 0;display:grid}.svc a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.svc a:hover{color:var(--darker)}.dot{border:2px solid var(--border);background:var(--primary);border-radius:50%;width:12px;height:12px}.dot.down{background:var(--red);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.svc .caption{font-size:.68rem}.empty{color:var(--muted);font-size:var(--font-2)}.loading:after{content:"";width:1ch;animation:.9s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#player-title:hover{text-decoration:underline;text-decoration-thickness:2px}#player-title:focus-visible{outline:var(--rule) solid var(--primary)}.song-li{grid-template-columns:1fr auto;align-items:stretch;gap:.4rem;display:grid}.info-btn{width:2.4rem;font-family:var(--font-display);font-size:var(--font-3);text-transform:none;box-shadow:3px 3px 0 var(--shadow);background:var(--elevated);color:var(--text);border-radius:8px;padding:0}.info-btn:hover{background:var(--secondary);color:var(--darker)}.track-head{gap:var(--spacing-3);margin-bottom:var(--spacing-3);grid-template-columns:9rem 1fr;align-items:end;display:grid}.track-cover{object-fit:cover;border:var(--rule) solid var(--border);width:9rem;height:9rem;box-shadow:var(--card-shadow);border-radius:8px}.track-head .title{overflow-wrap:anywhere;margin-bottom:.2rem}.lyrics{max-height:22rem;padding:var(--spacing-2);background:var(--sunken);border:var(--rule) solid var(--border);scrollbar-width:thin;border-radius:8px;position:relative;overflow:auto}.ly{font-family:var(--font-display);font-size:var(--font-4);font-weight:var(--font-weight-semibold);color:var(--text);transition:color var(--transition-base), opacity var(--transition-base);margin:0 0 .6rem;line-height:1.2}.ly.plain{font-family:var(--font-mono);font-size:var(--font-3);font-weight:var(--font-weight-normal);line-height:1.6}.ly.cue{font-family:var(--font-mono);font-size:var(--font-1);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.lyrics.live .ly{cursor:pointer;opacity:.4}.lyrics.live .ly.past{opacity:.6}.lyrics.live .ly.on{opacity:1}.lyrics.live .ly.on [data-w]{color:var(--muted)}.lyrics.live .ly.on [data-w].sung{color:var(--text);background:linear-gradient(transparent 62%, var(--primary) 62%)}@media (max-width:760px){.track-head{gap:var(--spacing-2);grid-template-columns:6rem 1fr}.track-cover{width:6rem;height:6rem}.ly{font-size:var(--font-3)}}@media (hover:hover) and (pointer:fine){html.custom-cursor,html.custom-cursor *{cursor:none!important}}#cursor{z-index:1000;mix-blend-mode:difference;pointer-events:none;opacity:0;border:2px solid #fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:width .12s,height .12s,margin .12s,border-width .12s;position:fixed;top:0;left:0}#cursor:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#cursor.on{opacity:1}#cursor.hover{border-width:3px;width:56px;height:56px;margin:-28px 0 0 -28px}#cursor.link{border-style:dashed;width:46px;height:46px;margin:-23px 0 0 -23px}#cursor.text{background:#fff;border-width:0;border-radius:2px;width:4px;height:26px;margin:-13px 0 0 -2px}#cursor.text:after{display:none}#cursor.down{background:#fff;width:20px;height:20px;margin:-10px 0 0 -10px}@media (hover:none),(pointer:coarse){#cursor{display:none}}#toast{z-index:40;background:var(--primary);color:var(--darker);border:var(--rule) solid var(--border);box-shadow:5px 5px 0 var(--shadow);font-size:var(--font-2);text-transform:uppercase;letter-spacing:.08em;opacity:0;pointer-events:none;border-radius:10px;padding:.5rem 1rem;transition:opacity .12s steps(2,end),transform .12s steps(2,end);position:fixed;top:5rem;left:50%;transform:translate(-50%,-8px)}#toast.on{opacity:1;transform:translate(-50%)}.album{border:var(--rule) solid var(--border);background:var(--sunken);box-shadow:3px 3px 0 var(--shadow);border-radius:8px}.album>summary{align-items:center;gap:var(--spacing-2);cursor:pointer;background:var(--elevated);font-size:var(--font-2);border-radius:6px;grid-template-columns:56px 1fr auto auto;padding:.45rem;list-style:none;display:grid}.album>summary::-webkit-details-marker{display:none}.album>summary:hover{background:var(--primary);color:var(--darker)}.album>summary:hover .caption{color:var(--darker)}.album>summary img,.album>summary .thumb-blank{object-fit:cover;border:var(--rule) solid var(--border);background:var(--sunken);border-radius:6px;width:56px;height:56px}.album .chev{font-size:var(--font-2);transition:transform var(--transition-base)}.album[open]>summary{border-bottom:var(--rule) solid var(--border);border-radius:6px 6px 0 0}.album[open] .chev{transform:rotate(90deg)}.album .rows{border-left:var(--rule) dashed var(--border);margin-left:2.1rem;padding:.5rem .5rem .6rem 1.25rem}.album .row{box-shadow:2px 2px 0 var(--shadow);grid-template-columns:2ch 1fr auto}.track-no{color:var(--muted);font-size:var(--font-1);text-align:right}.row:hover .track-no{color:var(--darker)}@media (max-width:760px){#hud-top{padding:var(--spacing-1) var(--spacing-2);padding-top:max(var(--spacing-1), env(safe-area-inset-top))}#nav-toggle{min-height:40px;font-size:var(--font-2);padding:.4rem .9rem;display:inline-flex}#nav{top:calc(100% - 4px);right:var(--spacing-2);z-index:30;flex-direction:column;min-width:12rem;display:none;position:absolute}#nav.open{display:flex}#nav a{font-size:var(--font-2);border-right:0;border-bottom:var(--rule) solid var(--border);padding:.8rem 1rem}#nav a:last-child{border-bottom:0}.win-close{width:36px;height:36px}.win-bar{padding:.4rem .4rem .4rem .9rem}.win-body{padding:var(--spacing-2)}button.tool{min-height:34px}.swatch{width:30px;height:30px}.info-btn{width:2.75rem}.row{gap:var(--spacing-1);grid-template-columns:48px 1fr auto}.row img,.row .thumb-blank,.album>summary img,.album>summary .thumb-blank{width:48px;height:48px}.album>summary{gap:var(--spacing-1);grid-template-columns:48px 1fr auto}.album>summary>.caption:empty{display:none}.album .rows{border-left:0;margin-left:0;padding:.4rem}.album .row{grid-template-columns:1.5ch 1fr auto}.code-tag{display:none}.facts{gap:0 var(--spacing-2);grid-template-columns:1fr}.facts dd{margin-bottom:.4rem}#hero{left:var(--spacing-2);right:var(--spacing-2);bottom:13rem}#hud-bottom{padding:var(--spacing-1) var(--spacing-2);flex-direction:column-reverse;align-items:stretch}#toolbar{justify-content:space-between}.tool-group+.tool-group{border-left:0;padding-left:0}#player{width:100%}#hint{display:none}.win:not(.game-win){width:auto;max-height:calc(100dvh - 15rem);right:8px;top:4.2rem!important;left:8px!important}}@media (prefers-reduced-motion:reduce){.win,.win.closing{animation:none}}html.js #ssr{display:none}#ssr{z-index:15;max-width:46rem;padding:var(--spacing-3);background:var(--sheet);border:var(--rule) solid var(--border);box-shadow:var(--shadow-lg);border-radius:10px;max-height:calc(100vh - 8rem);margin:5.5rem auto 2rem;position:relative;overflow:auto}#ssr h1{font-size:var(--font-6)}.contact-list{margin:var(--spacing-2) 0 0;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));padding:0;list-style:none;display:grid}.contact-card{padding:var(--spacing-2);border:var(--rule) solid var(--border);background:var(--elevated);box-shadow:4px 4px 0 var(--shadow);color:var(--text);border-radius:8px;flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.contact-card:hover{background:var(--primary);color:var(--darker);transform:translate(-2px,-2px)}.contact-card:hover .caption{color:var(--darker)}.table-wrap{margin:var(--spacing-2) 0;overflow-x:auto}.table-wrap table{border-collapse:collapse;font-size:var(--font-1);min-width:30rem}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.4rem .6rem}.win-body .subheadline{margin-top:var(--spacing-3)}.devlog{border:var(--rule) dashed var(--border);padding:var(--spacing-2);margin-bottom:var(--spacing-3);border-radius:8px}.devlog-title{font-weight:var(--font-weight-medium);margin-bottom:.3rem}.media-item{margin:0 0 var(--spacing-2)}.media-item video,.media-item iframe{aspect-ratio:16/9;border:var(--rule) solid var(--border);background:#000;border-radius:8px;width:100%;display:block}.frame>button{aspect-ratio:16/9;width:100%;font-size:var(--font-4)}.media-item figcaption{margin-top:.3rem}.downloads{padding-left:1.2rem}pre.code{box-shadow:none;font-size:var(--font-1);white-space:pre;color:var(--text);background:0 0;border:0;margin:0;padding:0}.album-li{align-items:start}.album-li .info-btn{height:72px}@media (max-width:760px){#ssr{margin:4.5rem var(--spacing-2) 2rem}}#game-layer{z-index:45;touch-action:none;background:color-mix(in srgb, var(--background) 35%, transparent);animation:.3s ease-out game-in;position:fixed;inset:0}#game-layer.leaving{opacity:0;transition:opacity .22s}@keyframes game-in{0%{opacity:0}}body.in-game #hud-top,body.in-game #hud-bottom,body.in-game #hero,body.in-game #windows{opacity:.15;pointer-events:none;transition:opacity .3s}.game-stage{transform-origin:50% 45%;position:absolute;inset:0}.game-win{transform-origin:50%;will-change:transform, left, top, width, height;max-height:none;animation:none;position:absolute}.game-win .win-body{min-height:0;padding:var(--spacing-2);flex:1;overflow:hidden}.game-row .win-body{padding:0}.game-row:not(.focus){opacity:.75}.game-row.focus .win-bar{background:var(--primary);color:var(--darker)}.game-row:not(.focus) .win-bar{background:var(--sunken);color:var(--text)}.game-ecg{background:var(--sheet);width:100%;height:100%;display:block}.vitals-bpm{height:100%;font-family:var(--font-display);justify-content:center;align-items:baseline;gap:.4rem;display:flex}.vitals-bpm span{font-size:2.6rem;font-weight:var(--font-weight-bold);color:var(--primary);line-height:1}.vitals-bpm span.beat{animation:.22s ease-out vitals-beat}@keyframes vitals-beat{0%{transform:scale(1.25)}}.game-hud .win-body{overflow:auto}.game-big{font-family:var(--font-display);font-size:var(--font-5);font-weight:var(--font-weight-bold);margin-bottom:.4rem;line-height:1}.game-rank{font-family:var(--font-display);font-size:3.4rem;font-weight:var(--font-weight-bold);color:var(--primary);margin:0 0 .4rem;line-height:1}.game-score{gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.game-score span{flex-direction:column;display:flex}.game-score b{font-family:var(--font-display);font-size:var(--font-5);line-height:1}.game-score small{font-size:var(--font-1);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.game-bar{border:1px solid var(--border);background:var(--sunken);height:8px;margin-top:var(--spacing-1)}.game-bar span{background:var(--primary);width:0;height:100%;display:block}.game-actions{gap:var(--spacing-1);margin-top:var(--spacing-1);display:flex}.game-actions button{font-size:var(--font-2);padding:.5rem 1.2rem}.game-guest{pointer-events:none;z-index:1;opacity:.85;will-change:transform, left, top, width, height;animation:none;overflow:hidden;max-height:none!important;margin:0!important;position:absolute!important}.game-guest .win-body{overflow:hidden}.game-spark{background:var(--primary);border:2px solid var(--border);width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 35%, transparent);pointer-events:none;z-index:10;border-radius:50%;display:none;position:fixed;top:-9px;left:-9px}.game-row,.game-vitals,.game-hud{z-index:2}#critters{z-index:15;pointer-events:none;--u:6px;--ink:#1e1a1c;--floor:calc(96px + env(safe-area-inset-bottom));display:none;position:fixed;inset:0}#critters.on{display:block}#critters .blk{box-sizing:border-box;border:2px solid var(--ink);display:block;position:absolute}#critters .blk,#critters .pg-broom,#critters .rc-head,#critters .rc-eyes{left:calc(var(--x,0) * var(--u));bottom:calc(var(--y,0) * var(--u));width:calc(var(--w,1) * var(--u));height:calc(var(--h,1) * var(--u))}.penguin{left:0;bottom:var(--floor);width:calc(17 * var(--u));height:calc(18 * var(--u));will-change:transform;position:absolute}.pg-bob{transform-origin:50% 100%;position:absolute;inset:0}.penguin{transform-origin:0 100%}.penguin.peek .pg-pupil{animation:2.6s step-end infinite pg-look}.penguin.peek .pg-bob{animation:2.6s step-end infinite pg-peek}@keyframes pg-look{0%,to{transform:none}25%{transform:translate(-3px)}50%{transform:translate(3px,-2px)}75%{transform:translate(2px,2px)}}@keyframes pg-peek{0%,to{transform:none}30%{transform:rotate(6deg)}60%{transform:rotate(-4deg)translateY(-3px)}}.penguin.left .pg-bob{transform:scaleX(-1)}.pg-foot{--y:0;--w:4;--h:2;background:#f28a2e}.pg-foot-l{--x:3}.pg-foot-r{--x:9}.pg-body{--x:2;--y:1.5;--w:12;--h:13;background:#232129}.pg-belly{--x:4.5;--y:2.5;--w:7;--h:7.5;background:#f6f3ec}.pg-wing{--x:.5;--y:4.5;--w:2.5;--h:6;transform-origin:50% 0;background:#232129}.pg-eye{--y:10;--w:2.6;--h:2.6;background:#fff}.pg-eye-l{--x:4.4}.pg-eye-r{--x:9}.pg-pupil{--y:10.65;--w:1.3;--h:1.3;background:#111;border:0!important}.pg-pupil-l{--x:5.05}.pg-pupil-r{--x:9.65}.pg-beak{--x:6.4;--y:8.2;--w:3.2;--h:1.6;background:#f28a2e}.pg-broom{--x:13;--y:0;--w:4;--h:15;transform-origin:calc(2 * var(--u)) calc(3 * var(--u));position:absolute}.pg-stick{--x:1.4;--y:2.5;--w:1.2;--h:12.5;background:#8a5a2b}.pg-bristles{--x:0;--y:0;--w:4;--h:3;background:#e8c35a}.trash{right:max(16px,9vw);bottom:var(--floor);width:calc(20 * var(--u));height:calc(19 * var(--u));transform:translateY(calc(100% + var(--floor) + 40px));transition:transform .5s cubic-bezier(.2,1.5,.4,1);position:absolute}.trash.up{transform:translateY(0)}.trash.gulp{animation:.3s ease-out tc-gulp}.tc-body{z-index:2;position:absolute;inset:0}.tc-bin{--x:2;--y:0;--w:16;--h:15;box-shadow:4px 4px 0 var(--ink);background:#9aa3a6}.tc-rib{--y:2;--w:1.2;--h:11;background:#6f787b;border:0!important}.tc-rib-1{--x:6}.tc-rib-2{--x:9.4}.tc-rib-3{--x:12.8}.tc-rim{--x:.5;--y:14.4;--w:19;--h:2.2;background:#b8c0c2}.tc-lid{left:0;bottom:calc(16.4 * var(--u));width:calc(20 * var(--u));height:calc(3.6 * var(--u));z-index:3;transform-origin:0 100%;transition:transform .3s cubic-bezier(.3,1.6,.5,1);position:absolute}.trash.open .tc-lid{transform:translate(calc(-7 * var(--u)), calc(-5 * var(--u))) rotate(-38deg)}.tc-lid-top{--x:0;--y:0;--w:20;--h:2;background:#b8c0c2}.tc-handle{--x:7.5;--y:1.8;--w:5;--h:1.6;background:#6f787b}.rc-window{left:50%;bottom:calc(15.2 * var(--u));width:calc(22 * var(--u));height:calc(20 * var(--u));margin-left:calc(-11 * var(--u));z-index:4;position:absolute;overflow:hidden}.raccoon{left:calc(2 * var(--u));width:calc(18 * var(--u));height:calc(14 * var(--u));transition:transform .35s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:0;transform:translateY(105%)}.raccoon.out{transform:translateY(0)}.rc-head{--x:0;--y:0;--w:18;--h:14;transform-origin:50% 90%;position:absolute}.rc-ear{--y:10;--w:3.6;--h:3.6;background:#8d8a92}.rc-ear-l{--x:2.4}.rc-ear-r{--x:12}.rc-face{--x:2;--y:2;--w:14;--h:9;background:#a9a6ae}.rc-brow{--y:9.2;--w:4;--h:1;background:#f3f1ee;border:0!important}.rc-brow-l{--x:3.6}.rc-brow-r{--x:10.4}.rc-mask{--x:2;--y:5.8;--w:14;--h:3.2;background:#2c2a30}.rc-eyes{--x:0;--y:0;--w:18;--h:14;transform-origin:50% calc(100% - 7.3 * var(--u));position:absolute}.rc-eye{--y:6.1;--w:2.6;--h:2.6;background:#fff}.rc-eye-l{--x:4.6}.rc-eye-r{--x:10.8}.rc-pupil{--y:6.75;--w:1.3;--h:1.3;background:#111;border:0!important}.rc-pupil-l{--x:5.25}.rc-pupil-r{--x:11.45}.rc-snout{--x:6;--y:2.4;--w:6;--h:3;background:#f3f1ee}.rc-nose{--x:7.8;--y:4;--w:2.4;--h:1.4;background:#111;border:0!important}.rc-paw{--y:0;--w:4;--h:2;background:#3b3940}.rc-paw-l{--x:1}.rc-paw-r{--x:13}.penguin.walking .pg-bob{animation:.34s steps(2,end) infinite alternate pg-waddle}.penguin.left.walking .pg-bob{animation-name:pg-waddle-left}.penguin.startled .pg-bob{animation:.22s steps(2,end) infinite alternate pg-hop}.penguin.sweep .pg-broom{animation:.22s steps(3,end) infinite alternate pg-sweep}.penguin.tap .pg-bob{animation:.25s steps(2,end) 2 alternate pg-hop}.pg-wing{animation:.68s steps(2,end) infinite alternate pg-flap}@keyframes pg-waddle{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)translateY(-3px)}}@keyframes pg-waddle-left{0%{transform:scaleX(-1)rotate(-6deg)}to{transform:scaleX(-1)rotate(6deg)translateY(-3px)}}@keyframes pg-sweep{0%{transform:rotate(-30deg)}to{transform:rotate(20deg)}}@keyframes pg-hop{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes pg-flap{0%{transform:rotate(0)}to{transform:rotate(18deg)}}@keyframes tc-gulp{40%{transform:scale(1.12,.88)}}.raccoon.out .rc-head{animation:3.6s step-end infinite rc-look}.raccoon.out .rc-eyes{animation:3.6s step-end infinite rc-blink}.raccoon.out .rc-pupil{animation:3.6s step-end infinite rc-pupils}.raccoon.out .rc-paw-l{animation:1.8s step-end infinite rc-paw}.raccoon.out .rc-paw-r{animation:1.8s step-end .9s infinite rc-paw}@keyframes rc-look{0%,to{transform:none}20%{transform:translate(-4px)rotate(-8deg)}50%{transform:translate(4px)rotate(8deg)}75%{transform:translateY(-6px)}85%{transform:none}}@keyframes rc-pupils{0%,to{transform:none}20%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:none}}@keyframes rc-blink{0%,to{transform:none}44%{transform:scaleY(.15)}47%{transform:none}}@keyframes rc-paw{0%,to{transform:none}50%{transform:translateY(-3px)}}@media (max-width:760px){#critters{--u:5px;--floor:calc(150px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.penguin *,.raccoon *{animation:none!important}}