@font-face{font-family:BeeSong;src:url('/islands/fonts/noto-serif-tc.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:BeeSans;src:url('/islands/fonts/noto-sans-tc-reading.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:BeeIansui;src:url('/islands/fonts/iansui.woff2') format('woff2');font-display:swap}@font-face{font-family:Pirata;src:url('/islands/fonts/pirata-one.woff2') format('woff2');font-display:swap}
:root{--ink:#153b55;--teal:#078895;--deep:#006276;--gold:#f6bc36;--cream:#fffcf3;--muted:#4c6976;--line:#bdd5d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--cream);font:19px/1.85 BeeSans,system-ui,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}[hidden]{display:none!important}.welcome-nav{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 48px;gap:24px;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:900;font-size:26px;line-height:1.2;white-space:nowrap}.wordmark span:nth-child(1){color:#d68a10}.wordmark span:nth-child(2){color:var(--teal)}.wordmark span:nth-child(3){color:var(--ink)}.wordmark small{display:block;font:16px/1.7 BeeIansui,serif;letter-spacing:.22em;margin-top:7px}.welcome-nav nav{display:flex;gap:26px;align-items:center;font-size:17px}.welcome-nav nav a{text-decoration:none}.nav-login{border:1px solid var(--ink);padding:9px 20px;border-radius:6px}.hero{max-width:1440px;margin:auto;padding:72px 48px 64px;display:grid;grid-template-columns:1fr 1.06fr;gap:24px;align-items:center}.eyebrow{font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--teal);margin:0 0 20px}h1,h2{font-family:BeeSong,serif;font-weight:900;margin:0;line-height:1.4}h1{font-size:clamp(44px,4.8vw,70px);letter-spacing:-.03em}em{font-style:normal;color:var(--teal)}.hero-lead{font-size:21px;line-height:1.9;margin:28px 0;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;text-decoration:none;font:700 18px/1.7 BeeSans,sans-serif;padding:15px 23px;min-height:56px;border:1px solid var(--ink);border-radius:7px;cursor:pointer;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #153b5518}.gold{color:var(--ink);background:var(--gold);border-color:#b98417;box-shadow:0 4px 0 #c38d20}.outline{background:transparent;color:var(--ink)}.micro{font-size:14px;color:var(--muted);line-height:1.8;margin-top:20px}.bee-map{position:relative;padding:44px 8px 160px;border-radius:50%;background:radial-gradient(ellipse at center,#e0f2ed 0,transparent 69%)}.bee-map svg{width:100%;height:auto;overflow:visible}.bee-mobile-labels text{font-family:BeeSans,sans-serif;font-size:29px}.map-label{text-align:center;letter-spacing:.2em;font:20px/1.6 BeeIansui,serif;color:var(--muted);margin:0 0 22px}.map-captions{display:grid;grid-template-columns:repeat(4,1fr);font:20px/1.8 BeeIansui,serif;text-align:center;margin-top:8px}.bounty-stamp{position:absolute;bottom:0;right:30px;background:var(--ink);color:#fff4cc;border:6px double #e4bc67;transform:rotate(-7deg);padding:15px 26px;line-height:1.5;box-shadow:5px 6px 0 #153b5515}.bounty-stamp span{display:block;font-size:13px;letter-spacing:.15em;margin-bottom:6px}.bounty-stamp b{font:24px/1.5 BeeIansui,serif}.how{max-width:1440px;margin:auto;padding:70px 48px;border-top:1px solid var(--line)}.section-intro{margin-bottom:40px}.section-intro h2{font-size:36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.steps article{padding-top:20px;border-top:3px solid var(--teal)}.step-number{font:42px/1.3 Pirata,serif;color:#bd8716}.steps h3{font:26px/1.5 BeeIansui,serif;margin:14px 0}.steps p{font-size:18px;color:var(--muted);margin:0}.modes{max-width:1440px;margin:auto;padding:0 48px 80px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-card{background:#fff2c5;padding:34px 36px;border:1px solid #e0bf65;border-radius:12px}.mode-card.challenge{background:#e4f3f2;border-color:#a6cacc}.mode-card h2{font-size:32px}.mode-card p:not(.eyebrow){font-size:18px}.text-link{font-weight:700;text-underline-offset:7px}.join{background:var(--ink);color:#fffaf0;padding:60px max(48px,calc((100vw - 1344px)/2));display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.join h2{font-size:36px}.join .eyebrow{color:#f9ce6b}.join p{font-size:17px}.join-action .button{width:100%}.join-action .outline{color:#fffaf0;border-color:#92b6bf;margin-top:16px}.join .micro{color:#bed0d5;font-size:14px}.join [role=status]{font-size:16px;min-height:3.6em;overflow-wrap:anywhere}.button:disabled{opacity:.65;cursor:wait}.welcome-footer{padding:32px 48px;display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:14px;color:var(--muted)}.login-intro{max-width:1344px;margin:auto;padding:62px 48px 42px}.login-intro h1{font-size:clamp(38px,5vw,62px)}.login-intro p:not(.eyebrow){font-size:20px;color:var(--muted)}.login-destination{border-left:4px solid var(--gold);padding-left:16px}.login-destination:empty{display:none}@media(min-width:1600px){.join{padding-left:calc((100vw - 1344px)/2);padding-right:calc((100vw - 1344px)/2)}}@media(max-width:1000px){.welcome-nav{padding:24px}.hero{padding:52px 24px;grid-template-columns:1.05fr 1fr;gap:8px}h1{font-size:clamp(36px,5.2vw,48px)}.hero-lead{font-size:18px}.hero-lead br{display:none}.hero-actions .button{width:100%}.bee-map{padding-bottom:150px}.bounty-stamp{right:0;padding:12px 18px}.how,.modes{padding-left:24px;padding-right:24px}.steps{gap:24px}.steps h3{font-size:24px}.join{padding:48px 24px;gap:32px}.join h2{font-size:30px}}@media(max-width:700px){body{font-size:18px}.welcome-nav{padding:18px 20px;gap:16px;align-items:flex-start}.wordmark{font-size:21px}.wordmark small{font-size:13px}.welcome-nav nav{font-size:14px;gap:12px;flex-direction:column;align-items:flex-end}.nav-login{padding:5px 12px}.hero{display:flex;flex-direction:column;padding:40px 22px 36px;gap:26px;align-items:stretch}.eyebrow{font-size:13px;margin-bottom:16px}h1{font-size:clamp(32px,10vw,40px)}.hero-lead{font-size:19px;line-height:1.8;margin:22px 0}.hero-actions{gap:12px}.button{font-size:18px;padding:13px 18px}.bee-map{padding:12px 0 135px;max-width:560px;width:100%;align-self:center}.map-label{font-size:18px;margin-bottom:10px}.map-captions{font-size:17px}.bounty-stamp{right:8px;font-size:12px;padding:10px 18px}.bounty-stamp b{font-size:20px}.bounty-stamp span{font-size:11px}.how{padding:38px 22px}.section-intro{margin-bottom:26px}.section-intro h2{font-size:29px}.steps{grid-template-columns:1fr;gap:28px}.steps article{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding-top:18px}.steps h3{margin:0;font-size:24px}.steps p{grid-column:2;font-size:18px;margin-top:8px}.step-number{grid-row:1/3;font-size:34px}.modes{padding:0 22px 40px;grid-template-columns:1fr;gap:18px}.mode-card{padding:26px}.join{grid-template-columns:1fr;gap:22px;padding:36px 22px}.join h2{font-size:30px}.join [role=status]{font-size:16px}.welcome-footer{padding:28px 22px;gap:14px;font-size:13px}.welcome-footer span{width:100%;text-align:center}.login-intro{padding:40px 22px 24px}.login-intro h1{font-size:40px}.login-intro p:not(.eyebrow){font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
