/* Welcome uses the game's paper, ink and water palette. No gameplay before entry. */
body.auth-required{background:var(--book-paper,#edf3ed)}
.auth-entry{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;padding:0;color:var(--book-ink,#203c3a);background:var(--book-paper,#edf3ed);gap:0}
.auth-entry[hidden]{display:none}
.auth-entry::selection,.auth-entry ::selection{background:#c9e5c7;color:#122e26}
.auth-entry a:focus-visible,.auth-entry button:focus-visible{outline:3px solid #598171;outline-offset:5px}
.welcome-water{position:absolute;z-index:-1;inset:0 0 0 53%;background:#163c43;border-radius:35% 0 0 24% / 55% 0 0 45%;overflow:hidden}
.welcome-water>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7da7a4;stroke-width:1.5;opacity:.28}
.welcome-water i{position:absolute;width:10px;height:10px;border:1px solid #709c9b;border-radius:50%;left:69%;top:22%;opacity:.55}
.welcome-water i:nth-of-type(2){width:6px;height:6px;left:81%;top:31%}.welcome-water i:nth-of-type(3){width:16px;height:16px;left:85%;top:19%}
.welcome-header,.welcome-main,.welcome-footer{width:min(100%,1500px);margin-inline:auto;padding-inline:clamp(24px,5vw,88px)}
.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px}
.welcome-studio{display:inline-flex;gap:10px;align-items:center;color:#365b50;font-size:15px;font-weight:550;text-decoration:none}
.welcome-studio svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.welcome-platform{display:flex;gap:10px;align-items:center;color:#d1e0db;font-size:13px}
.welcome-platform svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}
.welcome-main{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;flex:1;gap:24px;padding-block:56px 72px}
.auth-content{width:100%;max-width:580px;margin:0;align-self:center;padding:0}
.auth-content h1{font-family:Figtree,system-ui,sans-serif;font-size:clamp(48px,4.6vw,76px);font-weight:550;line-height:1.06;letter-spacing:-.04em;text-wrap:initial;margin:0 0 32px;color:#203c3a}
.auth-content h1>span{display:block;font-size:.58em;letter-spacing:.01em;font-weight:400;color:#567867;margin-top:12px}
.auth-content>p.welcome-message{font-size:21px;line-height:1.5;color:#203c3a;margin:0 0 12px;max-width:30ch}
.auth-content>p.welcome-description{font-size:17px;line-height:1.7;color:#48615b;margin:0;max-width:36ch}
.welcome-entry{margin-top:34px;min-height:108px}
#auth-google-button{min-height:44px;margin:0;max-width:300px}#auth-google-button:empty{display:none}
#auth-google-button svg{width:18px;height:18px;stroke:none;stroke-width:0;flex-shrink:0}
.auth-content .auth-status{font-size:12px;line-height:1.5;min-height:18px;color:#48615b;margin:12px 0 0;max-width:40ch}
.auth-content noscript{color:#48615b;font-size:14px;line-height:1.6;margin-top:16px}
.welcome-start{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:50px;width:280px;border:0;border-radius:10px;padding:12px 20px;background:#204d45;color:#f0f5ed;font:550 16px Figtree,system-ui,sans-serif;cursor:pointer;transition:background-color .18s ease}
.welcome-start:hover{background:#326958}.welcome-start:disabled{cursor:wait;opacity:.65}.welcome-start svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#auth-continue[hidden],#auth-retry[hidden]{display:none}
.auth-content #auth-retry{margin-top:14px;min-height:44px;background:#204d45;color:#eef5ee;border:0;padding:10px 18px}
.auth-content>p.welcome-save{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;color:#48615b;margin:9px 0 0;max-width:none}
.welcome-save svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#567867;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.welcome-aquatic{position:relative;margin:0 -3vw 0 -36px;min-width:0;align-self:center}
.welcome-fish{display:block;width:100%;height:auto;object-fit:contain;transform:scaleX(-1);animation:koi-drift 12s ease-in-out infinite;filter:drop-shadow(0 24px 22px #051f2533)}
.welcome-aquatic figcaption{margin:34px 6% 0 18%;color:#e2ebe1;font-size:14px;font-weight:500;line-height:1.5}
.welcome-aquatic figcaption>span{display:inline-block;width:32px;height:1px;background:#9cbdaf;vertical-align:middle;margin-right:12px}
.welcome-aquatic figcaption small{display:block;font-size:12px;font-weight:400;color:#b0c7c9;margin:7px 0 0 44px}
.welcome-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px 30px;font-size:12px;line-height:1.5}
.welcome-footer a{color:#48615b;text-underline-offset:4px;text-decoration-thickness:1px}.welcome-footer>span{color:#b0c7c9}
@keyframes koi-drift{0%,100%{transform:scaleX(-1) translateY(7px) rotate(-1deg)}50%{transform:scaleX(-1) translateY(-9px) rotate(1deg)}}
@media(min-width:1600px){.welcome-water{left:51%}.welcome-main{gap:50px}.welcome-aquatic{margin-left:-55px;margin-right:-40px}}
@media(max-width:1000px) and (min-width:701px){.welcome-header,.welcome-main,.welcome-footer{padding-inline:36px}.welcome-main{grid-template-columns:1fr 1fr;gap:12px}.auth-content h1{font-size:48px}.auth-content>p.welcome-message{font-size:18px}.welcome-aquatic{margin-left:-10px}.welcome-aquatic figcaption{margin-left:22%}.welcome-aquatic figcaption small{margin-left:0}.welcome-platform{font-size:11px}}
@media(max-width:700px){
 .welcome-header{min-height:74px;gap:12px}.welcome-studio{font-size:13px;gap:8px}.welcome-studio svg{width:25px;height:25px}.welcome-platform{font-size:11px;color:#48615b;max-width:122px;line-height:1.4}.welcome-platform svg{display:none}
 .welcome-main{grid-template-columns:1fr;gap:24px;padding-block:26px 24px;flex:initial}.auth-content{max-width:440px;width:100%;margin-inline:auto}.auth-content h1{font-size:clamp(44px,11.5vw,58px);letter-spacing:-.035em;margin-bottom:24px}.auth-content h1>span{margin-top:8px}.auth-content>p.welcome-message{font-size:18px}.auth-content>p.welcome-description{font-size:15px;line-height:1.6;max-width:36ch}.welcome-entry{margin-top:24px;min-height:94px}.auth-content .auth-status{font-size:11px}.auth-content>p.welcome-save{font-size:11px;margin-top:0}
 .welcome-water{display:none}
 .welcome-aquatic{z-index:0;width:100%;max-width:450px;margin:5px auto 0;padding-top:22px}.welcome-aquatic::before{content:'';position:absolute;z-index:-1;inset:-8px -24px -160px;background:#163c43;border-radius:50% 50% 0 0 / 80px 80px 0 0}.welcome-fish{width:100%;max-height:280px}.welcome-aquatic figcaption{margin:17px 0 0 15%;font-size:12px}.welcome-aquatic figcaption small{font-size:11px;margin-top:4px}
 .welcome-footer{margin-top:auto;padding-block:20px 24px;font-size:12px;gap:16px}.welcome-footer a,.welcome-footer>span{color:#cfddd6}.welcome-footer>span{max-width:100px;text-align:right}.auth-content noscript{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.welcome-fish{animation:none;transform:scaleX(-1)}.welcome-start{transition:none}}