:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2b1a12;--paper:#f6ead0;--f-hand:"Gochi Hand", "Comic Sans MS", cursive;--f-term:"VT323", ui-monospace, Menlo, monospace;--f-body:"Nunito", system-ui, sans-serif;--wood:#b97a45;--wood-dk:#7d4a27;--bmo:#6cc9b5;--bmo-screen:#c9f2c7;--bmo-face:#1f3b33;--tint:0;--tint-c:#1b1a4a}.t-morning{--tint:.05;--tint-c:#ffcf8a}.t-sunset{--tint:.12;--tint-c:#c2502a}.t-night{--tint:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}html,body{height:100%;margin:0}body{color:var(--paper);font-family:var(--f-body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#3a2414;transition:background-color .6s;overflow:hidden}.room{position:fixed;inset:0;overflow:clip}.stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.bg{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:filter .5s;position:absolute;inset:0}.tint{pointer-events:none;background:var(--tint-c);opacity:var(--tint);mix-blend-mode:multiply;transition:opacity .6s,background-color .6s;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(75% 70% at 50% 55%,#0000 55%,#1c0a0380);position:absolute;inset:-2px}.particles{pointer-events:none;width:1920px;height:1080px;position:absolute;top:0;left:0}.world{transform-origin:0 0;pointer-events:none;width:1920px;height:1080px;position:absolute;top:0;left:0}.tape-btns{z-index:2;pointer-events:none;position:absolute;inset:0}.tape{color:inherit;cursor:grab;touch-action:none;pointer-events:auto;background:0 0;border:0;border-radius:10px;padding:0;position:absolute}.tape:focus-visible,.bmo-hit:focus-visible{outline-offset:4px;outline:3px dashed #ffd98a}.tape.gone{visibility:hidden}.tape .tape-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tape .thumb{display:none}.bmo-hit{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:28px;padding:0;position:absolute}.bmo-keys{z-index:2;pointer-events:none;position:absolute;inset:0}.bmo-key{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.bmo-key:focus-visible{outline-offset:2px;outline:3px dashed #ffd98a}.note{z-index:4;font-family:var(--f-hand);color:var(--paper);-webkit-text-stroke:1.6px var(--ink);pointer-events:none;font-size:34px;position:absolute}.speech{z-index:12;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));box-sizing:border-box;pointer-events:none;width:min(720px,100% - 32px);font-family:var(--f-term);color:#9df2b4;background:repeating-linear-gradient(0deg,#9df2b409 0 2px,#0000 2px 4px),#08120ce0;border:2px solid #4fae6d;border-radius:10px;padding:10px 16px 9px;transition:opacity .6s,visibility .6s;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 22px #4fae6d38,0 0 0 3px #08120c8c,0 8px 18px #0a040073}.speech.rest{opacity:0;visibility:hidden}.speech p{text-shadow:0 0 6px #9df2b459;min-height:1.2em;margin:0;font-size:22px;line-height:1.2}.speech .who{color:#ffd36b;text-shadow:0 0 6px #ffd36b59}#speechText:after{content:"▌";margin-left:2px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.speech small{color:#5c9c6e;margin-top:4px;font-size:15px;display:block}.speech small.tip{color:#c8ffd8}.speech.tipping #speechHint{display:none}@media (prefers-reduced-motion:reduce){#speechText:after{animation:none}}.tray{display:none}.tape-fly{z-index:13;pointer-events:none;filter:drop-shadow(0 5px 3px #1408028c);position:fixed}:root{--tray-wood:url(/bg/day-1920.webp)}.t-night{--tray-wood:url(/bg/night-1920.webp)}@media (width<=700px),(orientation:portrait){:root{--tray-h:calc(112px + env(safe-area-inset-bottom,0px))}.tray{z-index:9;box-sizing:border-box;height:var(--tray-h);scrollbar-width:none;scroll-snap-type:x mandatory;padding:0 max(20px, env(safe-area-inset-right,0px)) calc(19px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));background:linear-gradient(180deg, #ffe4b04d, transparent 7px), linear-gradient(0deg, #4a2a14 calc(13px + env(safe-area-inset-bottom,0px)), var(--ink) 0 calc(16px + env(safe-area-inset-bottom,0px)), #ffdca02e 0 calc(18px + env(safe-area-inset-bottom,0px)), transparent 0), linear-gradient(180deg, #28120633, #2812069e), var(--tray-wood) 46% 97% / 1500px auto;border-top:3px solid var(--ink);align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:0 -10px 22px #14080273,inset 0 8px 12px #14080259}.tray::-webkit-scrollbar{display:none}.tray .tape{touch-action:pan-x;scroll-snap-align:center;transform:rotate(var(--tilt,0deg));transform-origin:50% 100%;flex:none;padding:0;transition:transform .2s;position:relative}.tray .tape:nth-child(3n+1){--tilt:-2.5deg}.tray .tape:nth-child(3n+2){--tilt:1.5deg}.tray .tape:nth-child(3n){--tilt:-.5deg}.tray .tape:hover,.tray .tape:focus-visible{transform:translateY(-5px)rotate(0)}.tray .tape .thumb{aspect-ratio:160/109;filter:drop-shadow(0 5px 3px #1408028c);width:104px;height:auto;display:block}.tray .tape .thumb:not([src]){box-sizing:border-box;border:3px solid var(--ink);background:var(--shell);border-radius:8px}.speech{bottom:calc(var(--tray-h) + 12px)}.speech small{display:none}}.topbar{height:env(safe-area-inset-top,0px);pointer-events:none;position:fixed;top:0;left:0;right:0}.fanart{z-index:8;color:var(--paper);opacity:.85;text-shadow:0 1px 0 var(--ink);pointer-events:none;margin:0;font-size:11px;font-weight:700;position:fixed;bottom:8px;right:12px}body.zoomed .fanart{display:none}.loader{z-index:100;background:var(--bmo);place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.loader.out{opacity:0}.loader-screen{aspect-ratio:200/146;box-sizing:border-box;border:6px solid var(--ink);background:var(--bmo-screen);width:min(320px,70vw);font-family:var(--f-term);color:var(--bmo-face);border-radius:18px;place-content:center;justify-items:center;gap:12px;font-size:32px;display:grid}.loader-screen i{border:4px solid var(--bmo-face);box-sizing:content-box;width:160px;height:18px;padding:2px;display:block}.loader-screen b{background:var(--bmo-face);width:0;height:100%;display:block}.noscript{z-index:200;background:var(--paper);color:var(--ink);padding:24px;position:fixed;inset:0}@media (width<=700px),(orientation:portrait){.fanart{display:none}}.screen-backdrop{z-index:15;position:fixed;inset:0}.screen-ui{z-index:20;box-sizing:border-box;overscroll-behavior:contain;color:var(--bmo-face);font-family:var(--f-term);-webkit-user-select:text;user-select:text;background:repeating-linear-gradient(0deg, #0028140f 0 2px, transparent 2px 4px), radial-gradient(ellipse at center, #dcfad8, var(--bmo-screen) 78%);border-radius:14px;padding:clamp(12px,2.4vmin,32px);position:fixed;overflow:auto;container-type:size}.screen-ui.on{animation:.55s ease-out crt}@keyframes crt{0%{clip-path:inset(49% 0);filter:brightness(2.2)}50%{clip-path:inset(0);filter:brightness(1.4)}to{clip-path:inset(0);filter:none}}.s-row{justify-content:space-between;align-items:flex-start;gap:10px;font-size:clamp(16px,2.6cqw,22px);display:flex}.s-side{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.s-ctl{flex:none;gap:6px;display:flex}.s-ctl button{min-width:34px;height:34px;font:inherit;color:var(--bmo-face);border:2px solid var(--bmo-face);cursor:pointer;background:0 0;border-radius:6px;padding:0 6px;font-size:clamp(18px,2.6cqw,22px);line-height:1}.s-ctl button:hover{background:#1d4d441f}.s-ctl [data-ctl=sound][aria-pressed=true]{background:var(--bmo-face);color:var(--bmo-screen)}.s-ctl [data-ctl=sound][aria-pressed=false]{text-decoration:line-through;text-decoration-thickness:2px}.s-ctl button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.screen-ui .chip{border:2px solid;border-radius:6px;padding:0 8px}.screen-ui .chip.live{background:var(--bmo-face);color:var(--bmo-screen)}.screen-ui h2{text-wrap:balance;outline:none;margin:.25em 0 0;font-size:clamp(34px,8cqw,72px);font-weight:400;line-height:.95}.s-kind{font-size:clamp(18px,3cqw,26px)}.s-shots{scroll-snap-type:x mandatory;gap:10px;margin:12px 0;padding-bottom:4px;display:flex;overflow-x:auto}.s-shots img{border:3px solid var(--bmo-face);scroll-snap-align:start;border-radius:8px;flex:none;height:clamp(120px,32cqh,280px)}.s-desc{font-family:var(--f-body);max-width:62ch;margin:12px 0;font-size:clamp(15px,2.2cqw,18px);font-weight:500;line-height:1.55}.s-stack{flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.s-stack li{border:2px solid var(--bmo-face);border-radius:6px;padding:0 8px;font-size:clamp(16px,2.4cqw,20px)}.s-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.s-actions a,.s-eject{min-height:44px;font:inherit;cursor:pointer;border-radius:8px;align-items:center;padding:0 14px;font-size:clamp(18px,2.6cqw,24px);text-decoration:none;display:inline-flex}.s-actions a{background:var(--bmo-face);color:var(--bmo-screen);border:0}.s-eject{color:#fff;border:3px solid var(--ink);background:#c0362e;margin-left:auto;box-shadow:0 3px #1e0a0266}.s-actions a:focus-visible,.s-eject:focus-visible,.s-shots:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.screen-ui.compact{border-radius:10px;padding:10px 12px}.screen-ui.compact .s-row{font-size:13px}.screen-ui.compact .s-ctl{gap:4px}.screen-ui.compact .s-ctl button{min-width:30px;height:30px;padding:0 4px;font-size:16px}.screen-ui.compact h2{margin-top:.15em;font-size:30px}.screen-ui.compact .s-kind{font-size:16px}.screen-ui.compact .s-desc{margin:8px 0;font-size:14px;line-height:1.45}.screen-ui.compact .s-stack{margin-bottom:10px}.screen-ui.compact .s-stack li{font-size:14px}.screen-ui.compact .s-actions a,.screen-ui.compact .s-eject{min-height:36px;padding:0 10px;font-size:17px}.screen-ui.more:after{content:"▼";width:fit-content;color:var(--bmo-face);background:var(--bmo-screen);pointer-events:none;border-radius:4px;margin:-1.1em 0 0 auto;padding:0 6px;font-size:18px;line-height:1.1;animation:1s step-end infinite caret;display:block;position:sticky;bottom:0}@media (prefers-reduced-motion:reduce){.screen-ui.more:after,.screen-ui.on{animation:none}}.screen-ui.panel{border:5px solid var(--ink);width:min(560px,92vw);height:auto;max-height:84vh;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}body.zoomed .bg{filter:blur(4px)brightness(.7)}body.zoomed .tape-btns,body.zoomed .bmo-hit,body.zoomed .bmo-keys,body.zoomed .particles{visibility:hidden}body.zoomed .speech,body.zoomed .note{display:none}.listview{z-index:30;background:var(--paper);color:var(--ink);-webkit-user-select:text;user-select:text;position:fixed;inset:0;overflow:auto}.lv-inner{max-width:960px;padding:calc(24px + env(safe-area-inset-top,0px)) 20px 48px;margin:0 auto}.lv-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lv-head h2{font-family:var(--f-hand);outline:none;margin:0;font-size:40px;font-weight:400}.lv-close{min-height:44px;font:700 15px var(--f-body);color:var(--ink);border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:0 14px}.lv-no3d{border:3px solid var(--ink);background:#fff3c4;border-radius:10px;margin:16px 0 0;padding:10px 14px;font-weight:700}.lv-about{max-width:68ch;font-size:17px;line-height:1.6}.lv-cv{border:3px solid var(--ink);background:var(--bmo);min-height:44px;color:var(--ink);border-radius:10px;align-items:center;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px #1e0a0259}.listview h3{font-family:var(--f-hand);margin:32px 0 12px;font-size:28px;font-weight:400}.lv-contacts,.lv-links{flex-wrap:wrap;gap:10px 18px;display:flex}.lv-contacts a,.lv-links a{color:#1d5f8a;font-weight:700}.lv-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.lv-card{border:3px solid var(--ink);border-top:12px solid var(--lab);background:#fffaf0;border-radius:14px;padding:16px;box-shadow:0 5px #1e0a0233}.lv-card img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);border-radius:8px;width:100%;margin-bottom:10px}.lv-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.lv-card h4{margin:0;font-size:20px;font-weight:800}.lv-kind{color:#7a5a40;margin-top:2px;font-size:14px;font-weight:700}.lv-card p{font-size:15px;line-height:1.55}.lv-stack{flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.lv-stack li{border:1.5px solid var(--ink);background:#efe2c4;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700}.listview .chip{white-space:nowrap;color:#7a5a40;border:2px solid;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.listview .chip.live{color:#2c7a3a}.lv-foot{color:#7a5a40;margin-top:40px;font-size:12px}.lv-close:focus-visible,.lv-cv:focus-visible,.listview a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
