@charset "UTF-8";
:root{color-scheme:dark;--ink:#101b32;--light:#e4e8ee;--muted:#a8b4c6;--warm:#f0bb83;--gutter:clamp(20px,3.15vw,64px);font-family:"SFMono-Regular",Consolas,"Liberation Mono","PingFang SC","Microsoft YaHei",monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink)}body{color:var(--light);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter}p,h1{margin:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#night-scene{position:fixed;inset:0;isolation:isolate}.scene-poster{position:absolute;inset:0;background:#101b32 url('/assets/preview.jpg') center / cover no-repeat;image-rendering:pixelated}#pixel-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;opacity:0}body[data-ready="true"] #pixel-canvas{opacity:1}.edge-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06101e75,transparent 21%,transparent 77%,#050d1c91)}[data-chrome]{transition:opacity .32s ease,visibility .32s ease}body[data-capture="true"] [data-chrome]{opacity:0;visibility:hidden;pointer-events:none}body[data-capture="true"] #pixel-canvas{cursor:none}
.site-header{position:fixed;z-index:3;left:var(--gutter);right:var(--gutter);top:clamp(24px,3.2vh,40px);display:flex;align-items:center;gap:22px;text-shadow:0 1px 8px #08111acc}.brand{display:flex;gap:12px;align-items:center;font-family:Arial,"PingFang SC",sans-serif;font-weight:600;font-size:28px;letter-spacing:-1.5px}.brand-dot{color:var(--warm)}.pixel-lantern{position:relative;display:block;width:23px;height:22px;background:#e1a36d;clip-path:polygon(4px 3px,8px 3px,8px 0,13px 0,13px 3px,19px 3px,19px 6px,22px 6px,22px 17px,19px 17px,19px 20px,4px 20px,4px 17px,1px 17px,1px 6px,4px 6px);box-shadow:0 0 12px #efad5b44}.pixel-lantern::before,.pixel-lantern::after{content:"";position:absolute;top:8px;width:4px;height:4px;background:#18253b}.pixel-lantern::before{left:5px}.pixel-lantern::after{right:5px}.pixel-lantern i{position:absolute;left:7px;right:7px;bottom:5px;height:3px;background:#18253b}.edition{font-size:8px;line-height:1.65;letter-spacing:2px;color:#d9c4ae;border-left:1px solid #c8b9a144;padding-left:21px}.edition>span{font-size:7px;letter-spacing:2.6px;color:#a9b7cd}.site-links{margin-left:auto;display:flex;align-items:center;gap:28px}.site-links a{display:flex;align-items:center;gap:9px;font-family:var(--sans,Arial),"PingFang SC","Microsoft YaHei",sans-serif;font-size:12px;letter-spacing:.5px;color:#d4dce8;padding:9px 0;transition:color .2s}.site-links a svg{width:13px;height:13px;color:#b1bdd1}.site-links a:hover,.site-links a:hover svg{color:var(--warm)}
.scene-caption{position:fixed;z-index:2;left:var(--gutter);bottom:86px;pointer-events:none;text-shadow:0 2px 12px #061322cc}.caption-kicker{display:flex;align-items:center;gap:8px;color:#c0c9d8;font-size:8px;letter-spacing:1.7px;margin-bottom:12px}.caption-kicker>span{width:4px;height:4px;background:var(--warm);box-shadow:0 0 9px #efb87b88}h1{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:21px;font-weight:400;line-height:1.4;letter-spacing:3px;color:#e5e0d9}.scene-controls{position:fixed;z-index:4;right:var(--gutter);bottom:85px;display:flex;align-items:center;gap:9px;padding:5px 6px;background:#0c17233d;border:1px solid #c2d3e51f;border-radius:3px;backdrop-filter:blur(6px)}.scene-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 10px;background:transparent;border:0;border-radius:2px;color:#bdc9dc;transition:color .2s,background .2s}.scene-controls button:hover{color:#f3d7b7;background:#c9d7ed0e}.scene-controls button[aria-pressed="false"]#rain-toggle{color:#7e8ea9}.scene-controls button:disabled{opacity:.4;cursor:default}.scene-controls svg{width:16px;height:16px}.control-label{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:11px;letter-spacing:.4px}.control-divider{width:1px;height:16px;background:#b3c4df26;margin:0 3px}.site-footer{position:fixed;z-index:2;left:var(--gutter);right:var(--gutter);bottom:22px;display:flex;align-items:center;gap:24px;font-size:8px;letter-spacing:1px;color:#a8b4c8;text-shadow:0 1px 7px #071322}.site-footer>a{display:flex;align-items:center;gap:5px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:9px;letter-spacing:0;color:#a8b4c8}.site-footer>a:hover{color:#e8cead}.site-footer>a img{opacity:.75}.footer-note{margin-left:auto;color:#8b9bb5;font-size:7px;letter-spacing:1.6px}.notice{position:fixed;left:50%;bottom:148px;transform:translateX(-50%);z-index:9;max-width:calc(100% - 40px);padding:11px 16px;border:1px solid #8c9fb055;background:#111f32ed;color:#dfe7ef;font-size:12px;line-height:1.5;text-align:center;box-shadow:0 3px 18px #0003}
@media(min-width:1800px){.scene-caption{bottom:98px}.scene-controls{bottom:99px}h1{font-size:23px}.site-footer{bottom:28px}.caption-kicker{font-size:9px}}
@media(max-width:850px){.edition{display:none}.scene-controls{gap:3px}.scene-controls button{padding:7px 8px}.control-label{display:none}.scene-caption{bottom:90px}h1{font-size:19px}.site-footer{gap:16px}.footer-note{display:none}}
@media(max-width:540px){:root{--gutter:22px}.site-header{top:max(22px,env(safe-area-inset-top));gap:16px}.brand{font-size:25px;gap:9px}.pixel-lantern{width:21px;height:21px}.site-links{gap:17px}.site-links a{font-size:10px;gap:5px}.site-links a svg{width:11px;height:11px}.scene-caption{bottom:155px}.caption-kicker{font-size:7px;letter-spacing:1.3px;margin-bottom:9px}h1{font-size:17px;letter-spacing:2px}.scene-controls{left:var(--gutter);right:auto;bottom:83px;gap:7px}.scene-controls button{min-width:38px;min-height:38px;padding:9px}.scene-controls button svg{width:17px;height:17px}.scene-controls .control-divider{margin:0 5px}.site-footer{left:var(--gutter);right:var(--gutter);bottom:max(20px,env(safe-area-inset-bottom));align-items:flex-start;flex-direction:column;gap:8px;font-size:7px}.site-footer>a{font-size:8px}.site-footer>a img{width:10px;height:10px}.notice{bottom:221px;font-size:11px}}
@media(max-width:360px){:root{--gutter:16px}.brand{font-size:23px;gap:7px}.site-links{gap:12px}.site-links a{font-size:9px}.site-header{gap:10px}h1{font-size:16px}.caption-kicker{letter-spacing:1px}}
@media(max-height:500px) and (min-width:541px){.site-header{top:17px}.scene-caption{bottom:61px}h1{font-size:16px}.caption-kicker{margin-bottom:6px;font-size:7px}.scene-controls{bottom:60px}.site-footer{bottom:15px}}
@media(prefers-reduced-motion:reduce){[data-chrome],.site-links a,.scene-controls button{transition:none}}

.scene-controls button[hidden]{display:none}