.lagoon-pass{--paper:#141917;--ink:#eef0e6;--muted:#b4c1b7;--green:#bdff50;--pink:#f093bf;--line:#37473d}
.coffee-hero{position:relative;isolation:isolate;aspect-ratio:16/9;min-height:560px;max-height:880px;background:#1e2420;overflow:hidden}.coffee-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.coffee-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10171380,transparent 50%);pointer-events:none}.coffee-copy{position:relative;z-index:1;width:47%;padding:8% 0 7% 6%}.coffee-copy h1{color:var(--pink);font-family:var(--display);font-size:clamp(46px,5.6vw,88px);line-height:.99;letter-spacing:-.025em;margin:0 0 34px;text-transform:uppercase;text-shadow:0 2px 20px #0003}.coffee-copy .hero-actions{display:flex;flex-wrap:wrap;gap:12px}.coffee-copy .btn{font-size:14px}.film-control{position:absolute;right:22px;bottom:20px;z-index:3;min-height:44px;padding:9px 17px;background:#152019e6;border:1px solid #9cad98;color:#f3f5e8;border-radius:5px;font:inherit;font-size:13px}.lagoon-pass .pace-strip{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:28px;align-items:center;padding:22px 6%;font-size:14px;text-align:center;line-height:1.5}.lagoon-pass .pace-strip span+span{border-left:1px solid #39233155;padding-left:24px}.lagoon-pass .hybrid-tools{padding-block:55px}.lagoon-pass .step h3{margin:20px 0 15px;font-size:clamp(23px,2.3vw,34px);line-height:1.12}.lagoon-pass .step .eyebrow{color:var(--pink)}.lagoon-pass .step p{line-height:1.65}.lagoon-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:60px 6%;background:#1b2620}.lagoon-intro h2{font:clamp(36px,4vw,62px)/1.04 var(--display);margin:20px 0;color:var(--pink)}.lagoon-intro p{color:var(--muted);line-height:1.65;max-width:430px}.lagoon-window{display:block;position:relative;border-radius:45% 45% 12% 12%;overflow:hidden;aspect-ratio:4/3}.lagoon-window>img{width:100%;height:100%;object-fit:cover}.intro-resident{position:absolute;left:45%;top:40%;width:24%;height:35%}.lagoon-pass .founder-story{background:#171c19}.lagoon-pass .founder-story h3{font-size:clamp(23px,2.6vw,36px);line-height:1.25;color:var(--pink)}.lagoon-pass .founder-story p{font-size:17px;line-height:1.7}.pip-live{position:relative;width:100%;height:100%;isolation:isolate;pointer-events:none}.pip-live canvas,.pip-live .pip-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pip-live canvas{opacity:0}.pip-ready canvas{opacity:1}.pip-ready .pip-fallback{opacity:0}.pip-submerged{mask-image:linear-gradient(#000 0%,#000 54%,#0008 64%,#0002 77%,transparent 90%)}.lagoon-pass #creature{width:21%;height:auto;aspect-ratio:1;animation:none;transition:left 1.2s ease-in-out,top 1.2s ease-in-out;transform:translate(-50%,-50%)}.lagoon-pass #creature canvas{width:100%;height:100%}.lagoon-ripple{position:absolute;width:60%;height:11%;border-bottom:1px solid #caffb677;border-top:1px solid #e1ffd344;border-radius:50%;left:20%;top:66%;pointer-events:none}.lagoon-pass .lagoon-scene{aspect-ratio:16/9;height:auto;min-height:360px;border:1px solid #50624f;border-radius:24px;overflow:hidden;background:#154929}.lagoon-pass .lagoon-scene .room-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lagoon-scene.night .room-bg{filter:brightness(.62) saturate(.8)}.lagoon-stop{position:absolute;background:transparent;border:0;width:22%;height:27%;cursor:pointer;display:flex;justify-content:center;align-items:flex-end;padding:0 4px 8px;z-index:3}.lagoon-stop span{background:#101f19e8;border:1px solid #89a987;border-radius:99px;color:#ebf7e7;padding:8px 12px;min-height:38px;font-size:12px;box-shadow:0 3px 18px #0005}.lagoon-stop:hover span,.lagoon-stop:focus-visible span{background:var(--green);color:#172316}.wardrobe-cove{left:4%;top:9%}.snack-dock{left:2%;top:57%}.star-island{right:3%;top:9%}.lagoon-pass .room-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.lagoon-pass .demo-play{margin-top:22px;flex-wrap:wrap}.lagoon-pass .sidebar-tank.lagoon-tank{padding:0;background:none;border:0;box-shadow:none;overflow:visible}.lagoon-pass .lagoon-tank .tank-glass{height:220px!important;aspect-ratio:auto;position:relative;border:2px solid #9dd7af8a;border-top:6px solid #aee2bc99;border-radius:15px 15px 30px 30px;background:linear-gradient(110deg,#b1ffde22,transparent 18%,transparent 75%,#c1ffca22),linear-gradient(#173025 15%,#356e2b 16%,#102f20 100%);box-shadow:inset 7px 0 12px #dcffe918,inset -6px 0 13px #dbffe918;overflow:hidden;display:block}.lagoon-tank .pip-live{position:absolute;inset:20px 0 10px;height:190px}.lagoon-pass .lagoon-tank .tank-label{position:absolute;inset:7px 10px auto;background:none;z-index:2;display:flex;justify-content:space-between;padding:0;color:#e0f4df}.tank-water{position:absolute;left:0;right:0;top:15%;height:8%;border-top:1px solid #d1ffb488;border-radius:50%;background:#80c66e24}.tank-pebbles{position:absolute;bottom:-16px;width:100%;height:35px;border-radius:50%;background:#244831;box-shadow:0 -5px 18px #6af58422}.lagoon-pass .lagoon-tank .tank-feed{margin-top:10px;padding:0 6px;background:none;border:0}.naming-pip{height:250px;width:100%;max-width:320px;margin:auto}.lagoon-pass .auth-art{object-fit:cover}.lagoon-pass .auth-panel{background:#17201b;color:var(--ink)}.lagoon-pass .auth-panel p{color:var(--muted)}
@media(max-width:900px){.coffee-copy{width:49%;padding-left:5%}.coffee-copy h1{font-size:clamp(40px,6.2vw,66px)}.coffee-copy .hero-actions{max-width:260px}.coffee-hero{min-height:530px}.lagoon-intro{grid-template-columns:1fr}.lagoon-window{max-height:480px}.lagoon-pass .pace-strip{gap:15px;font-size:12px}}
@media(max-width:600px){.coffee-hero{aspect-ratio:auto;min-height:0;padding-bottom:58%;display:flex;flex-direction:column;background:#1f2421}.coffee-film{top:auto;bottom:0;height:auto;aspect-ratio:16/9;object-fit:contain}.coffee-shade{display:none}.coffee-copy{width:100%;padding:35px 6% 22px}.coffee-copy h1{font-size:clamp(42px,11vw,60px);margin-bottom:25px}.coffee-copy .hero-actions{max-width:none;gap:9px}.coffee-copy .btn{font-size:12px;padding:12px}.film-control{right:12px;bottom:12px}.lagoon-pass .pace-strip{grid-template-columns:1fr;gap:12px;padding:22px 8%;font-size:13px}.lagoon-pass .pace-strip span+span{border-left:0;padding-left:0;border-top:1px solid #39233133;padding-top:12px}.lagoon-pass .lagoon-scene{min-height:320px;aspect-ratio:1.2}.lagoon-pass .lagoon-scene .room-bg{object-fit:fill}.lagoon-stop{width:31%}.lagoon-stop span{font-size:10px;padding:7px 8px}.wardrobe-cove{left:0}.snack-dock{left:0}.star-island{right:0}.lagoon-pass #creature{width:29%}.lagoon-intro{padding:40px 6%;gap:25px}.lagoon-window{border-radius:30px}.lagoon-pass .room-caption{font-size:11px}.lagoon-pass .founder-story h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.lagoon-pass #creature{transition:none}}

.lagoon-pass .pace-strip span{display:block}

.lagoon-pass .naming-pip.portrait{display:block;height:250px;width:100%;max-width:320px;margin:auto;border:0;border-radius:0;background:none;filter:none;mix-blend-mode:normal;object-fit:contain}
@media(max-width:700px){.lagoon-pass .auth-panel{width:100%;max-width:460px;min-width:0}.lagoon-pass .auth-page{padding:30px 18px}.lagoon-pass .auth-panel h1{font-size:2.5rem}}

/* One current presentation, including loading and dialogs. */
#legacy-root[data-loading] #app,#legacy-root[data-loading] #modal{visibility:hidden}
.app-loading{display:none}#legacy-root[data-loading] .app-loading{display:grid;place-items:center;min-height:70vh;color:#f093bf;font:600 18px system-ui}
.pip-loading{position:absolute;inset:0;display:grid;place-items:center;color:#d6e7d3;font:11px/1.4 system-ui;text-align:center;padding:15px;opacity:.7}
.pip-ready .pip-loading{display:none}.reward-pip{height:170px;width:190px;margin:0 auto 18px}.lagoon-pass .empty-art,.lagoon-pass .nav-tentacle{display:none!important}
.lagoon-pass .name-sign{color:#172013}.lagoon-pass .modal-head{background:#202b21;border-color:#52624b}.lagoon-pass .modal-head h2{color:#f093bf}.lagoon-pass .modal-head .close{color:#eef6e7;background:#33452e}.lagoon-pass dialog .modal-body{color:#e4eddb}.lagoon-pass dialog :is(input,select,textarea){color:#e4eddb;background:#202a1e}.lagoon-pass dialog .note{color:#b7c6b1}

/* Approved goo-coffee brand mark; reserve space to prevent layout shift. */
.brand .brand-cup{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:contain;border-radius:12px}.brand{align-items:center}.sidebar .brand .brand-cup{width:44px;height:44px;flex-basis:44px}@media(max-width:600px){.public-header .brand .brand-cup{width:44px;height:44px;flex-basis:44px}}

.beta-first-step{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:22px;margin:0 0 24px;border:1px solid #586447;border-radius:12px;background:#172019}.beta-first-step h2{font-size:24px;margin:0 0 8px}.beta-first-step p{max-width:640px;margin:0;color:#c5cebf}.beta-first-step .btn{flex-shrink:0}.top-actions [data-beta-feedback]{white-space:nowrap}@media(max-width:700px){.beta-first-step{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap}}