*{box-sizing:border-box}html,body{background:#101e1c;width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(#30473b 0%,#101e1c 72%);justify-content:center;align-items:center;display:flex}#stage{background:#263e35;width:min(100vw,66.6667dvh);height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 100px #0008}canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;display:block}#glass{pointer-events:none;background:linear-gradient(#142c2515,#15221900 45%,#14251c20),repeating-linear-gradient(0deg,#001b1510 0 1px,#0000 1px 4px);position:absolute;inset:0;box-shadow:inset 0 0 65px #091a2733}@font-face{font-family:Pixel;src:url(/assets/press-start-2p-latin-_wFEWmAB.woff2)format("woff2");font-display:swap}.hidden{display:none!important}#pause-btn{top:max(10px,env(safe-area-inset-top));z-index:6;color:#d9cf9a;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#243f37;border:1px solid #152d2b;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:filter .12s;display:flex;position:absolute;right:10px;box-shadow:inset 0 0 0 2px #c2ab68,inset 0 0 0 4px #4c6552,0 2px #0006}#pause-btn:hover{filter:brightness(1.25)}#pause-btn:active{filter:brightness(.82)}#pause-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}#pause-btn svg{shape-rendering:crispedges;width:22px;height:22px}.modal{z-index:50;background:#0a1d1bee;justify-content:center;align-items:center;padding:62px 16px 70px;display:flex;position:fixed;inset:0;overflow-y:auto}.report-frame{color:#d9cf9a;text-align:center;background:#152d2b repeating-conic-gradient(#102422 0% 25%,#1a3230 0% 50%) 0 0/4px 4px;border:2px solid #070c0a;width:min(480px,94vw);max-height:100%;padding:24px 26px 28px;font-family:Pixel,monospace;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 2px #c2ab68,inset 0 0 0 5px #4c6552,inset 0 0 0 7px #c2ab68,0 6px #00000070}.report-frame.slam{animation:.62s steps(2,end) both menu-slam}@keyframes menu-slam{0%{filter:brightness(3);transform:translateY(-55px)rotate(-3deg)}15%{filter:brightness(1.8);transform:translate(13px,12px)rotate(2deg)}30%{transform:translate(-11px,-7px)rotate(-1.5deg)}45%{transform:translate(8px,5px)rotate(1deg)}60%{transform:translate(-5px,-3px)}80%{transform:translate(3px,1px)}to{filter:brightness();transform:translate(0)}}@media (prefers-reduced-motion:reduce){.report-frame.slam{animation:none}}.report-frame h2{letter-spacing:1px;color:#e2bd67;text-shadow:2px 2px #10160d;margin:0 0 14px;font-size:clamp(16px,4.5vw,22px);font-weight:400}.report-frame h3{letter-spacing:1px;color:#e2bd67;text-align:left;margin:0 0 -6px;font-size:11px;font-weight:400}.pause-actions{gap:8px;display:grid}.primary{color:#152d2b;letter-spacing:1px;cursor:pointer;background:#dbc174;border:1px solid #f0d371;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 12px;font-family:Pixel,monospace;font-size:10px;line-height:1.5;text-decoration:none;transition:background .12s;display:flex}.primary:hover{background:#f0d371}.primary:active{transform:translateY(1px)}.primary.secondary{color:#dfcc8b;background:#29473e;border-color:#83936a}.primary.secondary:hover{background:#345a4e}.primary:focus-visible{outline-offset:3px;outline:2px solid #fff}.volume-control{text-align:left;grid-template-columns:1fr auto;gap:18px;margin:25px 0 32px;font-size:10px;line-height:1.7;display:grid}.volume-control input{grid-column:1/-1;width:100%}.retro-range{appearance:none;cursor:pointer;background:repeating-linear-gradient(90deg,#102422 0 7px,#45604e 7px 9px);border:2px solid #0c201d;border-radius:0;height:12px;box-shadow:0 0 0 1px #718267}.retro-range::-webkit-slider-thumb{appearance:none;background:#b69a53;border:2px solid #f0d371;border-radius:0;width:14px;height:22px;box-shadow:inset -3px -3px #776637,2px 2px #071817}.retro-range::-moz-range-thumb{background:#b69a53;border:2px solid #f0d371;border-radius:0;width:12px;height:18px;box-shadow:inset -3px -3px #776637,2px 2px #071817}.retro-range:focus-visible{outline-offset:5px;outline:2px solid #f0d371}#language-control{z-index:52;color:#d9cf9a;background:#243f37;border:2px solid #a79760;align-items:center;gap:10px;padding:8px;font:9px Pixel,monospace;display:flex;position:fixed;bottom:16px;left:16px}#language-control select{font:inherit;color:#e2cf8c;background:#152d2b;border:1px solid #718267;border-radius:0;max-width:150px;padding:8px}.social{z-index:51;gap:10px;display:flex;position:fixed;bottom:16px;right:16px}.social-btn{--sz:40px;width:var(--sz);height:var(--sz);color:#d9cf9a;touch-action:manipulation;background:#243f37;border:1px solid #152d2b;justify-content:center;align-items:center;text-decoration:none;transition:transform 80ms,filter .12s;display:flex;box-shadow:inset 0 0 0 2px #c2ab68,inset 0 0 0 4px #4c6552,0 2px #0006}.social-btn:hover{filter:brightness(1.25)}.social-btn:active{filter:brightness(.82);transform:translateY(1px)scale(.9)}.social-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.social-btn.social-more{white-space:nowrap;letter-spacing:.02em;width:auto;padding:0 10px;font:9px Pixel,monospace}@media (width<=520px){.report-frame{padding:18px 16px 22px}.primary{padding:11px 12px;font-size:9px}.social{gap:8px;bottom:10px;right:10px}.social-btn{--sz:34px}.social-btn.social-more{padding:0 8px;font-size:8px}}@media (width<=600px){#language-control{gap:5px;font-size:8px;bottom:10px;left:8px}#language-control>span{display:none}#language-control select{max-width:130px}}html:lang(zh) .primary,html:lang(ja) .primary,html:lang(ko) .primary{letter-spacing:0;font-family:monospace;font-size:14px}html:lang(zh) body,html:lang(zh) .report-frame,html:lang(zh) .primary,html:lang(zh) .social-more,html:lang(zh) #language-control{font-family:Pixel,Microsoft YaHei,sans-serif}html:lang(ja) body,html:lang(ja) .report-frame,html:lang(ja) .primary,html:lang(ja) .social-more,html:lang(ja) #language-control{font-family:Pixel,Yu Gothic,Meiryo,sans-serif}html:lang(ko) body,html:lang(ko) .report-frame,html:lang(ko) .primary,html:lang(ko) .social-more,html:lang(ko) #language-control{font-family:Pixel,Malgun Gothic,sans-serif}
