/* Public welcome screen and signed-in mode lobby. Keep mission/game layout intact. */
[hidden]{display:none!important}.entry-primary,.entry-secondary,.google-button{font:inherit;min-height:48px;border-radius:14px;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:750;cursor:pointer}.entry-primary{border:0;color:#fff;background:linear-gradient(120deg,#079789,#05685f);box-shadow:0 9px 24px #087d722b}.entry-secondary{border:1px solid #bfd6d2;color:#12675f;background:white}.entry-primary:focus-visible,.entry-secondary:focus-visible,.google-button:focus-visible,.mode-cta:focus-visible{outline:3px solid #e9ae2c;outline-offset:4px}.entry-primary:disabled{opacity:.55;cursor:wait}.entry-skip{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:12px}.entry-skip:focus{top:12px}.entry-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#112f39;font-weight:850;line-height:1.25;font-size:12px}.entry-brand small{display:block;letter-spacing:.3em;font-size:10px;color:#0c8277;margin-top:4px}.entry-logo{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#e0f7f0;color:#087d72;font-size:12px}.entry-header{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1080px;padding:18px 22px;margin:auto}.entry-back{font-size:13px;color:#3a6265;text-decoration:none}.landing-page{font-family:system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 90% 10%,#d9f4ef 0,transparent 45%),#f5faf9;color:#122e35;margin:0;padding:0}.landing-page *{box-sizing:border-box}.landing-shell{display:grid;max-width:1036px;margin:0 auto;background:white;overflow:hidden;border:1px solid #dfefeb;border-radius:28px;box-shadow:0 22px 70px #234b4910}.landing-art{position:relative;overflow:hidden;aspect-ratio:1.2;background:#d7f0ed}.landing-art img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.landing-art:after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(transparent,#fff)}.landing-tag{position:absolute;bottom:18px;left:24px;right:24px;z-index:1;font-size:9px;letter-spacing:.1em;font-weight:850;color:#176b66}.landing-copy{padding:18px 25px 28px}.entry-eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;color:#087d72}.landing-copy h1{font-size:clamp(32px,4.2vw,48px);line-height:1.08;letter-spacing:-.045em;margin:14px 0}.landing-copy h1 em{font-style:normal;color:#087d72}.landing-copy>p{font-size:14px;line-height:1.65;color:#536e76}.entry-stats{display:flex;gap:20px;padding:10px 0 22px;color:#60777c;font-size:11px}.entry-stats strong{display:block;color:#213c43;font-size:25px;letter-spacing:-.03em}.entry-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.entry-footer{max-width:1036px;margin:20px auto 35px;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;font:12px/1.5 system-ui;color:#5c737a}.entry-footer button,.entry-footer a{font:inherit;min-height:44px;border:0;background:none;color:#087d72;cursor:pointer;text-decoration:none;padding:8px}.landing-copy p.entry-footnote{font-size:11px}.landing-sound{display:flex;align-items:center;gap:14px;border-top:1px solid #e2edea;padding-top:15px}.landing-sound button{border:1px solid #d7e8e4;border-radius:12px;background:#f1faf8;color:#176e63;font:inherit;font-size:12px;min-height:44px;padding:8px 12px;cursor:pointer}.landing-sound label{font-size:11px;display:grid;gap:3px;flex:1;color:#536e76}.landing-sound input{accent-color:#087d72;width:100%;max-width:200px;min-height:26px}.landing-copy p.auth-help{font-size:11px;margin:9px 0}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#6a7e83;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e1ebe9}.google-button{width:100%;background:white;border:1px solid #d0dcd9;color:#253740;font-size:14px;box-shadow:none}.google-button svg{width:20px;height:20px;flex:none}.google-button:disabled{opacity:1;color:#657777;background:#f5f8f7;cursor:not-allowed;border-style:dashed}.google-button:disabled svg{filter:grayscale(1);opacity:.7}.auth-help{font-size:12px;line-height:1.5;color:#5d747a}.google-consent{width:min(92vw,480px);box-sizing:border-box;padding:25px;border:1px solid #d8e9e5;border-radius:22px;color:#19343c;box-shadow:0 24px 90px #0004;font-family:system-ui,sans-serif}.google-consent::backdrop{background:#102b3977;backdrop-filter:blur(5px)}.google-consent h2{font-size:23px;margin:0 0 12px}.google-consent p{font-size:14px;line-height:1.6}.google-consent label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:16px 0;font-weight:400}.google-consent input{width:18px;height:18px;flex:none;margin:4px 0;accent-color:#087d72}.google-consent-actions{display:flex;justify-content:flex-end;gap:12px}.google-consent-actions button{font:inherit;padding:12px 16px;min-height:46px;border-radius:12px;border:1px solid #c6dbd6;cursor:pointer}.google-consent-actions button:not(.entry-primary){background:white;color:#325e5a}.auth-loading{box-sizing:border-box;max-width:620px;margin:80px auto;padding:30px;font:16px/1.5 system-ui;color:#25484d;background:#fff;border:1px solid #d6e6e1;border-radius:22px}.auth-loading h1{font-size:26px}.auth-loading button{min-height:44px;cursor:pointer}body[data-auth="checking"] #app,body[data-auth="checking"]>.account-bar{display:none}
#intro-view.mode-hub{padding:26px 20px 24px;min-height:auto;background:radial-gradient(ellipse at top right,#e5f7f5,transparent 42%),#fff;overflow:visible}.mode-heading{margin:0 3px 20px}.mode-heading .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:8px}.mode-heading h1{font-size:clamp(27px,5.8vw,40px);letter-spacing:-.045em;margin-bottom:7px;line-height:1.1}.mode-heading>p:last-child{font-size:14px;margin:0;color:#587780}.mode-stack{display:grid;gap:16px}.mode-frame{--mode-accent:#008f88;--mode-dark:#006861;--mode-wash:#daf9f4;--frame:polygon(0 22px,22px 0,96% 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px));position:relative;isolation:isolate;background:linear-gradient(125deg,var(--mode-accent),#a6f7e9 42%,var(--mode-accent) 75%,var(--mode-dark));clip-path:var(--frame);min-height:298px;padding:6px;filter:drop-shadow(0 5px 12px #123a4220);overflow:hidden}.mode-frame:before{content:"";position:absolute;z-index:-1;inset:3px;background:#fff;clip-path:var(--frame)}.mode-frame:after{content:"";pointer-events:none;position:absolute;inset:0;border:9px solid transparent;border-top-color:#ffffff85;clip-path:var(--frame);opacity:.5;animation:frame-glint 7s ease-in-out infinite}.mode-city{--mode-accent:#0079d6;--mode-dark:#065ba3;--mode-wash:#e2f2ff}.mode-rescue{--mode-accent:#c45b00;--mode-dark:#904200;--mode-wash:#fff1d9}.mode-frame .mode-art{position:absolute;z-index:-1;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;object-position:right center;clip-path:var(--frame);transition:transform .6s ease}.mode-copy{position:relative;padding:17px 20px;max-width:56%;min-height:286px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.mode-copy:before{content:"";position:absolute;z-index:-1;inset:0 -25% 0 0;background:linear-gradient(90deg,#ffffffec 0,#ffffffc7 65%,transparent);pointer-events:none}.mode-badge{font-size:10px;line-height:1.2;letter-spacing:.04em;font-weight:850;color:#fff;background:linear-gradient(110deg,var(--mode-accent),var(--mode-dark));padding:7px 11px;border-radius:999px;box-shadow:0 4px 14px color-mix(in srgb,var(--mode-accent) 20%,transparent)}.mode-copy h2{font-size:clamp(25px,4.7vw,38px);line-height:1.05;letter-spacing:-.045em;margin:10px 0;color:#102735}.mode-copy h2 small{display:block;font:inherit;font-size:.78em;margin-top:4px}.mode-meta{display:flex;align-items:center;gap:7px;font-weight:800;color:#213c47;margin:0 0 8px;font-size:13px;white-space:nowrap}.mode-meta svg{width:19px;height:19px;color:var(--mode-accent);flex:none}.mode-description{font-size:13px;line-height:1.4;color:#46616f;margin:0 0 14px;max-width:240px}.mode-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:10px 20px;border-radius:999px;border:1.5px solid white;background:linear-gradient(120deg,var(--mode-accent),var(--mode-dark));box-shadow:0 6px 16px color-mix(in srgb,var(--mode-accent) 35%,transparent),inset 0 0 7px #ffffff45;color:#fff;font:inherit;font-size:15px;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s;white-space:nowrap}.mode-cta svg{width:20px;height:20px;flex:none}.mode-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px color-mix(in srgb,var(--mode-accent) 42%,transparent)}.mode-cta:active{transform:translateY(1px) scale(.98)}.mode-signal{position:absolute;bottom:16px;right:17px;color:white;background:#153346c9;backdrop-filter:blur(5px);font-size:8px;font-weight:750;letter-spacing:.08em;padding:6px 9px;border:1px solid #fff6;border-radius:999px;display:flex;gap:6px;align-items:center}.mode-signal i{width:5px;height:5px;border-radius:50%;background:#82eed7;box-shadow:0 0 0 3px #82eed728;animation:mode-pulse 3s ease-in-out infinite}.mode-rescue .mode-signal i{background:#ffc668;box-shadow:0 0 0 3px #ffc66830}.mode-city:after{animation-delay:-2s}.mode-rescue:after{animation-delay:-4s}.mode-audio{margin-top:20px;border:1px solid #dceae6;border-radius:15px;padding:0 14px;background:#f9fcfb}.mode-audio summary{display:flex;gap:8px;align-items:center;padding:12px 0;min-height:46px;font-size:12px;color:#386763;cursor:pointer;font-weight:750}.mode-audio summary svg{width:18px;height:18px}.mode-audio .opening-audio{margin:0;padding:12px;border:0}.mode-audio .opening-audio-note{margin:8px 0 14px}#intro-view.mode-hub .safety-note{font-size:11px;margin:15px 0 0}.mode-frame:hover .mode-art{transform:scale(1.016)}@keyframes frame-glint{0%,65%,100%{opacity:.3}78%{opacity:.95}}@keyframes mode-pulse{50%{opacity:.4}}
@media(min-width:800px){.landing-shell{grid-template-columns:1fr 1fr}.landing-art{aspect-ratio:auto;min-height:690px}.landing-art img{position:absolute;inset:0;width:100%;height:180%;object-position:50% top}.landing-art:after{inset:0 0 0 auto;width:18%;height:100%;background:linear-gradient(90deg,transparent,#fff)}.landing-tag{bottom:25px;color:white;text-shadow:0 1px 4px #000}.landing-copy{padding:42px 34px;align-self:center}}
@media(max-width:560px){#intro-view.mode-hub{padding:20px 12px}.mode-stack{gap:14px}.mode-frame{min-height:240px}.mode-copy{padding:13px 11px;min-height:228px;max-width:58%}.mode-badge{font-size:8px;padding:6px 8px}.mode-copy h2{font-size:27px;margin:9px 0}.mode-meta{font-size:10px;gap:5px}.mode-meta svg{width:16px;height:16px}.mode-description{font-size:11px;line-height:1.4;margin-bottom:11px;max-width:155px}.mode-cta{font-size:13px;min-height:44px;padding:9px 14px;gap:5px}.mode-cta svg{width:17px;height:17px}.mode-signal{font-size:6px;bottom:14px;right:12px;padding:5px 6px;gap:4px}.mode-frame .mode-art{object-position:69% center}.mode-copy:before{inset:0 -10% 0 0;background:linear-gradient(90deg,#fffffff5,#ffffffe0 57%,transparent)}.entry-header{padding:13px 15px}.landing-shell{border-radius:22px;margin:0 10px}.landing-copy{padding:12px 20px 22px}.landing-tag{font-size:7px;left:20px;right:20px}.entry-brand{font-size:10px}.entry-brand small{font-size:9px}.entry-logo{width:38px;height:38px}.entry-stats{gap:25px}.entry-primary,.entry-secondary{font-size:14px;padding:13px 12px}}
@media(max-width:359px){.mode-copy h2{font-size:23px}.mode-frame{min-height:238px}.mode-copy{max-width:59%;padding-left:9px}.mode-description{font-size:10px}.mode-cta{padding:9px 11px;font-size:12px}.mode-meta{font-size:9px}.entry-stats{gap:18px}.entry-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mode-frame:after,.mode-signal i{animation:none}.mode-frame .mode-art,.mode-cta{transition:none}.mode-frame:hover .mode-art{transform:none}}
@media(max-width:560px){body:has(.mode-hub) .account-bar .account-menu{font-size:10.5px;padding:7px 5px;gap:4px}body:has(.mode-hub) .account-menu svg{width:14px;height:14px}}

.mode-network{--mode-accent:#25a67b;--mode-dark:#116b70;--mode-wash:#dbf8eb}
.mode-builder{min-height:0;padding:0;clip-path:none;border-radius:24px;background:white;filter:none;border:1px solid #e4d4a8;box-shadow:0 6px 24px #284b4115}.mode-builder:before,.mode-builder:after{display:none}.builder-card-link{position:relative;display:block;aspect-ratio:3/2;border-radius:24px;overflow:hidden;text-decoration:none;color:#12363c;background:linear-gradient(140deg,#e0f4e7,#fff 65%,#e4f5f1)}.builder-card-link>img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.builder-card-link:focus-visible{outline:4px solid #078b81;outline-offset:-5px}.builder-card-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:24px;min-width:0}.builder-card-icon{font-size:44px;line-height:1;color:#087d72}.builder-card-fallback h2{font-size:clamp(25px,5vw,38px);line-height:1.15;letter-spacing:-.035em;margin:0}.builder-card-fallback p{font-size:14px;line-height:1.5;max-width:340px;margin:0;color:#496d72}.builder-card-fallback small{font-size:11px;line-height:1.45;color:#496d72;max-width:320px}.builder-card-fallback .mode-cta{margin-top:4px}
@media(max-width:560px){.builder-card-fallback{gap:8px;padding:14px}.builder-card-fallback .builder-card-icon,.builder-card-fallback .mode-badge,.builder-card-fallback p{display:none}.builder-card-fallback h2{font-size:23px}.builder-card-fallback small{font-size:10px}}