@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
#sync-status{position:absolute;bottom:108px;right:28px;max-width:230px;text-align:right;font-size:9px;letter-spacing:.2px;color:#fff0d2;background:#173b3d80;padding:7px 10px;border-radius:8px;pointer-events:none}.secondary{border:1px solid #173b3d40;background:transparent;color:#173b3d;padding:13px 16px;border-radius:9px;font:inherit;font-size:11px;cursor:pointer;margin:8px 0 8px 6px}.secondary:hover{background:#e4e9da}.secondary:disabled{opacity:.5}.auth-link{display:inline-block;text-decoration:none;margin:12px 0}.account-summary{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0;border-block:1px solid #173b3d22}.account-summary b{font-size:12px;background:#e8eddf;padding:12px;border-radius:8px}#login-form{margin:22px 0}#login-form label{display:block;font-size:11px;font-weight:700;margin:15px 0}#login-form input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #173b3d44;border-radius:9px;font:inherit;font-size:13px;background:#fffdf4;color:#173b3d}#login-form input:focus{outline:2px solid #7ba69c}.auth-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.auth-buttons .secondary{margin:0}.reconnect{display:block;color:#62796f;margin-top:10px}.conflict{padding:16px;background:#f0e5c9;border-radius:12px;margin:20px 0}.conflict>b{font-size:13px}.section-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;font-weight:700;color:#8a7455;margin:28px 0 4px}.rod-icon{display:grid;place-items:center;width:38px;height:58px;border-radius:7px;background:color-mix(in srgb,var(--rod-color) 15%,#fff6df);color:var(--rod-color);font-size:44px;flex-shrink:0}.row-copy{flex:1;min-width:0}.row-copy small{line-height:1.5}.row .primary{flex-shrink:0;font-size:10px;padding:12px 14px}.rod-stats{font-size:8px;color:#6c837b;margin-top:7px}.level-dots{font-size:10px;color:#b48f57;letter-spacing:2px;white-space:nowrap}.island-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0}.island-card{border:1px solid #173b3d22;border-radius:14px;padding:15px;background:#f1efdf;overflow:hidden}.island-art{display:grid;place-items:center;height:75px;margin:-15px -15px 15px;background:linear-gradient(150deg,var(--island-color),#e9dab6);color:#fff8e0;font-size:45px;text-shadow:0 5px 20px #173b3d22}.island-card h3{font:600 16px 'Space Grotesk';margin:9px 0}.island-card>small{font-size:7px;letter-spacing:.5px;color:#6a7b72}.island-card p{font-size:10px;min-height:32px}.island-card .primary{width:100%;font-size:10px}.side{top:25%!important}@media(max-width:700px){.side{top:29%!important;gap:7px!important}.side button{height:48px!important}#sync-status{right:18px;bottom:96px;max-width:175px;font-size:7px}.row{gap:10px}.rod-row{gap:8px}.rod-icon{width:26px;font-size:35px}.row b{font-size:11px}.row .primary{padding:11px 9px;font-size:9px}.island-grid{gap:9px}.island-card{padding:12px}.island-card h3{font-size:14px}.island-card .primary{padding:12px 7px}.island-art{margin:-12px -12px 12px}.account-summary{gap:7px}.account-summary b{font-size:10px;padding:10px}}
.fish-art{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;margin:3px auto 6px;filter:drop-shadow(0 5px 4px #173b3d12)}.fish-art-large{max-width:340px;margin:4px auto}.fish-card{border-top:3px solid var(--rarity);position:relative;padding:12px 8px 16px!important;background:linear-gradient(150deg,#f4f0dc,#e5e9da)!important}.rarity-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--rarity) 35%,transparent);color:var(--rarity);background:color-mix(in srgb,var(--rarity) 9%,#fff8e9);border-radius:30px;font-size:8px;font-weight:700;letter-spacing:.2px;padding:5px 9px;white-space:nowrap}.rarity-badge>span{font-family:serif;font-size:10px}.catch-card{margin:25px 0 15px;border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);padding:18px 12px!important}.catch-card>h2{font-size:28px}.catch-card p{margin-bottom:5px}.legendary-card{position:relative;overflow:hidden;box-shadow:0 0 35px #e4bc6533,inset 0 0 35px #edc56122}.legendary-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#fff8d947 48%,transparent 65%);transform:translateX(-120%);animation:glimmer 4s ease-in-out infinite}.atlas-heading{margin-top:27px;padding-top:25px;border-top:1px solid #173b3d22}.atlas-heading h2{font-size:24px}.rarity-legend{display:flex;gap:6px;flex-wrap:wrap}.atlas .undiscovered .fish-art{opacity:.55;filter:saturate(.6)}.atlas .discovered{box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity) 30%,transparent)}.bag-total{display:flex;gap:12px;align-items:center;justify-content:space-between}.bag-total .primary{font-size:10px}.fish-card b{line-height:1.4;min-height:17px}@keyframes glimmer{0%,20%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){.legendary-card:after{animation:none}}
:root{--cream:#fff6df;--green:#173b3d;--orange:#f4a259}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#75adb0;color:var(--cream);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffa465;outline-offset:5px}#world,.vignette{position:fixed;inset:0}canvas{display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#102f394f,transparent 42%),linear-gradient(0deg,#12353c99,transparent 22%,transparent 80%,#173b3d33)}header{position:absolute;top:32px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 30px 'Space Grotesk',sans-serif;letter-spacing:5px;text-decoration:none;color:var(--cream)}.brand span{display:block;font:500 9px 'DM Sans';letter-spacing:3.7px;margin-top:4px}.weather{display:flex;gap:12px;align-items:center;font-size:13px}.sun{font-size:28px;color:#ffd393}.weather small{display:block;font-size:10px;opacity:.65;margin-top:4px}.wallet{border:1px solid #fff6df40;border-radius:32px;background:#183e3d5c;padding:12px 20px;display:flex;align-items:center;gap:10px}.wallet span{color:#ffd18b;font-size:23px}.wallet b{font:600 22px 'Space Grotesk'}.wallet small{font-size:9px;letter-spacing:1.5px;opacity:.65}.left{position:absolute;top:23%;left:40px;width:280px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:700;color:#ffe1ad}h1{font:500 clamp(30px,3.4vw,53px)/1.1 'Space Grotesk';letter-spacing:-2px;margin:20px 0}h1 em{font-style:normal;color:#ffd193}.left p{font-size:12px;line-height:1.8;opacity:.8}.quest{margin-top:35px;display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #fff3d838;border-bottom:1px solid #fff3d838}.quest-icon{font-size:23px;color:#ffd193}.quest small{font-size:8px;letter-spacing:2px;opacity:.65}.quest b{display:block;font-size:12px;margin:6px 0}.quest div>span{font-size:10px;opacity:.7}.text-btn{border:0;background:none;color:inherit;padding:18px 0;font-size:11px;pointer-events:auto}.text-btn span{margin-left:35px}.side{position:absolute;right:32px;top:30%;display:flex;flex-direction:column;gap:14px}.side button{position:relative;border:1px solid #fff5d52b;background:#193d3d9c;backdrop-filter:blur(12px);border-radius:14px;width:65px;height:66px;color:var(--cream);font-size:25px;transition:.2s}.side button:hover{background:#f4a259;color:#173b3d;transform:translateX(-4px)}.side small{display:block;font-size:7px;letter-spacing:1px;margin-top:4px}.side i{position:absolute;right:-4px;top:-5px;background:#f4a259;color:#173b3d;font-size:9px;border-radius:12px;padding:3px 5px;font-style:normal}.location{position:absolute;top:115px;left:50%;transform:translateX(-50%);text-align:center;background:#173b3d33;padding:9px 18px;border-radius:20px;font-size:11px;letter-spacing:1px;white-space:nowrap}.live-dot{display:inline-block;width:5px;height:5px;background:#ffcd88;border-radius:50%;margin-right:8px}.location small{display:block;font-size:7px;letter-spacing:2px;margin-top:5px;opacity:.65}footer{position:absolute;bottom:30px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between}.controls{display:flex;gap:15px;max-width:310px;flex-wrap:wrap;font-size:9px;opacity:.8}kbd{font:9px 'DM Sans';border:1px solid #fff6df55;border-radius:4px;padding:5px;margin-right:4px}.cast{display:flex;align-items:center;gap:20px;background:var(--cream);color:#173b3d;border:0;border-radius:12px;padding:17px 24px;box-shadow:0 8px 35px #112e3740;transition:.2s}.cast:hover{background:#ffcf92;transform:translateY(-3px)}.cast b{display:block;font:700 15px 'Space Grotesk'}.cast small{font-size:7px;letter-spacing:1.5px;display:block;margin-top:5px}.hook{font-size:28px}.rod{display:flex;gap:15px;align-items:center;min-width:210px}.rod>span{font:24px 'Space Grotesk';border-right:1px solid #fff5d542;padding-right:16px;opacity:.6}.rod b{font-size:11px}.rod small{display:block;font-size:9px;opacity:.6;margin-top:6px}#toast{position:absolute;left:50%;top:175px;transform:translateX(-50%) translateY(-10px);background:#173b3deb;padding:14px 24px;border-radius:10px;font-size:12px;opacity:0;transition:.3s;pointer-events:none;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#fishing{position:absolute;bottom:135px;left:50%;transform:translateX(-50%);width:360px;text-align:center;background:#14363de8;padding:24px 30px;border:1px solid #fff5df33;border-radius:18px;backdrop-filter:blur(15px)}h2{font:500 26px 'Space Grotesk';letter-spacing:-.7px;margin:10px 0}#fishing p{font-size:11px;opacity:.7}#track{position:relative;height:26px;background:#0a242e;border-radius:7px;overflow:hidden;margin-top:20px}#zone{position:absolute;height:100%;width:30%;background:#8ac7a5;left:35%}#marker{position:absolute;left:50%;height:100%;width:4px;background:white;box-shadow:0 0 9px white}#progress{height:4px;border-radius:5px;margin-top:10px;background:#ffffff22}#progress i{display:block;width:0%;height:100%;background:#ffd193;border-radius:5px}#cancel{padding-bottom:0;opacity:.6;font-size:9px}#modal{position:fixed;inset:0;background:#09293399;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:5}#modal[hidden],#fishing[hidden]{display:none}.modal-card{position:relative;background:#fff7e7;color:#173b3d;border-radius:22px;width:min(570px,92vw);max-height:85vh;overflow:auto;padding:34px;box-shadow:0 20px 90px #092a3866}#close{position:absolute;top:16px;right:20px;font-size:27px;border:0;background:none;color:#173b3d}.modal-card .eyebrow{color:#ac7448}.modal-card p{font-size:12px;line-height:1.7;color:#607373}.items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.item{background:#e8eddf;border:1px solid #173b3d10;border-radius:12px;padding:15px 10px;text-align:center}.item .fish{display:block;font-size:30px;filter:saturate(.7);margin:5px}.item b{display:block;font-size:12px;margin:6px 0}.item small{font-size:9px;color:#63746c}.primary{border:0;background:#173b3d;color:#fff6df;padding:14px 20px;border-radius:9px;font-size:12px}.primary:hover{background:#2c5d59}.primary:disabled{opacity:.4;cursor:default}.row{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #173b3d1c}.row b{font-size:13px}.row small{display:block;font-size:10px;color:#6b7d70;margin-top:5px}.tag{font-size:8px;letter-spacing:1px;color:#a47b45}.touch{display:none}@media(max-width:1000px){.left{width:210px;left:25px}.left h1{font-size:36px}.controls{max-width:170px}.rod{min-width:auto}.weather{display:none}header{left:25px;right:25px}.side{right:20px}footer{left:25px;right:25px}.quest{margin-top:20px}}@media(max-width:700px){header{top:20px;left:20px;right:20px}.brand{font-size:22px}.brand span{font-size:7px;letter-spacing:2px}.wallet{padding:7px 13px}.wallet b{font-size:18px}.wallet small{display:none}.left{top:115px;left:20px;width:180px}.left .eyebrow,.left p,.left .quest,.left .text-btn{display:none}.left h1{font-size:28px;letter-spacing:-1px;margin:0}.location{top:90px;font-size:9px;left:auto;right:18px;transform:none;padding:8px 12px}.location small{font-size:6px}.side{top:36%;right:15px;gap:9px}.side button{width:49px;height:51px;font-size:21px}.side small{font-size:6px}.controls,.rod{display:none}footer{bottom:23px;left:auto;right:20px}.cast{padding:14px 17px;gap:12px}.cast b{font-size:12px}.cast small{font-size:6px}.hook{font-size:23px}.touch{display:block;position:absolute;bottom:22px;left:15px;text-align:center}.touch button{width:39px;height:39px;border-radius:9px;border:1px solid #fff6df55;color:#fff6df;background:#173b3d99;margin:2px;font-size:19px;touch-action:none}#fishing{bottom:130px;width:min(330px,92vw)}#toast{top:220px}.modal-card{padding:28px 22px}.items{grid-template-columns:repeat(2,1fr)}}