/* Daylight palette and the fishing interaction. Loaded after the shared layout. */
:root{--navy:#f8faf3;--deep:#e5f1e9;--panel:#e1f3ee;--ink:#214c52;--muted:#506d6e;--gold:#267878;--line:#26787833;color-scheme:light}
body{background:#f8faf3}p{line-break:strict;word-break:auto-phrase;text-wrap:pretty}h1,h2,h3{word-break:auto-phrase}.site-header{background:#fbfcf6;border-color:#226b6e19}.brand-icon{border:0;border-radius:0;width:49px;height:49px}.brand small{color:#407c7b}.button{border-radius:50px}.gold-button{background:#ffcc7b;color:#284e50;box-shadow:0 5px 0 #e8ab56,0 12px 26px #6b927224}.gold-button:hover{background:#ffd995;box-shadow:0 5px 0 #e8ab56,0 17px 30px #6b927233}.outline{border-color:#5f9591;background:#fffaf1}.button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#b35b27}.hero{background:radial-gradient(ellipse at 20% 24%,#fffdf0 0%,#fffdf000 60%),linear-gradient(130deg,#eef9f1,#c8eee8);min-height:0}.hero:before{background:radial-gradient(circle,#79b9b826 1px,transparent 1.5px) 0 0/22px 22px;opacity:.7}.hero-inner{grid-template-columns:.92fr 1.15fr;gap:5%;padding:65px 5% 50px;align-items:center}.hero h1{letter-spacing:.04em}.hero h1 strong{font-size:clamp(36px,4.3vw,60px)}.hero h1>span{font-size:clamp(27px,3.15vw,43px)}.hero .gold{color:#de7946;position:relative}.hero .gold:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='8'%3E%3Cpath d='M0 5Q9 0 18 5T36 5' fill='none' stroke='%23eaa56c' stroke-width='2'/%3E%3C/svg%3E") repeat-x}.hero-lead{color:#3c6263}.hero-location{color:#577e7b}.hero-bottom{color:#4b7574}.sea-light{background:conic-gradient(from 120deg,transparent,#fff9,transparent 20%,#fff4,transparent 40%)}.motes i{background:#fff;box-shadow:0 0 12px #fff}.tide{background:radial-gradient(ellipse at 50% 90%,#acdfd8,transparent 65%)}.cards-track{scrollbar-color:#78b0a9 #dceee4}.fishing-card{--gold:#996e37;--ink:#294e50;background:radial-gradient(ellipse at 60% 10%,color-mix(in srgb,var(--card-tint) 23%,#fffdf2),#fffcf0 80%);border-color:#d4b47d;box-shadow:inset 0 0 0 3px #fffcf0,inset 0 0 0 4px #d4b98285,0 15px 25px #446c651c;color:#294e50}.card-title{color:#295c61}.card-caption>span{color:#746443}.card-ornament,.card-bottom{color:#856c44}.card-art{border-color:#ceb983}.card-button:hover .fishing-card{box-shadow:0 20px 35px #447c762e}.collection-controls button{border-color:#8fb8ab}.invitation{background:#e4f3e9}.invitation-art:after{background:linear-gradient(90deg,transparent 75%,#e4f3e9)}.stay-section,.result-stay{background:#e0f0e7}.stay-image>span{color:#fff9e9}.closing{background:radial-gradient(ellipse at center,#d7efe4,#f8faf3 75%)}.preview-note{color:#657d71}.field-rules{border-color:#9cbbb2}.faq-list details{border-color:#739b8740}.quiz-view{background:radial-gradient(ellipse at 20% 40%,#d9f1e4,transparent 70%)}.quiz-scene{color:#fff9e9}.quiz-scene>.eyebrow{color:#ffda9d}.option{background:#fffdf7;border-color:#b5cfc3;border-radius:12px;box-shadow:0 3px 0 #ceded33a}.option:hover{background:#edf8ec;border-color:#4f9290}.option[aria-pressed=true]{background:#d8efe3;border-color:#317e7b}.option[aria-pressed=true] .option-letter{color:white}.reveal-view{background:radial-gradient(ellipse at center,#d6f0e5,transparent 70%)}.card-back{color:#f6da9a;--gold:#d4b982}.tie-note{background:#e6f2e8}.result-card-wrap .fishing-card{box-shadow:0 25px 50px #386f622b}.result-share-primary{margin-top:10px}dialog{background:#fffcf3;border-color:#9ec3b6;box-shadow:0 30px 100px #1c4f4840}dialog::backdrop{background:#123e5077;backdrop-filter:blur(7px)}.dialog-close{background:#e2f1e5;color:#285e62;border-color:#a4c8ba}.share-note{line-height:1.9}.profile-layout .card-caption p{color:#294e50!important}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.share-buttons .button{font-size:12px;gap:8px;min-height:52px;padding:12px}.share-buttons .instagram{background:#fff0e5;border:1px solid #dcaa87;color:#844f3b}.share-buttons .pdf-button{background:#e1f3ea;color:#245e61;border:1px solid #90b9a9}.share-buttons .x-button{background:#284e50;color:#fff9eb;text-align:center;grid-column:1/-1}.share-note strong{font-weight:500}#caption-fallback{width:100%;min-height:130px;font-size:12px;background:white;color:#214c52}#pdf-dialog{width:560px;max-width:calc(100vw - 24px);text-align:center;padding:44px 25px 28px}#pdf-dialog h2{font-size:23px}#pdf-dialog p{font-size:12px;margin:14px 0}#pdf-preview{max-height:54svh;width:auto;margin:20px auto;box-shadow:0 8px 25px #244e4a26}#pdf-dialog .button{width:100%;font-size:13px}#toast{background:#214c52;color:#fffbea}
/* A tiny seaside theatre: image, water, line, float and catch move independently. */
.fishing-play{position:relative;min-width:0;max-width:650px;width:100%;margin:auto;isolation:isolate;transform:rotate(1.5deg)}.play-stamp{position:absolute;right:4%;top:-20px;z-index:5;background:#ffcc7b;color:#4f634c;border:5px solid #fff9eb;border-radius:50%;width:114px;height:114px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font-size:11px;letter-spacing:.05em;box-shadow:0 6px 14px #3065521a}.play-stamp span{font-size:8px;letter-spacing:0;margin-top:3px}.play-world{position:relative;height:460px;border:9px solid #fffdf5;border-radius:150px 150px 28px 28px;overflow:hidden;background:#a8e0ee;box-shadow:0 18px 45px #47847828;isolation:isolate}.play-scene{height:78%;width:100%;object-fit:cover;object-position:46% center;animation:harborBreathe 12s ease-in-out infinite alternate;transform-origin:40% 60%}.play-sun{position:absolute;top:22px;left:28px;color:#fff3b8;font-size:65px;animation:sunTurn 20s linear infinite}.play-water{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(#7cdbd3,#55babd);border-top:2px solid #e1ffefb3;z-index:2}.water-wave{position:absolute;left:-30%;width:160%;height:50px;top:-26px;border-radius:50%;background:#97e6dc;animation:waterRock 5.5s ease-in-out infinite alternate}.wave-front{top:-15px;background:#75d4cf;animation-duration:7s;animation-direction:alternate-reverse}.water-glint{position:absolute;color:#e0fff0;font-size:24px;animation:twinkle 3s ease-in-out infinite}.g1{left:13%;top:20px}.g2{left:83%;top:32px;animation-delay:-1s}.g3{left:40%;top:70px;font-size:15px;animation-delay:-2s}.swim-fish{position:absolute;width:65px;fill:#247a802c;animation:swimPast 14s ease-in-out infinite alternate;left:12%;top:60px}.fish-two{width:40px;left:55%;top:90px;animation-delay:-7s;animation-duration:11s}.play-bobber{position:absolute;left:64%;top:-20px;width:18px;height:50px;transform:rotate(9deg);border:2px solid #366c73;border-radius:45%;background:linear-gradient(#f78669 0 48%,#fff9dd 48% 80%,#f78669 80%);box-shadow:2px 4px 5px #235e7433;animation:floatIdle 2.6s ease-in-out infinite;transform-origin:50% 80%;z-index:3}.play-bobber:before{content:'';position:absolute;height:95px;bottom:45px;left:7px;width:1px;background:#fff9e9c9;transform:rotate(-20deg);transform-origin:bottom}.play-bobber i{position:absolute;width:3px;height:16px;left:6px;top:-15px;background:#386a74;border-radius:3px}.play-rings{position:absolute;left:calc(64% - 31px);top:17px;width:80px;height:18px;border:2px solid #ecfff9a8;border-radius:50%;animation:ripple 2.6s infinite}.play-callout{position:absolute;top:64%;left:5%;z-index:4;background:#fffdf2;padding:10px 17px;border-radius:20px 20px 20px 2px;font-size:13px;font-weight:600;box-shadow:0 5px 15px #22506420;transform:rotate(-3deg)}.play-console{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffdf3;border:1px solid #c0dacf;border-radius:20px;padding:16px 20px;margin:-7px 15px 0;position:relative;z-index:5;box-shadow:0 8px 15px #2c735113;transform:rotate(-1.5deg)}.play-step{font-size:9px;letter-spacing:.16em;color:#758c76}.play-console p{font-size:12px;line-height:1.6;margin-top:3px}.play-console button{border-radius:30px;background:#256f73;color:#fff9e7;min-height:46px;padding:11px 19px;white-space:nowrap;font-size:12px;font-weight:600;box-shadow:0 3px 0 #174e59}.play-console button span{font-size:17px;margin-left:8px}.play-console button:hover{background:#1e8182}.play-disclaimer{text-align:center;font-size:9px;color:#577673;margin-top:13px;transform:rotate(-1.5deg)}.play-catch{position:absolute;inset:0;z-index:6;display:grid;place-content:center;background:#d3f3e9a6;backdrop-filter:blur(3px)}.play-catch .fishing-card{width:214px;transform:rotate(-5deg);animation:landCard .8s cubic-bezier(.2,.7,.2,1.1) both;box-shadow:0 20px 40px #28675b3b}.play-catch .card-title{font-size:17px;margin:10px 0}.play-catch .card-caption p{font-size:9px}.play-catch .card-caption{padding:10px 0}.play-catch .card-ornament small{font-size:6px}.play-catch-label{font-size:11px;font-weight:600;position:absolute;bottom:13px;left:0;right:0;text-align:center;background:#fffcf0;padding:7px}.splash-drops{position:absolute;left:64%;top:8px}.splash-drops i{position:absolute;background:#ecfff7;width:7px;height:12px;border-radius:50%;opacity:0;--dx:-38px;--dy:-42px}.splash-drops i:nth-child(2){--dx:-15px;--dy:-60px}.splash-drops i:nth-child(3){--dx:14px;--dy:-65px}.splash-drops i:nth-child(4){--dx:38px;--dy:-48px}.splash-drops i:nth-child(5){--dx:56px;--dy:-20px}[data-stage=casting] .play-bobber{animation:castArc .85s ease-out both}[data-stage=casting] .play-rings{animation:splash 1s ease-out}[data-stage=casting] .splash-drops i,[data-stage=landed] .splash-drops i{animation:waterDrop .8s ease-out both}[data-stage=bite] .play-bobber{animation:floatBite .55s ease-in-out infinite}[data-stage=bite] .play-rings{animation:ripple .65s ease-out infinite}[data-stage=bite] .play-callout{background:#ffda86;animation:bubbleFloat 1s ease-in-out infinite}[data-stage=bite] #cast-button{background:#a35334}[data-stage=landed] .play-bobber{opacity:0}
@keyframes harborBreathe{to{transform:scale(1.055) translateX(5px)}}@keyframes sunTurn{to{transform:rotate(360deg)}}@keyframes waterRock{to{transform:translate(6%,6px) rotate(3deg)}}@keyframes swimPast{to{transform:translateX(170px)}}@keyframes floatIdle{50%{transform:translateY(6px) rotate(-7deg)}}@keyframes floatBite{50%{transform:translateY(22px) rotate(-20deg)}}@keyframes castArc{0%{transform:translate(-210px,35px) rotate(-45deg);opacity:0}35%{transform:translate(-105px,-200px) rotate(30deg);opacity:1}100%{transform:translate(0,0) rotate(8deg)}}@keyframes waterDrop{15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes landCard{from{transform:translateY(300px) rotate(18deg) scale(.6);opacity:0}to{transform:rotate(-5deg);opacity:1}}
.pause-motion .play-catch .fishing-card{animation:none;opacity:1;transform:rotate(-5deg)}.pause-motion .fishing-play[data-stage=casting] .play-bobber{animation:none;transform:none}.pause-motion .fishing-play *{animation:none!important}
@media(max-width:1100px){.hero-inner{gap:3%;padding:55px 4% 40px}.play-world{height:400px}.play-console{padding:13px}.play-console p{font-size:11px}.play-console button{padding:10px 14px}.play-stamp{width:95px;height:95px;font-size:10px}.play-stamp span{font-size:7px}.hero h1 strong{font-size:42px}}
@media(max-width:980px){.hero-inner{padding:33px 25px 24px;gap:27px}.hero h1 strong{font-size:43px}.hero h1>span{font-size:28px}.hero-copy .eyebrow{font-size:10px}.hero-copy .micro{margin-top:12px}.fishing-play{max-width:520px}.play-world{height:360px;border-width:7px;border-radius:95px 95px 22px 22px}.play-stamp{top:-12px;right:1%}.play-catch .fishing-card{width:180px}.play-catch .card-title{font-size:15px;margin:7px 0}.play-catch .card-caption{padding:7px 0}.play-catch .card-caption p{font-size:8px}.play-catch-label{font-size:10px;bottom:9px;padding:4px}.play-callout{font-size:11px;padding:9px 13px;top:61%}.play-console{margin-inline:7px;padding:12px 13px;border-radius:16px}.play-console p{font-size:10px}.play-console button{font-size:11px;min-height:43px}.play-disclaimer{font-size:8px}.brand-icon{width:42px;height:42px}.invitation-art:after{background:linear-gradient(0deg,#e4f3e9,transparent 55%)}.share-buttons{gap:9px}.share-buttons .button{font-size:11px;padding:12px 8px}.result-copy .result-share-primary{font-size:12px}.hero-bottom{padding-bottom:24px}.play-sun{font-size:40px}.play-catch .card-ornament small{font-size:5px}}
@media(max-width:420px){.play-world{height:305px}.play-stamp{width:83px;height:83px;border-width:4px;font-size:9px}.play-stamp span{font-size:6px}.play-water{height:32%}.play-catch .fishing-card{width:156px}.play-catch .card-title{font-size:13px;margin:6px 0}.play-catch .card-caption{padding:5px 0}.play-catch .card-caption p{font-size:7px}.play-catch .card-ornament{height:14px}.play-catch .card-ornament small{font-size:4px}.play-catch .card-bottom small{font-size:5px}.play-catch .card-bottom>span{font-size:13px}.play-catch .card-bottom{padding-top:4px}.play-catch .card-caption>span{font-size:4px}.play-console{gap:5px}.play-console button{padding:10px 12px}.play-console button span{margin-left:4px}.play-step{font-size:8px}.hero-inner{padding-inline:23px}.hero h1 strong{font-size:40px}.hero h1>span{font-size:27px}}
@media(max-width:370px){.brand-icon{width:35px;height:35px}.hero-inner{padding-inline:18px}.hero h1 strong{font-size:36px}.hero h1>span{font-size:24px}.play-world{height:280px}.play-console{padding:10px;margin-inline:2px}.play-console button{font-size:10px;padding:10px}.play-console p{font-size:9px}.play-stamp{width:76px;height:76px;right:-4px}.play-callout{font-size:9px}.play-catch .fishing-card{width:144px}.play-catch .card-caption p{font-size:6px}.share-buttons{grid-template-columns:1fr}.share-buttons .x-button{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.fishing-play *{animation:none!important;transition:none!important}.play-catch .fishing-card{transform:rotate(-5deg);opacity:1}}
