:root{--sand: #f2ddb0;--sand-dark: #e2c68f;--sand-wet: #d9bd85;--paper: #fff8ea;--paper-stripe: #fbeed3;--wood: #8a5a3b;--wood-dark: #5f3d28;--wood-light: #b07f52;--ocean: #3a7ca5;--ocean-deep: #235b7f;--ocean-shallow: #5fa8c8;--foam: #d7f0f5;--ink: #3a2a1a;--muted: #7a5c40;--good: #2e8b57;--gold: #e8a33d;--sky-top: #7ec9e8;--sky-bottom: #bfe6f0;--trophy-gold: #e8b93d;--legendary: #c8628f;--frame: 4px solid var(--wood-dark);--lift: 0 5px 0 var(--wood-dark);--shell-max: 1080px;--sky-h: 240px;--sea-top: 430px;--shore-x: calc(50% + 28px) ;font-family:Pixelify Sans,system-ui,sans-serif}*{box-sizing:border-box}.app{position:relative;min-height:100vh}body{margin:0;min-height:100vh;color:var(--ink);background-color:var(--sand);background-image:radial-gradient(rgba(138,90,59,.11) 1px,transparent 1px),radial-gradient(rgba(138,90,59,.08) 1px,transparent 1px);background-size:22px 22px,34px 34px;background-position:0 0,11px 17px;overflow-x:hidden}img{image-rendering:pixelated}.scene{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.scene__sky{position:absolute;inset:0 0 auto 0;height:var(--sky-h);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 100%)}.scene__sun{position:absolute;top:74px;right:10%;width:76px;height:76px;background:#ffe9a8;border-radius:50%;box-shadow:0 0 0 12px #ffe9a859}.scene__cloud{position:absolute;height:14px;background:#ffffffd9;box-shadow:18px -10px #ffffffd9,38px 0 #ffffffd9}.scene__cloud--a{top:130px;left:8%;width:46px;animation:drift 70s linear infinite}.scene__cloud--b{top:96px;left:52%;width:34px;opacity:.75;animation:drift 95s linear infinite}@keyframes drift{0%{transform:translate(-10vw)}to{transform:translate(110vw)}}.scene__gull{position:absolute;top:112px;width:40px;animation:gullFly 26s linear infinite}@keyframes gullFly{0%{left:105%;transform:translateY(0)}50%{transform:translateY(22px)}to{left:-8%;transform:translateY(0)}}.scene__sea{position:absolute;top:var(--sea-top);left:var(--shore-x);right:0;bottom:0;overflow:hidden;background:linear-gradient(90deg,var(--ocean-shallow) 0%,var(--ocean) 22%,var(--ocean-deep) 100%)}.scene__foam{position:absolute;left:0;top:0;bottom:0;width:9px;background-image:repeating-linear-gradient(180deg,var(--foam) 0 10px,transparent 10px 22px);animation:foamShift 2.4s steps(3) infinite}@keyframes foamShift{0%{background-position-y:0}to{background-position-y:66px}}.scene__fish{position:absolute;width:26px;opacity:.5}.scene__fish--a{left:22%;animation:swim 30s linear infinite}.scene__fish--b{left:54%;width:20px;opacity:.38;animation:swim 44s linear infinite 5s}@keyframes swim{0%{top:-14%}to{top:114%}}.scene__shore{position:absolute;top:var(--sky-h);left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--sand-wet) 0%,var(--sand-dark) 22%,var(--sand) 100%)}@media (max-width: 900px){.scene__sun{display:none}}.nav{position:relative;z-index:3;background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 100%);border-bottom:4px solid var(--wood-dark);box-shadow:0 4px #5f3d2840}.nav__inner{max-width:var(--shell-max);margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nav__logo{font-family:"Press Start 2P",monospace;font-size:20px;color:var(--paper);text-decoration:none;text-shadow:2px 2px 0 var(--wood-dark);letter-spacing:1px}.nav__links{display:flex;gap:18px;order:3;width:100%;justify-content:center;padding-top:4px;border-top:2px dashed rgba(255,248,234,.35)}.nav__links a{color:var(--paper);text-decoration:none;font-weight:600;font-size:15px;padding:6px 2px}.nav__links a:hover{color:var(--gold)}.nav-captain{text-decoration:none}.page{position:relative;z-index:2;max-width:var(--shell-max);margin:0 auto;padding:24px 18px 64px}.pixel-btn{min-height:46px;padding:12px 20px;font-family:Pixelify Sans,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;white-space:nowrap;color:var(--paper);cursor:pointer;background:var(--ocean);border:3px solid var(--ocean-deep);border-radius:4px;box-shadow:0 4px 0 var(--ocean-deep);transition:transform .06s ease,box-shadow .06s ease}.pixel-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ocean-deep)}.pixel-btn:disabled{opacity:.6;cursor:not-allowed}.pixel-btn--secondary{background:var(--wood-light);border-color:var(--wood-dark);box-shadow:0 4px 0 var(--wood-dark)}.pixel-btn--ghost{background:var(--paper);color:var(--wood-dark);border-color:var(--wood);box-shadow:0 4px 0 var(--wood)}.pixel-btn--full{width:100%}.hero{display:grid;gap:10px;justify-items:center;text-align:center;min-height:400px;align-content:start;padding:8px 0 0}.hero__title{font-family:"Press Start 2P",monospace;font-size:clamp(22px,6.4vw,40px);line-height:1.55;margin:0 0 18px;color:var(--paper);text-shadow:3px 3px 0 var(--ocean-deep),6px 6px 0 rgba(35,91,127,.35)}.hero__subtitle{display:inline-block;margin:0 0 22px;padding:10px 18px;font-size:16px;color:var(--wood-dark);background:var(--paper);border:3px solid var(--wood);border-radius:4px;box-shadow:var(--lift)}.hero__actions{display:flex;flex-direction:column;gap:12px;align-items:center}.hero__mascot{position:relative;display:flex;flex-direction:column;align-items:center}.facts{margin-top:28px;background:var(--paper);border:var(--frame);border-radius:8px;box-shadow:var(--lift),0 12px 26px #5f3d2833;padding:22px 20px;text-align:center}.facts__title{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--ocean-deep);margin:0 0 18px;line-height:1.6}.facts__grid{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.facts__item{display:flex;flex-direction:column;gap:2px;padding:12px 8px;background:var(--sand);border:3px solid var(--wood-light);border-radius:6px}.facts__label{font-weight:700;color:var(--wood-dark);font-size:15px}.facts__note{font-size:13px;color:var(--muted)}.facts__cap{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--ocean);margin-top:4px}.facts__foot{margin:0;font-size:14px;color:var(--muted);line-height:1.6}.mascot__sprite{background-image:url(/assets/reel/mascot_fishing.png);background-repeat:no-repeat;image-rendering:pixelated}.mascot--sm{background:var(--foam);border:3px solid var(--ocean-deep);border-radius:6px;padding:4px;display:inline-flex}.mascot--sm .mascot__sprite{width:100px;height:116px;background-size:600px 116px;animation:fishSm 1.1s steps(6) infinite}@keyframes fishSm{to{background-position-x:-600px}}.mascot--lg .mascot__sprite{width:200px;height:232px;background-size:1200px 232px;animation:fishLg 1.1s steps(6) infinite}@keyframes fishLg{to{background-position-x:-1200px}}.mascot--legendary .mascot__sprite{filter:drop-shadow(0 0 10px var(--legendary))}@media (prefers-reduced-motion: reduce){.mascot__sprite{animation:none}}.captain-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;min-height:44px;background:var(--paper);border:3px solid var(--wood-dark);border-radius:999px;font-size:14px;font-weight:700;color:var(--wood-dark)}.captain-badge__score{color:var(--ocean-deep)}.license-page{display:flex;flex-direction:column;align-items:center;gap:16px}.license-page--empty{text-align:center;padding:32px 20px;background:var(--paper);border:var(--frame);border-radius:8px;box-shadow:var(--lift)}.license-page__prompt,.license-page__notice,.license-page__error{padding:14px 18px;margin:0;text-align:center;background:var(--paper);border:3px solid var(--wood);border-radius:6px;color:var(--muted);box-shadow:var(--lift)}.license-page--empty .license-page__prompt{border:none;box-shadow:none;padding:0;background:none}.license-page__error{color:#a8570d;border-color:var(--gold)}.license-page__empty-actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:18px}.license{width:100%;max-width:460px;background:repeating-linear-gradient(180deg,var(--paper) 0px,var(--paper) 26px,var(--paper-stripe) 26px,var(--paper-stripe) 27px);border:var(--frame);border-radius:8px;padding:22px;box-shadow:var(--lift),0 14px 30px #5f3d2847}.license__top{display:flex;align-items:center;gap:14px;border-bottom:3px dashed var(--wood-light);padding-bottom:14px;margin-bottom:16px}.license__id{flex:1;min-width:0}.license__label{font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.license__rank{font-family:"Press Start 2P",monospace;font-size:13px;margin:6px 0;color:var(--wood-dark)}.license__addr{font-size:13px;color:var(--muted);word-break:break-all}.license__catch{text-align:center;margin-bottom:18px}.license__catch-num{font-family:"Press Start 2P",monospace;font-size:clamp(30px,9vw,42px);color:var(--ocean-deep);line-height:1.3}.license__catch-num span{font-size:14px;color:var(--muted)}.license__catch-cap{font-size:12px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.license__status{display:inline-block;margin-top:10px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:999px;border:2px solid currentColor;background:#2e8b5724;color:var(--good)}.license__status--rookie,.license__status--sailor{background:#7a5c4024;color:var(--muted)}.license__status--veteran{background:#e8a33d33;color:#a8570d}.license__status--legendary{background:#c8628f2e;color:var(--legendary)}.license__notice{background:#e8a33d29;border:3px dashed var(--gold);border-radius:6px;padding:14px;margin-bottom:16px;font-size:14px;line-height:1.55}.license__factors{display:flex;flex-direction:column;gap:13px}.license__actions{margin-top:20px;padding-top:16px;border-top:3px dashed var(--wood-light)}.license__fishing{margin-top:16px;padding-top:16px;border-top:3px dashed var(--wood-light)}.score-bar__label{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:6px}.score-bar__val{color:var(--muted);font-weight:400}.score-bar__track{height:14px;background:var(--sand-dark);border:2px solid var(--wood-dark);border-radius:999px;overflow:hidden}.score-bar__fill{height:100%;background:linear-gradient(90deg,var(--ocean) 0%,var(--gold) 100%);transition:width .5s ease}.share-license,.go-fishing{display:flex;flex-direction:column;gap:10px}.go-fishing__explain{font-size:13px;color:var(--muted);margin:0;line-height:1.55}.tx-status{text-align:center;padding:12px;border-radius:6px;border:3px solid currentColor;font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.6}.tx-status--casting,.tx-status--waiting{background:#3a7ca524;color:var(--ocean-deep)}.tx-status--caught{background:#2e8b5729;color:var(--good);display:flex;flex-direction:column;gap:8px}.tx-status--error{background:#e8a33d33;color:#a8570d;font-family:Pixelify Sans,sans-serif;font-size:14px}.leaderboard-page{display:flex;flex-direction:column;gap:18px}.leaderboard-page__title{font-family:"Press Start 2P",monospace;font-size:clamp(16px,5vw,24px);text-align:center;color:var(--paper);text-shadow:3px 3px 0 var(--ocean-deep);margin:8px 0 0;line-height:1.5}.leaderboard{background:var(--paper);border:var(--frame);border-radius:8px;box-shadow:var(--lift),0 12px 26px #5f3d2833;padding:18px 16px}.leaderboard__tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.leaderboard__tab{min-height:46px;padding:8px 16px;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:14px;color:var(--wood-dark);background:var(--sand);border:3px solid var(--wood);border-radius:999px;cursor:pointer;line-height:1.3}.leaderboard__tab--active{background:var(--ocean);border-color:var(--ocean-deep);color:var(--paper)}.leaderboard__soon{display:block;font-size:9px;letter-spacing:1px;opacity:.85}.leaderboard__placeholder{text-align:center;color:var(--muted);padding:28px 12px;line-height:1.6}.leaderboard__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.leaderboard__row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--sand);border:3px solid var(--wood-light);border-radius:6px}.leaderboard__row:nth-child(1){border-color:var(--trophy-gold)}.leaderboard__row:nth-child(2){border-color:#9aa6b0}.leaderboard__row:nth-child(3){border-color:#c3814a}.leaderboard__rank{font-family:"Press Start 2P",monospace;font-size:13px;width:36px;flex-shrink:0}.leaderboard__captain{flex:1;min-width:0;color:var(--wood-dark);text-decoration:none;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__captain:hover{color:var(--ocean-deep)}.leaderboard__score{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--ocean-deep);flex-shrink:0}.about{background:var(--paper);border:var(--frame);border-radius:8px;box-shadow:var(--lift),0 12px 26px #5f3d2833;padding:24px 22px;line-height:1.7}.about__title{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--ocean-deep);margin:0 0 16px;line-height:1.5}.about__subtitle{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--wood-dark);margin:28px 0 12px;line-height:1.5}.about__terms{background:var(--sand);border:3px solid var(--wood-light);border-radius:6px;padding:16px 20px;margin:0}.about__terms dt{font-weight:700;color:var(--wood-dark);margin-top:12px}.about__terms dt:first-child{margin-top:0}.about__terms dd{margin:2px 0 0;color:var(--muted)}.about__vocab{color:var(--muted);padding-left:20px}@media (min-width: 760px){:root{--sky-h: 320px;--sea-top: 320px;--shore-x: calc(50% + 285px) }.nav__inner{flex-wrap:nowrap;padding:14px 24px}.nav__links{order:0;width:auto;padding-top:0;border-top:none}.nav__logo{font-size:26px}.page{padding:40px 24px 80px}.hero{grid-template-columns:1.15fr .85fr;align-items:end;align-content:initial;justify-items:start;text-align:left;gap:32px;min-height:340px;padding:16px 0 0}.hero__actions{flex-direction:row}.hero__mascot{justify-self:center}.mascot--lg .mascot__sprite{width:250px;height:290px;background-size:1500px 290px;animation-name:fishLgWide}@keyframes fishLgWide{to{background-position-x:-1500px}}.facts__grid{grid-template-columns:repeat(4,1fr)}.facts__title{font-size:16px}.license{max-width:500px;padding:26px}.share-license{flex-direction:row}.leaderboard{padding:24px}}.app--inner{--sky-h: 150px;--sea-top: 150px}.app--inner .page{padding-top:150px}.app--inner .scene__sun,.app--inner .scene__cloud--a{display:none}.app--inner .scene__gull{top:88px}@media (min-width: 760px){.app--inner .page{padding-top:168px}}.hero__mascot{position:relative;isolation:isolate}.scene__props{position:absolute;top:0;bottom:0;left:0;width:var(--shore-x)}.prop{position:absolute;display:block}.prop--starfish-a{left:6%;top:28px;width:34px}.prop--scallop-a{left:18%;top:72px;width:30px}.prop--sanddollar-a{left:29%;top:38px;width:30px}.prop--palm-a{left:1%;top:120px;width:320px}.prop--nautilus-a{left:31%;top:152px;width:28px}.prop--sharkseye-a{left:72%;top:18px;width:26px}.prop--sundial-a{left:86%;top:58px;width:26px}.prop--conch-a{left:33%;top:250px;width:28px}.prop--junonia-a{left:8%;top:344px;width:26px}.prop--starfish-b{left:20%;top:330px;width:30px}.prop--clam-a{left:28%;top:336px;width:28px}.prop--palm-b{left:3%;bottom:20px;width:300px}.prop--palm-c{left:45%;bottom:24px;width:290px}.prop--palm-d{left:76%;bottom:14px;width:260px}.prop--oyster-a{left:2%;bottom:214px;width:28px}.prop--conch-b{left:29%;bottom:60px;width:28px}.prop--spirula-a{left:34%;bottom:152px;width:26px}.prop--starfish-c{left:40%;bottom:40px;width:32px}.prop--junonia-b{left:44%;bottom:216px;width:26px}.prop--sanddollar-b{left:62%;bottom:220px;width:28px}.prop--scallop-b{left:69%;bottom:58px;width:28px}.prop--clam-b{left:71%;bottom:150px;width:28px}.prop--starfish-d{left:84%;bottom:168px;width:30px}.prop--nautilus-b{left:97%;bottom:70px;width:26px}@media (max-width: 1099px){.prop--sanddollar-a,.prop--palm-a,.prop--sharkseye-a,.prop--sundial-a,.prop--conch-a,.prop--starfish-b,.prop--palm-b,.prop--palm-c,.prop--palm-d,.prop--conch-b,.prop--starfish-c,.prop--junonia-b,.prop--sanddollar-b,.prop--clam-b,.prop--starfish-d{display:none}.prop--starfish-a{width:21px}.prop--scallop-a{width:19px}.prop--nautilus-a{width:17px}.prop--junonia-a{width:16px}.prop--clam-a,.prop--oyster-a{width:17px}.prop--spirula-a{width:16px}.prop--scallop-b{width:17px}.prop--nautilus-b{width:16px}}