:root{--panel: #2a2013;--panel2: #3b2e1b;--cream: #fbf3e0;--dim: #d6c7a4;--amber: #ffc23d;--amber2: #ef9a12;--bad: #ef6a52;--line: rgba(255, 194, 61, .26);--disp: "Fredoka", "Trebuchet MS", sans-serif;--body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}html,body{margin:0;height:100%;background:#23381a;overflow:hidden;font-family:var(--body);color:var(--cream)}#game{position:fixed;inset:0}#splash{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(120% 120% at 50% 35%,#2a4d22,#122b15);transition:opacity .5s ease}#splash.hide{opacity:0;pointer-events:none}#splash img{width:min(300px,64vw);height:auto;border-radius:22px;box-shadow:0 18px 50px #00000080;image-rendering:pixelated}#splash .splash-bar{width:min(280px,60vw);height:12px;border-radius:8px;background:#00000073;border:1px solid rgba(255,194,61,.4);overflow:hidden}#splash .splash-fill{height:100%;width:30%;border-radius:8px;background:linear-gradient(90deg,#ffe08a,#ffc23d,#ef9a12);animation:splashload 1.1s ease-in-out infinite}#splash .splash-tip{font-family:Fredoka,sans-serif;font-weight:700;letter-spacing:1px;color:#fbf3e0;font-size:15px}@keyframes splashload{0%{margin-left:-35%;width:35%}50%{width:55%}to{margin-left:100%;width:35%}}#landing{position:fixed;inset:0;z-index:60;opacity:0;pointer-events:none;transition:opacity .45s ease;display:flex;flex-direction:column;overflow-y:auto;font-family:Fredoka,sans-serif;color:#fff}#landing.show{opacity:1;pointer-events:auto}.land-bg{position:fixed;inset:0;background:url(/brand/landing.png) center/cover no-repeat,#2b5d2a;transform:scale(1.05);animation:landpan 30s ease-in-out infinite alternate}@keyframes landpan{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.12) translate(-2%,-2%)}}.land-overlay{position:fixed;inset:0;background:radial-gradient(80% 70% at 50% 46%,rgba(8,18,8,.55),transparent 70%),linear-gradient(180deg,#0810088c,#08100826 30%,#081008b3)}.land-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 22px}.land-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.land-brand img{width:38px;height:38px;border-radius:9px}.land-brand em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:1.5px;background:#ffc23de6;color:#3a2706;padding:2px 8px;border-radius:999px}.land-nav-links{display:flex;gap:8px}.land-nav-links a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}.land-nav-links a:hover{background:#0000008c}.land-connect{cursor:pointer;font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;color:#fff;padding:9px 18px;border-radius:999px;border:none;background:linear-gradient(180deg,#ab6bff,#7a3ff0);box-shadow:0 4px #5c2bc0,0 6px 16px #00000059;transition:transform .07s,box-shadow .07s}.land-connect:active{transform:translateY(3px);box-shadow:0 1px #5c2bc0}.land-connect.connected{background:linear-gradient(180deg,#2f8f4e,#1f6e3a);box-shadow:0 4px #155029,0 6px 16px #00000059}.wallet-pop{position:absolute;z-index:5;top:64px;right:22px;width:240px;display:none;flex-direction:column;gap:6px;padding:10px;border-radius:16px;background:#141a12f5;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #00000080;backdrop-filter:blur(8px)}.wallet-pop.open{display:flex}.wallet-pop .wp-title{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--dim);padding:2px 4px 4px}.wallet-pop button{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font-family:var(--body);font-weight:700;font-size:14px;color:#fff;padding:11px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.wallet-pop button:hover{background:#ffffff1f}.wallet-pop button small{color:var(--dim);font-weight:700}.wallet-pop button.danger{background:#dc463c2e;border-color:#dc463c66}.land-hero{position:relative;z-index:2;margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:0 18px}.land-wordmark{width:min(560px,84vw);height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}.land-tag{margin:0;max-width:560px;font-size:18px;font-weight:600;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.7)}.land-play{cursor:pointer;border:none;font-family:Fredoka,sans-serif;font-weight:700;font-size:30px;color:#fff;padding:16px 60px;border-radius:18px;background:linear-gradient(180deg,#ffa53d,#f47216);box-shadow:0 8px #b9540c,0 14px 26px #00000073;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .08s,box-shadow .08s}.land-play:active{transform:translateY(6px);box-shadow:0 2px #b9540c,0 6px 14px #00000073}.land-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.land-stat{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:8px 16px;border-radius:999px;background:#0006;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px)}.land-stat .ld{width:9px;height:9px;border-radius:50%;background:#4ade6a;box-shadow:0 0 8px #4ade6a}.land-stat .ld.total{background:#ffc23d;box-shadow:0 0 8px #ffc23d}.land-ca{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1px;padding:7px 16px;border-radius:999px;background:#0006;border:1px solid rgba(255,194,61,.5);color:#ffe08a;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.land-ca b{font-variant-numeric:tabular-nums}.land-ca .ca-copy{font-size:12px;opacity:.85}.land-ca:hover{background:#ffc23d1f;border-color:#ffc23dd9}.land-ca:active{transform:translateY(1px)}.land-ca.copied{background:#4cd9642e;border-color:#4cd964cc;color:#b8f5c0}.land-ca.soon{border-style:dashed;cursor:default}.land-ca.soon .ca-copy{display:none}.land-ca-warn{margin-top:-6px;max-width:340px;font-size:11px;font-weight:600;line-height:1.4;color:#ffd0a0;text-shadow:0 2px 6px rgba(0,0,0,.7)}.land-loop{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:-4px}.land-loop span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:#00000057;border:1px solid rgba(255,255,255,.14)}.land-loop b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#ffd76a,#f5a623);color:#3a2400;font-size:11px}.land-token{display:flex;flex-direction:column;align-items:center;gap:10px}.land-token-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.land-buy,.land-chart{cursor:pointer;font-family:Fredoka,sans-serif;font-weight:700;font-size:16px;padding:11px 22px;border-radius:14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform .08s,box-shadow .08s,background .15s}.land-buy{color:#06270f;background:linear-gradient(180deg,#5be08a,#22b257);box-shadow:0 6px #157a3a,0 10px 20px #0006}.land-buy:active{transform:translateY(4px);box-shadow:0 2px #157a3a}.land-chart{color:#fff;background:#0000006b;border:1px solid rgba(255,255,255,.22)}.land-chart:hover{background:#0009}.land-token-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.land-token-stats .tk{min-width:92px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:12px;background:#0006;border:1px solid rgba(255,255,255,.14)}.land-token-stats .tk b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.land-token-stats .tk span{font-size:10px;font-weight:700;letter-spacing:1px;color:#fff9}#tk-change.up{color:#5be08a}#tk-change.down{color:#ff7a7a}.chart-modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:16px;background:#000000b8;backdrop-filter:blur(4px)}.chart-modal.open{display:flex}.chart-box{width:min(900px,96vw);height:min(620px,86vh);display:flex;flex-direction:column;overflow:hidden;background:#0d1117;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 20px 60px #0009}.chart-head{display:flex;align-items:center;gap:12px;padding:10px 14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.chart-head span{flex:1}.chart-head a{color:#5be08a;text-decoration:none;font-size:13px}.chart-close{cursor:pointer;width:30px;height:30px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:15px}.chart-close:hover{background:#fff3}#chart-frame{flex:1;width:100%;border:0}.land-social{display:flex;gap:10px;margin-top:2px}.land-social a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:9px 16px;border-radius:12px;background:#0000006b;border:1px solid rgba(255,255,255,.18)}.land-social a:hover{background:#0009}.land-foot{position:relative;z-index:2;text-align:center;padding:14px;font-size:12px;font-weight:600;color:#fffc;text-shadow:0 2px 6px rgba(0,0,0,.7)}@media(max-width:560px){.land-tag{font-size:15px}.land-hero{gap:12px;padding:24px 18px}.land-play{font-size:24px;padding:14px 44px}.chart-box{height:80vh}}canvas{display:block}#vignette{position:fixed;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 240px 80px #120c0485;background:radial-gradient(70% 55% at 72% 8%,rgba(255,232,168,.16),transparent 60%),radial-gradient(120% 90% at 50% 38%,#ffc87812,#140f0533)}#vignette:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(66deg,rgba(255,240,190,.05) 0 14px,transparent 14px 60px);mask-image:radial-gradient(60% 50% at 78% 0%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(60% 50% at 78% 0%,#000 0%,transparent 70%);animation:rays 14s ease-in-out infinite alternate}@keyframes rays{0%{opacity:.5;transform:translate(-10px)}to{opacity:.9;transform:translate(10px)}}.hud{position:fixed;z-index:5;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#2e2314e6,#140f09e6);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-family:var(--disp);font-weight:600;font-size:15px;backdrop-filter:blur(7px);box-shadow:0 4px 16px #0006}#topL{top:13px;left:13px;display:flex;gap:7px;flex-wrap:wrap;max-width:58vw}#btn-sound,#btn-settings{pointer-events:auto;cursor:pointer;color:var(--cream);font-size:15px}.modal input.field{width:100%;box-sizing:border-box;margin:4px 0 10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0000004d;color:var(--cream);font-family:var(--disp);font-weight:700;font-size:16px}.pill.online{gap:7px;border-color:#78e68c66}.pill.online .dot{width:9px;height:9px;border-radius:50%;background:#4ade6a;box-shadow:0 0 8px #4ade6a;animation:livepulse 1.6s ease-in-out infinite}.pill.online #hud-online{color:#b9f5c4;font-weight:800}.pill .lbl{font-size:9px;letter-spacing:1.5px;color:var(--dim);font-weight:800}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}#topR{top:13px;right:13px;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.lvlwrap{display:flex;align-items:center;gap:8px}.xpbar{width:120px;height:9px;background:#0000008c;border:1px solid var(--line);border-radius:6px;overflow:hidden}.xpfill{height:100%;width:0;background:linear-gradient(90deg,#ffe08a,var(--amber),var(--amber2));transition:width .3s}#objective{top:60px;left:50%;transform:translate(-50%);max-width:70vw;background:linear-gradient(180deg,#3b2e1bf2,#18120af2);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:13px;padding:7px 17px;text-align:center;box-shadow:0 8px 24px #00000073}#objective .k{font-size:9px;letter-spacing:2.5px;color:var(--amber);font-weight:800;font-family:var(--disp)}#objective .t{font-size:14px;font-weight:800;line-height:1.2;font-family:var(--disp)}#objective .how{margin-top:3px;font-size:11.5px;font-weight:700;color:var(--dim);line-height:1.25}#objective .how b{color:var(--amber)}#log{position:fixed;left:13px;bottom:15px;z-index:5;width:240px;max-width:44vw;display:flex;flex-direction:column;gap:3px;pointer-events:none}#log .row{font-size:11.5px;font-weight:700;background:#120d07b3;border-left:2px solid var(--line);padding:3px 9px;border-radius:0 7px 7px 0;color:var(--dim)}#log .row b{color:var(--amber)}#toolbar{position:fixed;bottom:15px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:9px}.tbtn{pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));color:var(--cream);border-radius:15px;padding:9px 14px;font-family:var(--disp);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;box-shadow:0 5px #0006;transition:transform .07s,box-shadow .07s,border-color .1s}.tbtn .ic{font-size:20px;line-height:1}.tbtn .lb{font-size:9px;letter-spacing:.6px;color:var(--dim)}.tbtn:active{transform:translateY(3px);box-shadow:0 2px #0006}.tbtn.hot{border-color:var(--amber);box-shadow:0 0 0 2px #ffc23d73,0 5px #0006}.tbtn.pulse{border-color:var(--amber);animation:tbtnpulse 1.1s ease-in-out infinite}.tbtn.pulse:after{content:"👇";position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));animation:tap 1.1s ease-in-out infinite}.tbtn{position:relative}@keyframes tbtnpulse{0%,to{box-shadow:0 0 0 2px #ffc23d80,0 5px #0006}50%{box-shadow:0 0 0 7px #ffc23d00,0 5px #0006}}@keyframes tap{0%,to{transform:translate(-50%) translateY(-3px)}50%{transform:translate(-50%) translateY(3px)}}#minimap{position:fixed;top:54px;right:13px;width:150px;height:113px;z-index:5;border:2px solid var(--line);border-radius:10px;background:#0006;box-shadow:0 6px 18px #00000073;pointer-events:none}@media(max-width:560px){#minimap{width:104px;height:78px}}#stick{position:fixed;z-index:6;left:20px;bottom:96px;width:120px;height:120px;touch-action:none;pointer-events:auto;opacity:.9}#stick .base{position:absolute;inset:0;border-radius:50%;background:#140f0973;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0f}#stick .nub{position:absolute;left:33px;top:33px;width:54px;height:54px;border-radius:50%;background:#ffc23d8c;border:1px solid var(--amber);box-shadow:0 0 12px #ffc23d66}#btn-fish{position:fixed;z-index:7;left:50%;bottom:104px;transform:translate(-50%);display:none;align-items:center;gap:6px;pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:12px 22px;font-family:var(--disp);font-weight:700;font-size:17px;color:#fff;background:linear-gradient(180deg,#45b6e8,#1f7fc0);box-shadow:0 5px #145d90,0 8px 18px #0006;animation:fishpulse 1.3s ease-in-out infinite}#btn-fish:active{transform:translate(-50%) translateY(4px);box-shadow:0 1px #145d90}@keyframes fishpulse{0%,to{box-shadow:0 5px #145d90,0 0 #45b6e880}50%{box-shadow:0 5px #145d90,0 0 0 10px #45b6e800}}#zoom{position:fixed;right:14px;bottom:96px;z-index:6;display:flex;flex-direction:column;gap:6px}.zbtn{pointer-events:auto;cursor:pointer;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));color:var(--cream);font-size:24px;font-family:var(--disp);box-shadow:0 4px #0006}.zbtn:active{transform:translateY(2px);box-shadow:0 2px #0006}#scrim{position:fixed;inset:0;z-index:20;background:#080603a3;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:18px}#scrim.on{display:flex}.modal{width:min(450px,94vw);max-height:84vh;overflow:auto;background:radial-gradient(120% 80% at 50% -10%,#41331e,#241a0f);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 70px #0009;padding:19px}.modal h2{margin:0 0 2px;font-size:22px;font-family:var(--disp);font-weight:700;display:flex;align-items:center;gap:8px}.modal .sub{color:var(--dim);font-size:12px;margin-bottom:14px;font-weight:700}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:#00000042;border:1px solid var(--line);border-radius:15px;padding:12px;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:transform .08s,border-color .1s}.card:hover{transform:translateY(-3px);border-color:var(--amber)}.card .em{font-size:32px}.card .nm{font-weight:800;font-size:15px;font-family:var(--disp)}.card .ds{font-size:11.5px;color:var(--dim);line-height:1.35;min-height:32px;font-weight:600}.card .pr{font-weight:700;color:var(--amber);font-size:15px;font-family:var(--disp)}.card.dis{opacity:.45;cursor:not-allowed}.row2.dis{opacity:.55}.closeX{float:right;cursor:pointer;pointer-events:auto;border:none;background:#0000004d;color:var(--cream);width:32px;height:32px;border-radius:50%;font-size:17px;font-weight:800}.row2{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0000003d;border:1px solid var(--line);border-radius:13px;padding:10px 13px;margin-bottom:8px}.row2 .l{display:flex;align-items:center;gap:10px;font-weight:800}.row2 .l .em{font-size:23px}.row2 .l small{display:block;color:var(--dim);font-weight:700;font-size:11px}.bigbtn{pointer-events:auto;width:100%;margin-top:6px;cursor:pointer;border:none;border-radius:14px;padding:13px;font-family:var(--disp);font-weight:700;font-size:16px;background:linear-gradient(180deg,#ffd25e,var(--amber2));color:#3a2706;box-shadow:0 5px #a86a06}.bigbtn:active{transform:translateY(3px);box-shadow:0 2px #a86a06}.bigbtn.ghost{background:#ffffff12;color:var(--cream);box-shadow:0 5px #0000004d}.bigbtn:disabled{opacity:.5}a.bigbtn{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.road{display:flex;flex-direction:column;gap:6px;margin:4px 0 2px}.road span{font-size:13px;font-weight:600;padding:8px 12px;border-radius:10px;background:#ffffff0f;color:var(--cream);border-left:3px solid rgba(255,255,255,.18)}.road span.ok{border-left-color:#5be08a;color:#d6ffe0}.reward-big{text-align:center;font-size:30px;font-weight:800;color:var(--amber);margin:8px 0}@media(max-width:560px){#log{display:none}.pill{font-size:12px;padding:4px 9px;gap:4px}.pill .lbl{display:none}#topL{top:8px;left:8px;gap:5px;max-width:64vw}#topR{top:8px;right:8px}.xpbar{width:64px}#minimap{display:none}#objective{top:92px;max-width:94vw;padding:6px 12px;border-radius:11px}#objective .t{font-size:12.5px}#objective .how{font-size:10.5px}.tbtn{min-width:50px;padding:7px 8px}.land-nav{flex-wrap:wrap;gap:8px;padding:12px 14px}.land-nav-links{gap:6px}.land-nav-links a,.land-connect{font-size:12px;padding:7px 12px}.land-tag{font-size:15px}}