:root{--text: #1c1c1e;--subtext: #8e8e93;--track: #e5e5ea;--card: #ffffff;--surface: rgba(255, 255, 255, .92);--blue: #1cb0f6;--blue-dark: #1899d6;--orange: #ff9600;--orange-dark: #e08600;--water: #1a6aab}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--water);-webkit-font-smoothing:antialiased}html,body{height:100%;overflow:hidden}#water,#island{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100lvh}#water{z-index:0}#island{z-index:1}#join{position:fixed;left:50%;bottom:calc(clamp(24px,5vh,52px) + env(safe-area-inset-bottom,0px));z-index:70;transform:translate(-50%);padding:13px 26px 12px;border-radius:14px;border-bottom:4px solid var(--blue-dark);background:var(--blue);box-shadow:0 8px 24px #00000047;color:#fff;font-size:1rem;font-weight:800;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}#join:hover{filter:brightness(1.06)}#join:active{padding-bottom:14px;border-bottom-width:2px;transform:translate(-50%,2px)}#sun{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(110% 80% at 50% -5%,#ffd68280,#fff0c81f 55%,#fff0 80%);mix-blend-mode:soft-light}#rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100vw;height:100lvh;pointer-events:none}.lightning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:0}