@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:#effcffb3;font:.58rem 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:.72rem 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:#effcffc7;font:.62rem DM Mono,monospace;text-transform:uppercase}.algae-status{display:none;grid-template-columns:auto 110px 2rem;align-items:center;gap:.5rem;color:#c8ef9f;font:.62rem 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:#effcffb3;font:.58rem 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.25rem;left:1.25rem;z-index:2;margin:0;padding:.55rem .7rem;border-radius:.45rem;color:#effcffe6;background:#021a26a8;font:.65rem DM Mono,monospace;letter-spacing:.04em;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:#effcffb8;font:.62rem DM Mono,monospace}.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,.4);border-radius:.75rem;background:#6fe0e61f;cursor:pointer;text-align:left}.buy-creature:hover:not(:disabled),.buy-creature:focus-visible:not(:disabled){border-color:#75e5e9;background:#6fe0e633}.buy-creature:active:not(:disabled){background:#6fe0e642}.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:#effcffbd;font-size:.68rem;line-height:1.35}.buy-creature b{flex:0 0 auto;color:#a8fff0;font:.66rem DM Mono,monospace}.buy-creature b em{display:block;margin-top:.3rem;color:#effcffa6;font-size:.58rem;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}.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,.62);border-radius:.8rem;background:#0f4552d1;cursor:pointer;text-align:left}.draft-options button:hover,.draft-options button:focus-visible{border-color:#9cffff;background:#1d5b65eb}.draft-options button:active{background:#286f75f5}.draft-options strong,.draft-options small{display:block}.draft-options small{margin-top:.5rem;color:#effcffc7;font-size:.72rem;line-height:1.45}.end-screen #end-summary{color:#effcffc7;font-size:.85rem}.end-screen button{margin-top:1rem;padding:.8rem 1.2rem;border:1px solid rgba(239,252,255,.7);border-radius:999px;background:#75e5e92e;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.8rem;left:1rem;text-align:center}.menu-toggle{right:1rem;bottom:1rem}.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}}