:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}#app{height:100dvh}body{color:#eef2ff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0b1020;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,input[type=range]{touch-action:manipulation}.screen{width:100%;height:100%;position:relative;overflow:hidden}.game-screen canvas{touch-action:none;width:100%;height:100%;display:block}.menu-screen{background:radial-gradient(at 50% 30%,#17203f 0%,#0b1020 70%)}.menu-bg{width:100%;height:100%;position:absolute;inset:0}.menu-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100%;padding:2rem;display:flex;position:relative}.menu-content h1{letter-spacing:.02em;background:linear-gradient(90deg,#7dd3fc,#c084fc,#fb7185);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900}.menu-subtitle{opacity:.85;font-size:clamp(1.1rem,2.5vw,1.6rem)}.tile-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:70rem;margin-top:1rem;display:flex}.tile{width:15rem;color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem;transition:transform .15s,background .15s;display:flex}.tile:focus-visible{background:#ffffff21;transform:scale(1.06)}@media (hover:hover){.tile:hover{background:#ffffff21;transform:scale(1.06)}}.tile-emoji{font-size:3.5rem;line-height:1}.tile-title{font-size:1.3rem;font-weight:800}.tile-science{opacity:.65;font-size:.8rem;line-height:1.35}.menu-footer{bottom:calc(1rem + env(safe-area-inset-bottom,0px));text-align:center;opacity:.55;pointer-events:none;width:100%;font-size:.85rem;position:absolute}.about-layer{z-index:31;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050814eb;animation:.2s ease-out about-in;position:absolute;inset:0;overflow-y:auto}.menu-screen .delve-toggle{z-index:32}@keyframes about-in{0%{opacity:0}}.about-content{flex-direction:column;gap:1.5rem;max-width:72rem;margin:0 auto;padding:4.5rem 2rem 3rem;display:flex}.about-content h2{text-align:center;background:linear-gradient(90deg,#7dd3fc,#c084fc,#fb7185);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.about-cards{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.25rem;display:grid}.about-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:1.25rem;padding:1.4rem 1.5rem}.about-card-emoji{font-size:2.2rem;line-height:1}.about-card h3{margin:.6rem 0 .5rem;font-size:1.15rem;font-weight:800}.about-card p{opacity:.8;font-size:.92rem;line-height:1.55}.about-card p+p{margin-top:.6rem}.game-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.game-overlay>*{pointer-events:auto}.game-toolbar{bottom:calc(1rem + env(safe-area-inset-bottom,0px));gap:.75rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tool-button{color:#eef2ff;font:inherit;cursor:pointer;background:#0b102099;border:1px solid #ffffff2e;border-radius:.9rem;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 1rem;transition:background .15s;display:flex}@media (hover:hover){.tool-button:hover{background:#ffffff26}}.tool-button:disabled{opacity:.35;cursor:default}.tool-button.active{background:#7dd3fc40;border-color:#7dd3fc}.tool-emoji{font-size:1.6rem;line-height:1}.tool-label{opacity:.8;font-size:.7rem}.game-message{text-align:center;max-width:30rem;font-size:1.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hidden{display:none!important}.challenge-layer{pointer-events:none;position:absolute;inset:0}.turbine{pointer-events:none;width:9vh;height:9vh;transition:opacity .3s;animation:.25s ease-out turbine-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes turbine-pop{0%{transform:translate(-50%,-50%)scale(.3)}}.turbine svg{width:100%;height:100%;display:block}.turbine-ring{fill:none;stroke:#eef2ff59;stroke-width:2px;stroke-dasharray:4 7}.turbine-blade{fill:#e8edf7}.turbine-hub{fill:#aebadb}.turbine-power{white-space:nowrap;text-shadow:0 1px 4px #000000e6;font-size:1.8vh;font-weight:800;position:absolute;top:calc(100% + .1rem);left:50%;transform:translate(-50%)}.turbine-caption{white-space:nowrap;text-shadow:0 1px 4px #000000e6;font-size:1.7vh;font-weight:700;position:absolute;bottom:calc(100% + .15rem);left:50%;transform:translate(-50%)}.challenge-hud{white-space:nowrap;background:#0b1020a6;border:1px solid #ffffff2e;border-radius:1rem;gap:1.75rem;padding:.55rem 1.4rem;font-size:1.35rem;font-weight:800;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.hud-time.urgent{color:#fb7185;animation:.6s ease-in-out infinite pulse}.wake-legend{white-space:nowrap;background:#0b1020a6;border:1px solid #ffffff2e;border-radius:.75rem;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.95rem;font-weight:700;display:flex;position:absolute;top:4.6rem;right:1.25rem}.wake-swatch{border:1px solid #ffffff40;border-radius:.25rem;width:1rem;height:1rem}.wake-swatch-full{background:#0d4570}.wake-swatch-wake{background:linear-gradient(90deg,#ed8419,#9e1410);margin-left:.6rem}.challenge-hint{text-align:center;opacity:.85;text-shadow:0 1px 4px #000000e6;width:100%;font-size:1.05rem;position:absolute;bottom:6rem;pointer-events:none!important}.score-flow{z-index:15;text-align:center;pointer-events:auto;background:#050814eb;border:1px solid #ffffff29;border-radius:1.5rem;min-width:24rem;max-width:90%;padding:1.75rem 2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-flow h2{font-size:1.9rem;font-weight:900}.score-flow-score{color:#7dd3fc;margin-top:.4rem;font-size:2.5rem;font-weight:900}.score-flow-prompt{opacity:.85;margin-top:1rem}.initial-slots{margin-top:.75rem}.initial-slots span{border-bottom:3px solid #7dd3fc;width:3rem;margin:0 .4rem;font-size:2.3rem;font-weight:900;display:inline-block}.letter-grid{grid-template-columns:repeat(7,1fr);gap:.35rem;margin-top:1rem;display:grid}.letter-grid button{color:inherit;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:.5rem;padding:.45rem 0;font-weight:700}@media (hover:hover){.letter-grid button:hover:not(:disabled){background:#ffffff2e}}.letter-grid button.ok{color:#0b1020;background:#7dd3fc;grid-column:span 2}.letter-grid button:disabled{opacity:.35;cursor:default}.score-board-title{opacity:.85;margin-top:1.1rem;font-weight:800}.score-board{max-width:18rem;margin:.6rem auto 0;padding:0;list-style:none}.score-board li{text-align:left;grid-template-columns:2.4rem 1fr auto;gap:.6rem;padding:.15rem 0;font-size:1.15rem;font-weight:700;display:grid}.score-board li span:last-child{text-align:right;font-variant-numeric:tabular-nums}.score-board li.me{color:#7dd3fc}.score-flow-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.3rem;display:flex}.arcade-button{color:inherit;font:inherit;cursor:pointer;background:#ffffff17;border:1px solid #ffffff2e;border-radius:.9rem;padding:.6rem 1.1rem;font-weight:700;transition:background .15s}@media (hover:hover){.arcade-button:hover{background:#fff3}}.delve-toggle{z-index:30;color:#eef2ff;font:inherit;cursor:pointer;background:#0b102099;border:1px solid #ffffff2e;border-radius:1rem;align-items:center;gap:.5rem;padding:.55rem 1rem;font-weight:700;transition:background .15s;display:flex;position:absolute;top:1rem;right:1rem}@media (hover:hover){.delve-toggle:hover{background:#ffffff26}}.delve-toggle.active{background:#c084fc40;border-color:#c084fc}.delve-lab{border:1px dashed #c084fc73;border-radius:.9rem;width:100%;margin-top:.4rem;padding:.9rem 1rem}.delve-lab-title{font-size:.85rem;font-weight:800}.delve-slider-row{white-space:nowrap;align-items:center;gap:.6rem;margin-top:.6rem;font-size:.85rem;display:flex}.delve-slider-row input[type=range]{accent-color:#c084fc;flex:1;min-width:4rem}.delve-slider-row output{text-align:right;font-variant-numeric:tabular-nums;width:2.6rem;font-weight:800}.delve-lab-note{opacity:.65;margin-top:.6rem;font-size:.78rem;line-height:1.45}.title-card{z-index:20;text-align:center;cursor:pointer;background:#050814e0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.title-card-emoji{font-size:5rem;line-height:1}.title-card h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.science-line{opacity:.75;max-width:40rem;font-size:1.05rem;line-height:1.5}.start-hint{color:#7dd3fc;margin-top:1rem;font-size:1.6rem;font-weight:800;animation:1.3s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.corner-button{z-index:30;color:#eef2ff;cursor:pointer;background:#0b102099;border:1px solid #ffffff2e;border-radius:.9rem;width:3rem;height:3rem;font-size:1.4rem;transition:background .15s;position:absolute}@media (hover:hover){.corner-button:hover{background:#ffffff26}}.back-button{top:1rem;left:1rem}.fullscreen-button{bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:1rem}.lang-switcher{z-index:30;bottom:calc(1rem + env(safe-area-inset-bottom,0px));gap:.4rem;display:flex;position:absolute;left:1rem}.lang-button{cursor:pointer;opacity:.55;background:#0b102099;border:1px solid #ffffff2e;border-radius:.9rem;width:3rem;height:3rem;font-size:1.4rem;transition:background .15s,opacity .15s}@media (hover:hover){.lang-button:hover{opacity:1;background:#ffffff26}}.lang-button.active{opacity:1;border-color:#ffffff8c}.flood-legend{background:#0b1020a6;border:1px solid #ffffff2e;border-radius:.75rem;flex-direction:column;gap:.3rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:4.6rem;right:1.25rem;pointer-events:none!important}.flood-legend-row{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.flood-swatch{border:1px solid #ffffff40;border-radius:.25rem;flex:none;width:1rem;height:1rem}.flood-swatch-sea{background:#3572ae}.flood-swatch-polder{background:#558240}.flood-swatch-land{background:#7e9a54}.flood-swatch-dike{background:#cdb387}.flood-swatch-risk{background:repeating-linear-gradient(45deg,#f4765a 0 4px,#f4765a40 4px 8px)}.creature-presets{flex-direction:column;gap:.5rem;top:50%;bottom:auto;left:1rem;transform:translateY(-50%)}.delve-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1ae0;border:1px solid #ffffff29;border-radius:1.2rem;width:min(440px,42vw);max-height:88vh;padding:1.4rem 1.6rem;position:absolute;top:50%;left:1.5rem;overflow-y:auto;transform:translateY(-50%)}.delve-heading{letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:.4rem;font-size:.8rem}.delve-card h2{margin-bottom:.7rem;font-size:1.45rem}.delve-body p{opacity:.92;margin-bottom:.75rem;font-size:1rem;line-height:1.55}.delve-formula{white-space:pre-line;text-align:center;background:#7dd3fc1a;border:1px solid #7dd3fc40;border-radius:.6rem;padding:.55rem .6rem;font-family:ui-monospace,Cascadia Code,monospace;font-size:.95rem}.delve-extras{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.delve-nav{justify-content:space-between;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.delve-dots{gap:.45rem;display:flex}.delve-dots button{cursor:pointer;background:#ffffff38;border:none;border-radius:50%;width:.7rem;height:.7rem;padding:0}.delve-dots button.active{background:#7dd3fc}.delve-exit{margin:1rem auto 0;padding:.55rem 1.3rem;font-size:.95rem;display:block}@media (width<=640px){.menu-content{justify-content:flex-start;gap:.9rem;padding:3.5rem 1rem 4.5rem;overflow-y:auto}.menu-content h1{font-size:2rem}.menu-subtitle{font-size:1rem}.tile-grid{gap:.75rem;width:100%}.tile{width:calc(50% - .375rem);padding:1rem .6rem}.tile-emoji{font-size:2.5rem}.tile-title{font-size:1.05rem}.menu-footer{padding:0 1rem;font-size:.7rem}.game-toolbar{flex-wrap:wrap;justify-content:center;gap:.4rem;left:.5rem;right:.5rem;transform:none}.tool-button{padding:.4rem .7rem}.tool-emoji{font-size:1.3rem}.creature-presets{gap:.35rem;left:.5rem;right:auto}.challenge-hud{gap:1rem;padding:.45rem .9rem;font-size:1rem;top:3.6rem}.challenge-hint{padding:0 1rem;font-size:.9rem;bottom:6.5rem}.wake-legend,.flood-legend{font-size:.75rem;top:7rem;right:.75rem}.delve-toggle{padding:.45rem .75rem;font-size:.85rem;top:.75rem;right:.75rem}.title-card-emoji{font-size:3.5rem}.about-content{padding:4rem 1rem 2.5rem}.score-flow{width:min(92vw,26rem);min-width:0;padding:1.25rem 1rem}.delve-card{top:auto;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));width:auto;max-height:55vh;padding:1.1rem 1.2rem;transform:none}}