.rain-page{--ink:#101212;--panel:#0d0f0fdb;--edge:#b2c4c345;--text:#e4e9e9;--dim:#99a4a4;--accent:#67d8d1}.rain-page #canvas{cursor:grab;background:#242727}.rain-page #canvas:active{cursor:grabbing}.rain-page #canvas:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 68%, transparent);outline-offset:-4px}.rain-vignette{pointer-events:none;z-index:2;background:linear-gradient(#04050514,#0000 28% 72%,#0405052e),radial-gradient(at 52% 47%,#0000 54%,#0405052e 100%);position:fixed;inset:0}.rain-marquee{z-index:3;border:1px solid var(--edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0c0cbf;min-width:18.8rem;padding:1rem 1.2rem 1.05rem;top:1.5rem!important;left:1.5rem!important}.rain-marquee h1{font-weight:500;letter-spacing:.12em!important;margin-top:.75rem!important;font-size:1.45rem!important}.rain-hud{z-index:3;width:min(22.2rem,100vw - 2.4rem)!important}.rain-hud .hud-bezel{border-radius:0;padding:1.05rem 1.05rem 1rem;box-shadow:0 1.2rem 4rem #0000004d}.rain-hud-head{border-bottom:1px solid #b2c4c321;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.rain-hud .hud-name{color:var(--text);padding-top:.08rem;font-size:.72rem}.rain-hud .led-bank{gap:1rem}.rain-hud .led strong{color:var(--accent);font-size:.8rem}.rain-hud .led strong b{font:inherit}.rain-hud .led:last-child strong{color:var(--text)}.rain-modes button{letter-spacing:.08em;min-width:0;padding-inline:.25rem}.rain-actions{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.rain-pause,.rain-reset-view{background:#121515db;width:100%;margin-top:.45rem}.rain-reset-view{color:var(--dim)}.rain-camera-hint{color:var(--dim);font:600 .52rem/1.35 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:.6rem 0 0}.rain-slider{color:var(--text);font:600 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:3rem 1fr 2.6rem;align-items:center;gap:.65rem;margin-top:.92rem;display:grid}.rain-slider input{width:100%;accent-color:var(--accent)}.rain-slider output{color:var(--accent);text-align:right;letter-spacing:.04em}.rain-hud #status{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #b2c4c321;margin:1rem -1.05rem 0;padding:.82rem 1.05rem 0}.rain-hud .page-nav{color:var(--accent);border-top:1px solid #b2c4c321;margin:.82rem -1.05rem -1rem;padding:.85rem 1.05rem .95rem}@media (width<=640px){.rain-marquee{min-width:0;padding:.7rem .85rem .75rem}.rain-marquee .marquee-sub{font-size:.5rem}.rain-marquee h1{margin-top:.45rem!important;font-size:1rem!important}.rain-hud{width:auto!important;bottom:.65rem!important;left:.65rem!important;right:.65rem!important}.rain-hud .hud-bezel{padding:.75rem .8rem .7rem}.rain-hud #status,.rain-hud .page-nav{margin-inline:-.8rem;padding-inline:.8rem}.rain-hud .page-nav{margin-bottom:-.7rem}}@media (prefers-reduced-motion:reduce){.rain-page #canvas{filter:saturate(.85)}}