:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}body{color:#ffe6c2;background:#05070d;font-family:Georgia,Times New Roman,serif}#page{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;padding:3rem 1.5rem;display:flex}#page h1{text-align:center;max-width:32rem;margin:0;font-size:1.6rem;font-weight:400}#cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;width:100%;max-width:60rem;display:grid}.card{color:inherit;border:1px solid #ffe6c240;border-radius:16px;padding:1.5rem 1.25rem;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:block}.card:hover{border-color:#ffb05cb3;transform:translateY(-2px)}.card:focus-visible{border-color:#ffb05cb3;transform:translateY(-2px)}.card h2{color:#ffb05c;margin:0 0 .5rem;font-size:1.15rem;font-weight:400}.card p{opacity:.8;margin:0;font-size:.9rem;line-height:1.5}body:has(#scene){touch-action:none;overflow:hidden}#scene{width:100vw;height:100vh;position:relative}#sky{background:radial-gradient(ellipse at 50% 0%, var(--sky-0) 0%, var(--sky-1) 45%, var(--sky-2) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.bg-layer{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}#weather-canvas{position:absolute;top:0;bottom:0;left:0;right:0}#lightning-flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:#eef3ff;position:absolute;top:0;bottom:0;left:0;right:0}#cocoon-vignette{pointer-events:none;background:radial-gradient(at 50% 100%,#ffb05c59 0%,#ffb05c00 55%),radial-gradient(#0000 40%,#05070dd9 100%);position:absolute;top:0;bottom:0;left:0;right:0}#intensity-gauge{opacity:0;pointer-events:none;z-index:4;background:#ffffff14;border:1px solid #ffe6c240;border-radius:999px;width:6px;height:140px;transition:opacity .4s;position:absolute;top:50%;right:1.4rem;overflow:hidden;transform:translateY(-50%)}#intensity-gauge.visible{opacity:.9}#intensity-gauge-fill{background:linear-gradient(#ffb05c,#eaf2ff);height:50%;position:absolute;bottom:0;left:0;right:0}#caption{text-align:center;color:#ffe6c2;text-shadow:0 2px 12px #000c;letter-spacing:.04em;pointer-events:none;padding:0 1.5rem;font-size:1.15rem;position:absolute;bottom:6vh;left:0;right:0}#start-overlay{color:#ffe6c2;text-align:center;background:#05070de0;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:2rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#start-overlay h1{max-width:32rem;margin:0;font-size:1.6rem;font-weight:400}#start-overlay p{opacity:.75;max-width:28rem;margin:0;font-size:.95rem}#start-button{color:#ffe6c2;cursor:pointer;background:#ffb05c1f;border:1px solid #ffb05c;border-radius:999px;padding:.75rem 1.75rem;font-family:inherit;font-size:1.05rem;transition:background .2s}#start-button:hover{background:#ffb05c47}#controls{z-index:5;align-items:center;gap:.5rem;display:flex;position:absolute;top:1.2rem;right:1.2rem}#timer-wrapper{display:none;position:relative}#timer-button{color:#ffe6c2;cursor:pointer;background:#05070d66;border:1px solid #ffe6c266;border-radius:999px;padding:.4rem .7rem;font-family:inherit;font-size:.9rem;line-height:1}#timer-dropdown{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;background:#05070deb;border:1px solid #ffe6c266;border-radius:.9rem;flex-direction:column;min-width:9.5rem;display:none;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}#timer-dropdown.open{display:flex}#timer-dropdown button{text-align:left;color:#ffe6c2;cursor:pointer;background:0 0;border:none;padding:.65rem .9rem;font-family:inherit;font-size:1rem}#timer-dropdown button:hover,#timer-dropdown button.selected{background:#ffe6c21f}#timer-dropdown button:focus-visible{background:#ffe6c21f}#timer-remaining{color:#ffe6c2;opacity:.75;white-space:nowrap;font-family:inherit;font-size:.8rem;display:none}#menu-wrapper{position:relative}#menu-button{color:#ffe6c2;cursor:pointer;background:#05070d66;border:1px solid #ffe6c266;border-radius:999px;padding:.4rem .7rem;font-family:inherit;font-size:.9rem;line-height:1}#menu-dropdown{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;background:#05070deb;border:1px solid #ffe6c266;border-radius:.9rem;flex-direction:column;min-width:10rem;display:none;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}#menu-dropdown.open{display:flex}#menu-dropdown a,#menu-dropdown button{text-align:left;color:#ffe6c2;cursor:pointer;background:0 0;border:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;text-decoration:none}#menu-dropdown a:hover,#menu-dropdown button:hover{background:#ffe6c21f}#menu-dropdown a:focus-visible{background:#ffe6c21f}#menu-dropdown button:focus-visible{background:#ffe6c21f}#closed-eyes-overlay{z-index:30;cursor:pointer;background:#05070d;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#closed-eyes-overlay.active{display:flex}#closed-eyes-hint{color:#ffe6c2;opacity:.5;letter-spacing:.04em;text-align:center;pointer-events:none;padding:0 2rem;font-size:.95rem;transition:opacity 3s 1.5s}#closed-eyes-hint.faded{opacity:0}