@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--pink:#ff4b8b;--muted:#a39aaf;--cream:#fff0de}*{box-sizing:border-box}body{margin:0;background:#100c23;color:var(--cream);font-family:'Space Mono',monospace}#city{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:-2}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 3px,#08051528 3px 4px);opacity:.45}.page{min-height:100svh;position:relative;display:flex;flex-direction:column;padding:0 5.5vw}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8b6d21a;gap:20px}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;letter-spacing:5px;color:var(--cream);text-decoration:none;display:flex;align-items:center;font-weight:800}.brand-icon{display:inline-block;color:var(--pink);font-family:monospace;font-size:45px;margin-right:14px;transform:rotate(15deg);text-shadow:4px 0 #ff4b8b55}.brand-dot{font:10px monospace;align-self:flex-start;margin-top:14px;letter-spacing:0}.address,.status{font-size:10px;letter-spacing:2px}.address{color:#a39aaf}.status{color:#dc9caf;display:flex;align-items:center;gap:10px}.status i{height:6px;width:6px;background:var(--pink);box-shadow:0 0 12px #ff4b8b80}main{text-align:center;padding-top:clamp(38px,6.5vh,80px);position:relative;z-index:1}.chapter{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--pink);font-size:10px;letter-spacing:3px}.chapter span{width:27px;height:1px;background:var(--pink)}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;font-size:clamp(50px,6.4vw,96px);line-height:.98;letter-spacing:1px;margin:23px 0 21px;text-shadow:3px 3px #3b2044}h1 em{font-style:normal;color:var(--pink);text-shadow:3px 3px #652349,0 0 35px #ff4b8b20}.intro{font-size:12px;line-height:1.9;color:#c7b6c6;margin:0}.notice{font-size:8px;letter-spacing:1.6px;display:inline-flex;align-items:center;gap:9px;border:1px solid #f6a5c62b;background:#170e26b0;padding:12px 17px;margin-top:24px;color:#bba2b9}.notice-light{width:4px;height:4px;background:#e79791}.scene-label{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:230px;padding-bottom:24px;font-size:10px;letter-spacing:2px;color:#ead0d5;text-shadow:1px 2px #100c23}.scene-label>span{font-size:32px;color:#ff6092}.scene-label small{font-size:8px;color:#aa8baf;letter-spacing:1px;line-height:2.5}footer{min-height:66px;border-top:1px solid #e8b6d226;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#ae92ae;gap:15px}footer b{color:#ed4f87;padding:0 10px}button{background:#1d122c88;border:1px solid #b57caa55;color:#d9b8cc;font:10px 'Space Mono',monospace;letter-spacing:1px;padding:9px 12px;cursor:pointer}button:hover{border-color:var(--pink);color:var(--cream)}button:focus-visible{outline:2px solid #7be9ec;outline-offset:5px}.effect-icon{color:var(--pink);margin-right:8px}body.effects-off .scanlines{display:none}@media(min-height:950px){main{padding-top:9vh}.scene-label{padding-bottom:36px}}@media(max-width:700px){.page{padding:0 6vw}header{height:83px}.brand{font-size:25px}.address{display:none}.status{font-size:8px;letter-spacing:1px}main{padding-top:46px}h1{font-size:clamp(46px,10vw,70px);margin-top:24px}.chapter{font-size:8px;letter-spacing:1.5px;gap:8px}.chapter span{width:15px}.intro{font-size:10px}.notice{font-size:7px;letter-spacing:.6px;padding:11px}.scene-label{padding-top:260px}.footer-middle{display:none}footer{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.scanlines{display:none}}