@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Noto+Sans+TC:wght@400;600;800;900&display=swap";:root{--red:#ff203c;--red-soft:#ff203c3d;--amber:#ffd36a;--ink:#050101;--glass:#090304a8;--border:#ff203c57;--font-tech:"Orbitron", monospace;--font-body:"Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--ink);color:#fff;width:100%;height:100%;font-family:var(--font-body);margin:0;overflow:hidden}button,a{font:inherit}.red-app{background:radial-gradient(circle at 50% 55%,#250508,#020000 64%);position:fixed;inset:0;overflow:hidden}.red-noise,.red-scanline{pointer-events:none;z-index:5;position:fixed;inset:0}.red-noise{opacity:.18;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 30%,#ffffff4d 0 1px,#0000 1px),radial-gradient(circle at 70% 80%,#ff002859 0 1px,#0000 1px);background-size:4px 4px,7px 7px}.red-scanline{opacity:.12;background:repeating-linear-gradient(#ffffff14 0 1px,#0000 1px 5px)}.red-app.is-panicking{animation:.12s steps(2,end) infinite panicShake}@keyframes panicShake{0%{transform:translate(0)}50%{transform:translate(3px,-2px)}to{transform:translate(-2px,2px)}}.red-hud{z-index:10;pointer-events:none;align-items:center;gap:16px;display:flex;position:fixed}.red-hud>*{pointer-events:auto}.red-hud-top{justify-content:space-between;top:24px;left:24px;right:24px}.red-hud-bottom{justify-content:space-between;bottom:24px;left:24px;right:24px}.red-agent-card,.red-play-panel,.red-vitals,.red-signal,.panic-btn,.red-links a{border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 50px #0000007a,inset 0 0 22px #ff203c14}.red-agent-card{border-radius:20px;align-items:center;gap:14px;min-width:min(390px,80vw);padding:12px 16px;display:flex}.avatar-glitch{background:linear-gradient(135deg,#ff203c99,#0003),url(/assets/ayue.png) 50%/cover;border-radius:16px;width:54px;height:54px;box-shadow:0 0 22px #ff203c73}.red-agent-card p,.panel-kicker{color:#ff7a7ac2;font-family:var(--font-tech);letter-spacing:.24em;text-transform:uppercase;margin:0 0 4px;font-size:.68rem;font-weight:900}.red-agent-card h1,.red-play-panel h2{letter-spacing:.08em;margin:0;font-weight:900}.red-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.red-links a{color:#ffffffdb;border-radius:999px;padding:10px 14px;text-decoration:none}.red-play-panel{z-index:10;border-radius:24px;width:min(410px,34vw);padding:22px;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.red-play-panel p:not(.panel-kicker){color:#ffffffc7;line-height:1.7}.clue-row{gap:10px;margin-top:16px;display:grid}.clue-row button,.panic-btn{color:#fff;cursor:pointer;border-radius:14px;min-height:46px;transition:transform .2s,border-color .2s,background .2s}.clue-row button{text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;padding:10px 13px}.clue-row button:hover,.panic-btn:hover{border-color:#ffd36ab8;transform:translateY(-2px)}.clue-row button.is-found{color:#ffdd9a;background:#ffd36a1f;border-color:#ffd36a5c}.red-vitals{border-radius:18px;gap:7px;min-width:270px;padding:14px;display:grid}.red-vitals>div:not(.san-track),.red-signal{color:#ffffffdb;font-family:var(--font-tech);align-items:center;gap:8px;font-size:.75rem;display:flex}.san-track{background:#ffffff24;border-radius:999px;height:7px;overflow:hidden}.san-track i{border-radius:inherit;background:linear-gradient(90deg,#ff203c,#ffd36a);height:100%;transition:width .35s;display:block}.panic-btn{background:linear-gradient(135deg,#ff203c6b,#000000b3);border-color:#ffd36a61;align-items:center;gap:10px;padding:12px 18px;display:inline-flex}.red-signal{border-radius:18px;padding:15px 18px}@media (width<=860px){.red-hud-top,.red-hud-bottom{left:14px;right:14px}.red-hud-top{align-items:flex-start;top:14px}.red-links{display:none}.red-play-panel{width:auto;padding:16px;inset:auto 14px 112px;transform:none}.red-play-panel h2{font-size:1.05rem}.red-play-panel p:not(.panel-kicker){margin:8px 0;font-size:.9rem}.clue-row{grid-template-columns:1fr}.red-hud-bottom{gap:8px;bottom:14px}.red-vitals{flex:1;min-width:0}.red-signal{display:none}.panic-btn{padding:12px;font-size:.82rem}}
