*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0a0a0c;width:100%;height:100%;overflow:hidden}body{position:fixed;inset:0}.navbar{z-index:10;width:100%;padding:max(1.25rem, env(safe-area-inset-top)) 1.5rem 1.25rem;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar__logo{pointer-events:auto;cursor:pointer;line-height:0;display:block}.navbar__logo img{filter:drop-shadow(0 1px 8px #00000073);width:auto;height:clamp(36px,5vw,56px);display:block}.rain-stage{background:#0a0a0c;width:100%;height:100dvh;position:relative;overflow:hidden}#rain-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.rain-hint{left:50%;bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:5;letter-spacing:.04em;color:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:1;background:#00000047;border-radius:999px;margin:0;padding:.55rem .9rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.78rem;transition:opacity .6s;position:absolute;transform:translate(-50%)}.rain-hint.is-hidden{opacity:0}.rain-fallback{z-index:6;text-align:center;color:#f2f2f2;background:#121214;place-items:center;margin:0;padding:2rem;font-family:Segoe UI,system-ui,sans-serif;display:none;position:absolute;inset:0}.rain-fallback.is-visible{display:grid}