:root{--foundation-color-shironeri:oklch(98.5% .004 95);--foundation-color-shironeri-deep:oklch(96.5% .006 95);--foundation-color-keshizumi-50:oklch(98% .003 80);--foundation-color-keshizumi-100:oklch(95% .004 80);--foundation-color-keshizumi-200:oklch(89% .005 80);--foundation-color-keshizumi-300:oklch(80% .006 80);--foundation-color-keshizumi-400:oklch(68% .007 80);--foundation-color-keshizumi-500:oklch(56% .008 80);--foundation-color-keshizumi-600:oklch(44% .008 80);--foundation-color-keshizumi-700:oklch(36% .008 80);--foundation-color-keshizumi-800:oklch(29% .007 80);--foundation-color-keshizumi-900:oklch(23% .006 80);--foundation-color-keshizumi-950:oklch(17% .004 80);--foundation-color-keshizumi-border:oklch(84% .004 80/.65)}.arcade-shell{--control-hover-lift:.5px;width:100%;height:100svh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background:var(--cabinet);font-family:var(--font-arcade);isolation:isolate;overflow:hidden}.arcade-shell[data-language=zh]{--font-arcade:"Fusion Pixel Chinese", ui-monospace, monospace}.arcade-shell[data-language=ja]{--font-arcade:"Fusion Pixel Japanese", ui-monospace, monospace}.stage-viewport{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid}.arcade-stage{width:100%;height:100%;position:relative;overflow:hidden}.pixel-plane{width:calc(var(--logical-width,320) * 1px);height:calc(var(--logical-height,180) * 1px);color:var(--panel-text);background:var(--sky);outline:1px solid var(--cabinet-edge);image-rendering:crisp-edges;image-rendering:pixelated;transform:scale(var(--stage-scale));transform-origin:0 0;position:relative;overflow:hidden}.pixel-element{left:calc(var(--x) * 1px);top:calc(var(--y) * 1px);width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);position:absolute}.pixel-element[data-element=language]{--x:var(--language-x,10);--y:var(--language-y,4);--w:var(--language-w,100);--h:var(--language-h,24);--element-scale:var(--language-scale,1)}.pixel-element[data-element=selector]{--x:var(--selector-x,170);--y:var(--selector-y,26);--w:var(--selector-w,136);--h:var(--selector-h,128)}.pixel-element[data-element=den]{--x:var(--den-x,24);--y:var(--den-y,140);--w:var(--den-w,44);--h:var(--den-h,26)}.pixel-element[data-element=cat]{--x:var(--cat-x,120);--y:var(--cat-y,78);--w:var(--cat-w,64);--h:var(--cat-h,72)}[data-theme=day],:root[data-arcade-theme=day] .arcade-shell{--sky:#44a9df;--panel-text:#fff2dc;--language-frame:#e7b7be;--language-highlight:#ffe7df;--language-shadow:#8f4960;--language-panel:#3a1d2d;--language-text:#ffe8df;--language-key:#26cad1;--key-text:#07171a;--selector-frame:#e7b8b0;--selector-highlight:#f5d6d0;--selector-shadow:#5b3e3b;--selector-outline:#100e0e;--selector-screw:#ef418b;--selector-side:#00cfe0;--selector-vent:#171415;--selector-display:#0e0e0e;--selector-text:#fff2dc;--selector-accent:#df531f;--selector-accent-shadow:#682719}[data-theme=night],:root[data-arcade-theme=night] .arcade-shell{--sky:#061522;--panel-text:#f3c51e;--language-frame:#f3c51e;--language-highlight:#fff28a;--language-shadow:#835900;--language-panel:#10171f;--language-text:#fff2c2;--language-key:#ff5b55;--key-text:#10171f;--selector-frame:#d2b900;--selector-highlight:#eadb42;--selector-shadow:#514800;--selector-outline:#0b0b0a;--selector-screw:#f4efcf;--selector-side:#00cfe0;--selector-vent:#17150a;--selector-display:#0b0b0b;--selector-text:#f3c51e;--selector-accent:#df4f18;--selector-accent-shadow:#64240d}.environment{background-image:var(--environment-art,url(/arcade/12px/day-wide.webp));image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;user-select:none;background-position:50%;background-size:cover;position:absolute;inset:0}.language-box{z-index:5;appearance:none;color:var(--language-text);font:400 10px/1 var(--font-arcade);text-align:center;white-space:nowrap;cursor:pointer;transform:scale(var(--element-scale,1));transform-origin:0 0;background:0 0;border:0;padding:0;transition:filter 80ms step-end,translate 80ms step-end;display:block}.language-box:before{content:"";background:var(--language-frame);clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 1px,100% 1px,100% calc(100% - 1px),calc(100% - 2px) calc(100% - 1px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 1px),0 calc(100% - 1px),0 1px,2px 1px);pointer-events:none;position:absolute;inset:4px 0}.language-box:after{content:"";z-index:1;background:var(--language-highlight);height:1px;box-shadow:0 15px 0 var(--language-shadow);pointer-events:none;position:absolute;top:4px;left:2px;right:2px}.language-box>*{z-index:2;background:var(--language-panel);place-items:center;display:grid;position:absolute}.language-box kbd{color:var(--key-text);background:var(--language-key);font:inherit;border:0}.language-box [data-language-code],.language-box kbd{text-indent:1px}.language-box:is(:focus-visible,[data-arcade-selected]:focus){outline:2px solid var(--focus);outline-offset:2px}.language-box:is(:hover,:focus-visible,[data-arcade-selected]:focus){filter:brightness(1.12)saturate(1.06);translate:0 calc(0px - var(--control-hover-lift))}.language-box:active{filter:brightness(.94);translate:0 var(--control-hover-lift)}.selector{--selector-cell:calc(var(--selector-pixel) + var(--selector-pixel));--selector-prompt-cap:12px;--selector-prompt-shoulder:calc(var(--selector-prompt-cap) - var(--selector-pixel));--selector-soft-corners:polygon(var(--selector-pixel) 0, calc(100% - var(--selector-pixel)) 0, calc(100% - var(--selector-pixel)) var(--selector-pixel), 100% var(--selector-pixel), 100% calc(100% - var(--selector-pixel)), calc(100% - var(--selector-pixel)) calc(100% - var(--selector-pixel)), calc(100% - var(--selector-pixel)) 100%, var(--selector-pixel) 100%, var(--selector-pixel) calc(100% - var(--selector-pixel)), 0 calc(100% - var(--selector-pixel)), 0 var(--selector-pixel), var(--selector-pixel) var(--selector-pixel));z-index:3;color:inherit;background:var(--selector-frame);box-shadow:inset 0 0 0 var(--selector-pixel) var(--selector-outline), inset 2px 2px var(--selector-highlight), inset -2px -2px var(--selector-shadow), inset 4px 0 color-mix(in srgb, var(--selector-shadow), transparent 48%), inset -4px 0 color-mix(in srgb, var(--selector-highlight), transparent 42%);clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),0 calc(100% - 2px),0 2px,4px 2px);display:block}.selector:before{content:"";z-index:3;inset:var(--selector-pixel);border-top:var(--selector-pixel) solid var(--selector-highlight);border-right:var(--selector-pixel) solid var(--selector-shadow);border-bottom:var(--selector-pixel) solid var(--selector-shadow);border-left:var(--selector-pixel) solid var(--selector-highlight);pointer-events:none;position:absolute}.selector-display,.selector-grille,.selector-rail,.selector-screw,.selector-screen,.selector-prompt{place-items:center;display:grid;position:absolute}.selector-display{z-index:1;border:var(--selector-pixel) solid var(--selector-outline);background:var(--selector-display);box-shadow:inset 2px 2px var(--selector-frame), inset -2px -2px var(--selector-shadow), inset 4px 4px var(--selector-highlight), inset -4px -4px var(--selector-outline);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px)}.selector-grille{z-index:1;border-inline:var(--selector-pixel) solid var(--selector-shadow);background-color:var(--selector-frame);background-image:conic-gradient(var(--selector-vent) 0 25%, transparent 0 50%, var(--selector-vent) 0 75%, transparent 0);background-size:var(--selector-cell) var(--selector-cell);box-shadow:inset 0 2px var(--selector-highlight), inset 0 -2px var(--selector-shadow);clip-path:var(--selector-soft-corners)}.selector-rail{z-index:3;background:var(--selector-side);box-shadow:inset 0 2px color-mix(in srgb, var(--selector-side), white 35%), inset 0 -2px color-mix(in srgb, var(--selector-side), black 35%)}.selector-screw{z-index:4;background:var(--selector-outline);clip-path:var(--selector-soft-corners)}.selector-screw:before,.selector-screw:after{content:"";background:var(--selector-screw);position:absolute}.selector-screw:before{width:6px;height:2px;top:4px;left:2px}.selector-screw:after{width:2px;height:6px;top:2px;left:4px}.selector-screen{z-index:2;color:var(--selector-text);cursor:pointer;text-decoration:none;transition:filter 80ms step-end,translate 80ms step-end}.selector-screen strong{white-space:nowrap;font-size:30px;font-weight:400;line-height:1}.selector-prompt{z-index:2;border-block:var(--selector-pixel) solid var(--selector-outline);color:#090909;background-color:var(--selector-accent);box-shadow:inset 0 2px color-mix(in srgb, var(--selector-accent), white 18%), inset 0 -2px var(--selector-accent-shadow);cursor:pointer;clip-path:var(--selector-soft-corners);font-size:10px;font-weight:400;line-height:1;text-decoration:none;transition:translate 80ms step-end,background-color 80ms step-end;animation:.8s step-end infinite selector-prompt-blink}.selector-prompt:before,.selector-prompt:after{content:"";width:var(--selector-prompt-cap);background:conic-gradient(var(--selector-outline) 0 25%, transparent 0 50%, var(--selector-outline) 0 75%, transparent 0);background-size:var(--selector-cell) var(--selector-cell);position:absolute;top:0;bottom:0}.selector-prompt:before{clip-path:polygon(0 0, var(--selector-prompt-shoulder) 0, var(--selector-prompt-shoulder) 4px, 100% 4px, 100% calc(100% - 4px), var(--selector-prompt-shoulder) calc(100% - 4px), var(--selector-prompt-shoulder) 100%, 0 100%);left:0}.selector-prompt:after{clip-path:polygon(0 0, var(--selector-prompt-shoulder) 0, var(--selector-prompt-shoulder) 4px, 100% 4px, 100% calc(100% - 4px), var(--selector-prompt-shoulder) calc(100% - 4px), var(--selector-prompt-shoulder) 100%, 0 100%);right:0;transform:scaleX(-1)}.selector-screen:is(:hover,:focus-visible,[data-arcade-selected]:focus){filter:brightness(1.16)saturate(1.04);translate:0 calc(0px - var(--control-hover-lift))}.selector-screen:is(:hover,:focus-visible,[data-arcade-selected]:focus) strong{animation:.32s steps(2,end) infinite alternate selector-title-hover}.selector-screen:active{filter:brightness(.92);translate:0 var(--control-hover-lift)}.selector-prompt:is(:hover,:focus-visible,[data-arcade-selected]:focus){background-color:color-mix(in srgb, var(--selector-accent), white 10%);translate:0 calc(0px - var(--control-hover-lift))}.selector-prompt:active{background-color:color-mix(in srgb, var(--selector-accent), black 12%);translate:0 var(--control-hover-lift)}.selector-screen:is(:focus-visible,[data-arcade-selected]:focus){outline:2px solid var(--focus);outline-offset:2px}.selector-prompt:is(:focus-visible,[data-arcade-selected]:focus){box-shadow:inset 0 0 0 var(--selector-pixel) var(--selector-side), inset 0 2px color-mix(in srgb, var(--selector-accent), white 18%), inset 0 -2px var(--selector-accent-shadow);outline:0}@keyframes selector-prompt-blink{50%{color:#fff1d8}}@keyframes selector-title-hover{to{color:var(--selector-highlight);text-shadow:var(--selector-pixel) 0 var(--selector-side)}}.cat-den{z-index:2;background-image:var(--den-art,url(/arcade/12px/cat-den-wide.png));image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain}.cat-sprite{z-index:4;appearance:none;color:#0000;font:inherit;cursor:pointer;user-select:none;background:0 0;border:0;padding:0;display:block}.cat-static-frame{z-index:0;object-fit:contain;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;display:block;position:absolute;inset:0}[data-theme=night] .cat-static-frame,:root[data-arcade-theme=night] .cat-static-frame{transform:scaleX(-1)}.cat-sprite:is(:hover,:focus-visible,[data-arcade-selected]:focus){background:linear-gradient(var(--focus) 0 0) left top / 8px 2px no-repeat, linear-gradient(var(--focus) 0 0) left top / 2px 8px no-repeat, linear-gradient(var(--focus) 0 0) right top / 8px 2px no-repeat, linear-gradient(var(--focus) 0 0) right top / 2px 8px no-repeat, linear-gradient(var(--focus) 0 0) left bottom / 8px 2px no-repeat, linear-gradient(var(--focus) 0 0) left bottom / 2px 8px no-repeat, linear-gradient(var(--focus) 0 0) right bottom / 8px 2px no-repeat, linear-gradient(var(--focus) 0 0) right bottom / 2px 8px no-repeat;outline:0}.cat-sprite:has(.zongzi-dialog:not([hidden])):not(:focus-visible):not([data-arcade-selected]:focus){background:0 0}.zongzi-dialog{z-index:2;width:36px;height:16px;color:var(--selector-text);background:var(--selector-display);box-shadow:inset 0 0 0 2px var(--focus), inset 2px 2px color-mix(in srgb, var(--focus), white 32%);font:400 8px/1 var(--font-arcade);text-indent:1px;pointer-events:none;place-items:center;display:grid;position:absolute;bottom:50px;left:14px}.zongzi-dialog:after{content:"";background:var(--focus);width:4px;height:4px;position:absolute;bottom:-4px;left:16px}.zongzi-dialog[hidden]{display:none}.actor-layer{z-index:4;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;opacity:0;pointer-events:none;background:0 0;display:block;position:absolute;inset:0}[data-actor-runtime=ready] .actor-layer{opacity:1}[data-actor-runtime=ready] .cat-static-frame{visibility:hidden}[data-layout=portrait] .selector-screen strong,:root[data-arcade-layout=portrait] .selector-screen strong{font-size:20px}[data-layout=portrait] .selector,:root[data-arcade-layout=portrait] .selector{--selector-prompt-cap:8px}[data-layout=portrait] .selector-prompt,:root[data-arcade-layout=portrait] .selector-prompt{font-size:8px}[data-language=zh] .selector-screen strong,[data-language=ja] .selector-screen strong{font-size:20px}.dev-theme-toggle{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));z-index:20;color:#fff;width:2.75rem;height:2.75rem;font:1.5rem/1 var(--font-arcade);cursor:pointer;background:#05080ecc;border:2px solid #fff;place-items:center;padding:0;display:grid;position:fixed;box-shadow:3px 3px #05080e}.dev-theme-toggle:hover{background:#25344a}.dev-theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@font-face{font-family:Fusion Pixel Latin;src:url(/fonts/fusion-pixel/fusion-pixel-10px-proportional-ui.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Fusion Pixel Chinese;src:url(/fonts/fusion-pixel/fusion-pixel-10px-proportional-zh-hans.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Fusion Pixel Japanese;src:url(/fonts/fusion-pixel/fusion-pixel-10px-proportional-ja.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:dark;--cabinet:#05080e;--cabinet-edge:var(--foundation-color-keshizumi-950);--focus:#35d8df;--font-arcade:"Fusion Pixel Latin", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{background:var(--cabinet);min-width:18rem;min-height:100%;overflow:hidden}body{background:var(--cabinet);min-height:100svh;font-family:var(--font-arcade);font-synthesis:none;margin:0;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
