:root{--rain-signal-scene:url(/__missing_generated_asset_fallback__), linear-gradient(180deg, #182235 0%, #0f1725 45%, #090d16 100%);--panel-bg:#080c16bd;--panel-border:#9acfff3d;--text-main:#eef5ff;--text-soft:#b7cae6;--accent:#8fd3ff;--accent-strong:#6eb6ff}*{box-sizing:border-box}body{color:var(--text-main);background:#07101c;margin:0;font-family:Inter,system-ui,sans-serif}.rain-signal-shell{width:100%;height:100%}.rain-signal-screen{background:linear-gradient(#030912eb,#050b16fa);border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.rain-bg{filter:saturate(1.05);background-position:50%;background-size:cover;position:absolute;inset:0}.rain-layer{opacity:.18;background-image:repeating-linear-gradient(112deg,#b4dcff00 0 12px,#b4dcff42 12px 14px,#b4dcff00 14px 30px);animation:11s linear infinite rainSlide;position:absolute;inset:-20%}.rain-layer--near{opacity:.3;animation-duration:7s}.top-hud,.character-stage,.dialogue-panel,.bottom-bar{z-index:1;position:relative}.top-hud{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 10px;display:flex}.top-hud h1,.dialogue-panel h2,.portrait-meta strong,.portrait-meta span,.hud-label,.hud-chip,.speaker-tag,.dialogue-text,.status-note,.restart-button,.choice-button,.tap-prompt{margin:0}.hud-label,.speaker-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.top-hud h1{font-size:1.25rem}.hud-chip-group{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hud-chip{text-align:right;max-width:158px;color:var(--text-soft);background:#091222b8;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:.7rem}.character-stage{grid-template-columns:1fr 1fr;gap:12px;padding:6px 18px 14px;display:grid}.portrait-card{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060d1894;border-radius:18px;padding:10px}.portrait-frame{aspect-ratio:.72;background:linear-gradient(#4269988c,#111c2de6);border:1px solid #ffffff14;border-radius:14px;width:100%;overflow:hidden}.portrait-frame--active{box-shadow:0 0 0 2px #8fd3ff4d,0 10px 22px #00000047}.portrait-frame img{object-fit:cover;width:100%;height:100%}.portrait-meta{flex-direction:column;gap:4px;padding-top:8px;display:flex}.portrait-meta span{color:var(--text-soft);font-size:.76rem}.dialogue-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff14;border-radius:22px;min-height:220px;margin:auto 18px 14px;padding:16px}.speaker-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dialogue-text{min-height:84px;color:var(--text-main);font-size:1rem;line-height:1.48}.tap-prompt{color:var(--accent);font-size:.78rem;animation:1.6s infinite bouncePrompt}.choice-stack{flex-direction:column;gap:10px;margin-top:14px;display:flex}.choice-button,.restart-button{cursor:pointer;font:inherit;border:none}.choice-button{width:100%;color:var(--text-main);background:linear-gradient(#6faeff38,#3561a224);border:1px solid #8fd3ff38;border-radius:16px;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 14px;display:flex}.choice-button small{color:var(--text-soft)}.ending-banner{border-radius:14px;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;font-size:.84rem;display:flex}.ending-banner--steady,.ending-banner--danger,.ending-banner--hope{background:#142b3ed6;border:1px solid #8fd3ff3d}.bottom-bar{justify-content:space-between;align-items:center;gap:12px;padding:0 18px 18px;display:flex}.status-note{color:var(--text-soft);align-items:center;gap:8px;font-size:.76rem;display:flex}.status-dot{background:var(--accent-strong);border-radius:999px;width:8px;height:8px;box-shadow:0 0 12px #6eb6ff99}.restart-button{color:#07101c;background:linear-gradient(#b8e6ff,#7bc4ff);border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:700}@keyframes rainSlide{0%{transform:translate(-20px,-40px)}to{transform:translate(20px,80px)}}@media (width<=420px){.top-hud{padding:16px 14px 8px}.character-stage{gap:10px;padding:4px 14px 12px}.dialogue-panel{min-height:214px;margin:auto 14px 12px;padding:14px}.bottom-bar{flex-direction:column;align-items:stretch;padding:0 14px 14px}.restart-button{width:100%}}