@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#effcff;background:#062b3d;font-family:Manrope,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid #75e5e9;outline-offset:3px}.scene,.scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.scene{background:#0a4861;cursor:crosshair}.hud{position:absolute;top:0;right:0;left:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,3vw,2rem);pointer-events:none;background:linear-gradient(180deg,rgba(2,22,33,.6),transparent)}.brand{font-size:.72rem;font-weight:700;letter-spacing:.14em}.brand span{display:block;margin-top:.25rem;color:#effcff73;font:.52rem DM Mono,monospace;letter-spacing:.18em}.run-status{display:grid;justify-items:end;gap:.6rem}.glow-count{display:flex;align-items:center;gap:.35rem;font:.68rem DM Mono,monospace;text-transform:uppercase}.glow-count i{width:.55rem;height:.55rem;border-radius:50%;background:#7ff8e4;box-shadow:0 0 12px #7ff8e4}.glow-count strong{min-width:1.5rem;color:#a8fff0;font-size:.9rem;text-align:right}.coral-status{display:grid;grid-template-columns:auto 110px 2rem;align-items:center;gap:.5rem;color:#effcff99;font:.55rem DM Mono,monospace;text-transform:uppercase}.algae-status{display:none;grid-template-columns:auto 110px 2rem;align-items:center;gap:.5rem;color:#b7e58b;font:.55rem DM Mono,monospace;text-transform:uppercase}.algae-status.is-visible{display:grid}.algae-status .progress i{background:#8ccf62;box-shadow:0 0 10px #8ccf62}.reef-needs{color:#effcff7a;font:.5rem DM Mono,monospace;text-transform:uppercase}.progress{display:block;height:3px;background:#effcff2e}.progress i{display:block;width:0;height:100%;background:#ff8b70;box-shadow:0 0 10px #ff8b70;transition:width .4s ease}.hint{position:absolute;bottom:1.6rem;left:1.6rem;z-index:2;margin:0;color:#effcffad;font:.58rem DM Mono,monospace;letter-spacing:.06em;pointer-events:none;text-shadow:0 1px 8px rgba(0,24,34,.85);transition:opacity .3s}.hint.is-hidden{opacity:0}.message{position:absolute;top:5.4rem;left:50%;z-index:6;margin:0;padding:.6rem .9rem;border:1px solid rgba(210,248,250,.22);border-radius:999px;background:#041f2cd1;font-size:.7rem;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:.2s ease;white-space:nowrap}.message.is-visible{opacity:1;transform:translate(-50%)}.menu-toggle{position:absolute;right:1.5rem;bottom:1.5rem;z-index:3;display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border:1px solid rgba(224,250,252,.5);border-radius:999px;background:#041f2cc2;backdrop-filter:blur(10px);cursor:pointer;font-size:.75rem;font-weight:600}.menu-toggle:hover{background:#093544eb}.menu-toggle:disabled{cursor:not-allowed;opacity:.5}.menu-toggle span{color:#effcff80;font:.55rem DM Mono,monospace}.current-control{position:absolute;bottom:1.5rem;left:1.5rem;z-index:3;padding:.75rem 1rem;border:1px solid rgba(117,229,233,.5);border-radius:999px;background:#041f2cc2;backdrop-filter:blur(10px);cursor:pointer;font-size:.7rem}.current-control.is-armed{border-color:#a8fff0;background:#54d1cb40;box-shadow:0 0 18px #7ff8e438}.current-control:disabled{cursor:not-allowed;opacity:.5}.drawer-scrim{position:absolute;inset:0;z-index:4;background:#000c144d;opacity:0;pointer-events:none;transition:opacity .25s ease}.shop-drawer{position:absolute;top:0;right:0;bottom:0;z-index:5;width:min(390px,100%);padding:clamp(1.5rem,4vw,2.5rem);border-left:1px solid rgba(205,245,248,.2);background:#041b27f5;backdrop-filter:blur(18px);clip-path:inset(0 0 0 100%);opacity:0;pointer-events:none;visibility:hidden;transition:clip-path .3s ease,opacity .2s ease,visibility .3s}.drawer-open .drawer-scrim{opacity:1;pointer-events:auto}.drawer-open .shop-drawer{clip-path:inset(0);opacity:1;pointer-events:auto;visibility:visible}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.drawer-heading h2{margin:0;font-size:1.7rem;font-weight:500;letter-spacing:-.05em}.drawer-close{width:2.4rem;height:2.4rem;padding:0;border:1px solid rgba(205,245,248,.25);border-radius:50%;background:transparent;cursor:pointer;font-size:1.4rem}.buy-creature{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(205,245,248,.25);border-radius:.75rem;background:#6fe0e614;cursor:pointer;text-align:left}.buy-creature:hover:not(:disabled){border-color:#75e5e9;background:#6fe0e624}.buy-creature:disabled{cursor:not-allowed;opacity:.45}.buy-creature strong,.buy-creature small{display:block}.buy-creature strong{font-size:.82rem}.buy-creature small{margin-top:.25rem;color:#effcff80;font-size:.62rem}.buy-creature b{flex:0 0 auto;color:#a8fff0;font:.62rem DM Mono,monospace}.buy-creature b em{display:block;margin-top:.3rem;color:#effcff66;font-size:.5rem;font-style:normal;text-align:right}.buy-creature+.buy-creature{margin-top:.65rem}.draft-screen,.end-screen{position:absolute;inset:0;z-index:9;display:grid;padding:1.5rem;place-items:center;background:#02141ec2;backdrop-filter:blur(12px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s ease,visibility .5s;text-align:center}.draft-screen.is-visible,.end-screen.is-visible{opacity:1;pointer-events:auto;visibility:visible}.draft-screen>div,.end-screen>div{max-width:32rem}.draft-screen h2,.end-screen h2{margin:0 0 .75rem;font-size:clamp(2.5rem,7vw,5rem);font-weight:500;letter-spacing:-.07em;line-height:.95}.end-screen #end-summary{color:#effcff99;font-size:.8rem}.draft-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}.draft-options button{min-height:7rem;padding:1rem;border:1px solid rgba(117,229,233,.4);border-radius:.8rem;background:#75e5e91a;cursor:pointer;text-align:left}.draft-options strong,.draft-options small{display:block}.draft-options small{margin-top:.5rem;color:#effcff94;line-height:1.45}.end-screen button{margin-top:1rem;padding:.8rem 1.2rem;border:1px solid rgba(239,252,255,.5);border-radius:999px;background:#75e5e91f;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.hud{padding:1rem}.coral-status,.algae-status{grid-template-columns:auto 70px 2rem}.hint{right:1rem;bottom:4.7rem;left:1rem;text-align:center}.menu-toggle{right:1rem;bottom:1rem}.current-control{bottom:1rem;left:1rem;max-width:9rem}.message{top:5rem;max-width:calc(100% - 2rem);white-space:normal;text-align:center}.draft-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}