@font-face{font-family:Outfit;src:url(/fonts/font-1.woff2) format("woff2");font-display:swap}@font-face{font-family:DM;src:url(/fonts/font-0.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:DM,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.55}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid transparent;padding:10px 16px;border-radius:12px;background:var(--accent);color:var(--button-ink);cursor:pointer;font-weight:600;text-decoration:none;transition:transform .18s,background .18s}button:hover:not(:disabled),.button:hover{transform:translateY(-2px);filter:brightness(1.04)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.secondary{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.text-button{background:transparent;color:var(--muted);padding:8px}.icon-button{background:var(--soft);color:var(--ink);border:1px solid var(--line);padding:10px;min-width:43px}.primary{background:var(--accent);color:var(--button-ink);width:100%;min-height:48px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.15;font-weight:500}h1{font-size:clamp(32px,3.8vw,54px);letter-spacing:-1.5px;margin:9px 0 12px}h2{font-size:26px;letter-spacing:-.6px;margin:7px 0 18px}h3{font-size:23px;margin:9px 0 14px}h4{font-size:18px;margin:20px 0 10px}p{color:var(--muted);line-height:1.65;margin-bottom:17px}small{font-size:11px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.fine{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;border-bottom:1px solid var(--line);max-width:1440px;margin:0 auto}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:27px;white-space:nowrap;line-height:1.1}.brand small{font-family:DM,sans-serif;display:block;font-size:8px;letter-spacing:1.25px;margin-top:7px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:var(--soft);color:var(--accent)}nav{display:flex;gap:7px}nav button{background:transparent;color:var(--muted);border-radius:999px;font-size:12px;padding:9px 14px;white-space:nowrap}nav button.active{background:var(--soft);color:var(--ink)}.header-tools{display:flex;align-items:center;gap:13px}.resource{display:flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:19px;font-weight:500}.resource small{font-family:DM,sans-serif;font-size:10px}.app{padding:0 46px}main{max-width:1440px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:34px 0 25px}.page-heading p{margin:0;font-size:13px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}.panel{border:1px solid var(--line);border-radius:21px;background:var(--panel);padding:25px;min-width:0}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:21px}.section-intro h2,.section-intro h3,.section-intro p{margin-bottom:0}.section-intro>span{color:var(--muted);font-size:12px}.tab-content{padding-top:30px}.tab-content[hidden]{display:none}.atelier-grid,.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.atelier-grid .panel{padding:30px}.palette-list{display:flex;flex-direction:column;gap:10px;margin:15px 0 26px}.palette-list button{justify-content:flex-start;background:transparent;color:var(--muted);border:1px solid var(--line)}.palette-list .selected,.slot-list .selected{border-color:var(--accent);color:var(--ink);background:var(--soft)}.swatch{width:23px;height:23px;border-radius:50%;display:inline-block}.slot-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.slot-list button{flex-direction:column;background:var(--soft);color:var(--ink);font-size:12px;padding:15px 8px;border:1px solid var(--line)}label{display:block;color:var(--muted);font-size:12px;margin:15px 0}input,select{display:block;width:100%;min-width:0;background:var(--input);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px;margin-top:7px}select option{color:#25373b;background:#fff}input::placeholder{color:var(--muted)}.quest-row{display:flex;align-items:center;gap:12px;font-size:12px;padding:14px 0;border-bottom:1px solid var(--line)}.quest-row svg{color:var(--accent);flex-shrink:0}.quest-row span{flex:1}.quest-row b{font-family:Outfit,sans-serif;font-size:13px;font-weight:500}.daily>button{margin-top:25px;width:100%}.network-pill{border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:11px;padding:8px 14px;border-radius:30px;white-space:nowrap}.wallet-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--line);background:var(--panel);padding:18px 22px;border-radius:18px;margin:20px 0}.wallet-bar>div{flex:1;min-width:180px}.wallet-bar small{display:block;margin-top:4px}.wallet-bar select{max-width:200px;margin:0;font-size:12px}.wallet-bar>button{font-size:12px}.metric-row{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.metric-row>div{flex:1;min-width:105px;border-left:2px solid var(--line);padding-left:13px}.metric-row small{display:block}.metric-row strong{display:block;font-size:21px;font-family:Outfit,sans-serif;font-weight:500;margin-top:4px}.price-line{font-family:Outfit,sans-serif;font-size:26px;color:var(--ink);margin:20px 0}.price-line strong{font-size:34px}.balance{background:var(--soft);border-radius:10px;padding:12px;font-size:12px;margin:23px 0 0}.neighbor-list{margin:20px 0;display:flex;flex-direction:column;gap:11px}.neighbor{width:100%;justify-content:flex-start;background:var(--soft);color:var(--ink);padding:15px;gap:14px;font-weight:500}.neighbor>span:nth-child(2){flex:1;text-align:left}.neighbor small{display:block}.avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:var(--accent);color:var(--button-ink)}.visit-card{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.address,.contract-address{font-family:monospace;font-size:11px;overflow-wrap:anywhere}.guestbook blockquote{margin:12px 0;padding:14px 15px;background:var(--soft);border-left:2px solid var(--accent);border-radius:0 10px 10px 0}.guestbook p{font-size:13px;margin:0 0 6px;overflow-wrap:anywhere}.economy,.admin{margin-top:22px}.economy>.metric-row{padding:15px 0}.economy details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.economy summary{cursor:pointer;font-size:13px;margin-bottom:16px}.economy details p{font-size:13px}.contract-address{margin-top:25px;margin-bottom:0}.admin label{max-width:500px}.busy{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:30;background:var(--accent);color:var(--button-ink);padding:15px 22px;border-radius:14px;box-shadow:0 8px 35px #0002;max-width:90vw}hr{border:0;border-top:1px solid var(--line);margin:25px 0}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:30px 0;border-top:1px solid var(--line);max-width:1440px;margin:40px auto 0;font-size:11px;color:var(--muted)}footer button{font-size:11px;background:transparent;color:var(--muted);padding:0;min-height:30px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:15px 24px;border-radius:15px;z-index:100;box-shadow:0 8px 35px #0002;max-width:90vw;font-size:13px;width:max-content;pointer-events:none}.modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:25px;padding:28px;max-width:530px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;box-shadow:0 40px 100px #0004}.modal::backdrop{background:#18212680;backdrop-filter:blur(7px)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.modal-top h2{margin:0}.welcome-art{width:100%;height:240px;object-fit:cover;display:block;border-radius:15px;margin-bottom:20px}.check-label{display:flex;align-items:center;gap:12px;padding:14px;background:var(--soft);border-radius:12px;font-size:14px}.check-label input{width:18px;height:18px;margin:0}.file-input{display:none}.modal .button{margin:0}.modal p{font-size:13px}.modal .fine{font-size:11px}.visit-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;position:absolute;bottom:20px;left:20px;right:20px;z-index:3;background:var(--panel);border:1px solid var(--line);padding:10px 15px;border-radius:14px;font-size:13px}.visit-banner button{font-size:11px}.focus-mode .site-header,.focus-mode .page-heading,.focus-mode .tab-content,.focus-mode .care-card,.focus-mode footer{display:none}.focus-mode .scene-card,.focus-mode .ocean-stage{position:fixed;inset:0;z-index:50;width:100vw;height:100dvh;border:0;border-radius:0}.focus-mode .scene-card{background:var(--bg)}.fatal{padding:60px 30px}.p0{background:#d49b79}.p1{background:#afa0c2}.p2{background:#9fae91}@media(min-width:1700px){.app{padding:0 65px}}@media(max-width:1180px){.app{padding:0 26px}.site-header{gap:10px}.brand small{font-size:7px}.brand{font-size:23px}nav button{font-size:11px;padding:8px 10px}nav button svg{display:none}.resource small{display:none}.section-intro h2{font-size:22px}}@media(max-width:800px){.app{padding:0 18px}.site-header{flex-wrap:wrap;padding:18px 0 10px;gap:18px}.brand{font-size:24px}.brand small{font-size:7px}.brand-mark{width:41px;height:41px;border-radius:13px}.header-tools{margin-left:auto}.site-header nav{order:3;width:100%;overflow-x:auto;justify-content:space-between;gap:4px;padding-bottom:3px}nav button{padding:9px 12px;font-size:11px}nav button svg{display:block;width:16px;height:16px}.page-heading{padding:27px 0 20px}.page-heading h1{font-size:34px;letter-spacing:-1px}.page-heading p{font-size:12px}.page-heading>.day-stamp,.page-heading>.depth-label{display:none}.eyebrow{font-size:9px;letter-spacing:1.1px}.panel{padding:21px;border-radius:18px}.atelier-grid,.community-grid{grid-template-columns:1fr}.section-intro{align-items:flex-start}.section-intro h2{font-size:24px}.section-intro>span{max-width:120px;text-align:right}.slot-list{gap:8px}.wallet-bar{padding:16px;gap:12px}.wallet-bar>div{min-width:calc(100% - 45px)}.wallet-bar select{max-width:none;width:100%}.wallet-bar>button{flex:1}.metric-row{gap:12px}.metric-row strong{font-size:19px}.network-pill{font-size:10px;white-space:normal}.tab-content{padding-top:23px}footer{flex-wrap:wrap;gap:9px;margin-top:28px;padding:20px 0}footer>span:nth-child(2){display:none}.welcome-art{height:195px}.modal{padding:22px}.visit-banner{left:10px;right:10px;bottom:12px;font-size:11px;padding:10px;gap:6px}.visit-banner button{padding:7px 10px;min-height:34px}.actions>button{font-size:12px}.toast{font-size:12px;padding:14px 17px}.focus-mode .scene-top,.focus-mode .ocean-tools{top:15px}.focus-mode .scene-bottom{bottom:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--bg: #091f32;--ink: #d8f1ed;--muted: #82a7b8;--accent: #83ddc7;--button-ink: #0d3941;--panel: #102c40;--soft: #193c4e;--line: #264657;--input: #0e293b;--focus: #dbb6f2}body{background:radial-gradient(ellipse at 45% 5%,#17455a,#0a2337 38%,#091e31);min-height:100vh}h1,h2,h3,h4{font-family:Outfit,sans-serif}.brand{font-family:Outfit,sans-serif;font-size:28px;letter-spacing:4px}.brand small{letter-spacing:1.1px;font-size:7px}.brand-mark{border:1px solid #406b7b;background:#1c4557}.water-rays{position:fixed;top:0;left:0;right:0;height:900px;pointer-events:none;background:conic-gradient(from 172deg at 65% -10%,transparent 0deg,#9bded406 4deg,transparent 10deg,transparent 25deg,#95dcda04 30deg,transparent 43deg);z-index:-1}.site-header{border-color:#294958}.fish-app .page-heading{padding-top:33px}.fish-app h1{font-weight:300;letter-spacing:-1.9px}.fish-app .eyebrow{color:#86b6c1}.depth-label{font-family:Outfit,sans-serif;font-size:28px;font-weight:300;letter-spacing:2px;border-left:1px solid #3c6170;padding-left:19px}.depth-label small{display:block;font-size:9px;letter-spacing:1px;margin-top:6px}.ocean-stage{position:relative;height:590px;border:1px solid #2d5668;background:radial-gradient(ellipse at 50% 34%,#2c657384,#14364b66 48%,#071c31b5);border-radius:28px;overflow:hidden}.ocean-stage canvas{touch-action:pan-y}.ocean-hud{position:absolute;top:30px;left:30px;z-index:2;max-width:210px;pointer-events:none}.ocean-hud>.eyebrow{font-size:9px;letter-spacing:1.3px}.vitality{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#b0ece0;margin-top:17px}.vitality strong{font-size:43px;font-family:Outfit,sans-serif;font-weight:300;line-height:1}.vitality>span{flex-basis:100%;font-size:10px;letter-spacing:1px;padding-left:34px}.ocean-hud p{font-size:10px;padding-left:34px;margin:8px 0 30px;color:#84c3c4}.ocean-stat{display:flex;justify-content:space-between;gap:22px;font-size:10px;margin:10px 0;border-bottom:1px solid #5b849026;padding-bottom:7px}.ocean-stat span{color:#8cb2bc}.ocean-stat b{font-weight:500}.ocean-tools{position:absolute;top:24px;right:24px;z-index:2;display:flex;gap:8px}.ocean-tools .icon-button{background:#1d435680;color:#b6d4d6;border-color:#5e8e9b55}.ocean-caption{position:absolute;bottom:32px;left:30px;font-size:8px;letter-spacing:1.8px;color:#6e9fb0;pointer-events:none}.ocean-caption small{display:block;font-size:10px;letter-spacing:0;margin-top:7px}.tap-dock{position:absolute;bottom:27px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.tap-button{min-width:235px;border-radius:18px;padding:14px 24px;background:linear-gradient(135deg,#b4eedb,#75d5c5);box-shadow:0 0 45px #74ddc71f;gap:15px}.tap-button span,.tide-button span{display:block;text-align:left;font-size:12px;white-space:nowrap}.tap-button small{display:block;font-size:9px;font-weight:400;color:#3c726d;margin-top:3px}.tide-button{background:#264f60b5;color:#bfe6e1;border:1px solid #477382;border-radius:17px;padding:12px 16px}.tide-button small{display:block;font-size:9px;font-weight:400;color:#91bcbf;margin-top:3px}.tap-float{position:absolute;top:-45px;left:30%;pointer-events:none;animation:tapFloat .8s ease-out both;color:#bafde7;font-size:20px;font-family:Outfit,sans-serif}@keyframes tapFloat{to{transform:translateY(-35px);opacity:0}}.reef-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px}.reef-grid h2{font-size:23px;font-weight:400}.reef-level{background:linear-gradient(140deg,#17445380,#102c40)}.level-orbit{display:flex;align-items:center;gap:20px;color:#a6dacb;margin:24px 0}.level-orbit>svg{padding:10px;width:68px;height:68px;border:1px solid #3f6974;border-radius:50%;box-shadow:0 0 35px #75d1c113}.level-orbit span{font-size:43px;font-family:Outfit,sans-serif;font-weight:300;line-height:1}.level-orbit small{display:block;font-family:DM,sans-serif;font-size:8px;margin-top:9px;letter-spacing:1.2px}.reef-level p{font-size:12px}.reef-level>button{width:100%;font-size:12px}.coral-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.coral-row>div{flex:1}.coral-row strong{display:block;font-weight:500;font-size:12px}.coral-row small{display:block;font-size:9px;margin-top:4px}.coral-row button{min-height:34px;font-size:10px;padding:8px 11px;border-radius:9px;background:#244d58;color:#b2e5d8;white-space:nowrap}.coral-icon{display:grid;place-items:center;width:37px;height:37px;color:#d6adc4;background:#55455566;border-radius:12px;flex-shrink:0}.coral-icon.c1{color:#a4bdde;background:#35516a77}.coral-icon.c2{color:#e6bea0;background:#654e4277}.voyage h4{font-size:15px;margin-top:23px}.voyage p{font-size:11px;margin-bottom:13px}.voyage button{width:100%;font-size:11px}.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.species-card{padding:21px;background:linear-gradient(140deg,#12384b,#10293d)}.fish-illustration{position:relative;height:120px;display:grid;place-items:center;background:radial-gradient(ellipse,#30738150,transparent 65%);margin-bottom:23px}.fish-illustration>svg{position:absolute;top:0;right:0;color:#5c8a9a}.fish-silhouette{position:relative;display:block;width:105px;height:61px;background:var(--fish-color);border-radius:55% 45% 46% 56%;box-shadow:inset -10px -13px #122d461f;transform:rotate(-8deg)}.fish-silhouette:before{content:"";position:absolute;right:-25px;top:10px;border-right:30px solid var(--fish-color);border-top:21px solid transparent;border-bottom:20px solid transparent;transform:rotate(180deg)}.fish-silhouette:after{content:"";position:absolute;left:22px;top:20px;width:7px;height:9px;border-radius:50%;background:#16354a}.fish-silhouette i{position:absolute;left:49px;top:23px;width:20px;height:23px;border-radius:20% 70% 70% 20%;background:#ffffff30;transform:rotate(14deg)}.species2{width:73px;height:76px;border-radius:45%}.species3{width:80px;height:61px;border-radius:50% 50% 15% 15%}.species3:before{border:0;border-left:3px solid var(--fish-color);border-right:3px solid var(--fish-color);width:35px;height:28px;right:20px;top:59px;border-radius:0 0 12px 12px}.species4{height:53px;border:6px solid #67afa1}.species5{border-radius:60% 30%;transform:rotate(-20deg) skew(-15deg);width:113px;height:53px}.species-number{font-size:8px;color:#78a5b9;letter-spacing:1.1px;display:flex;justify-content:space-between;margin-bottom:13px}.species-number span{letter-spacing:0;color:#96cabb}.species-card h3{font-size:24px;font-weight:400;margin-bottom:9px}.species-card p{font-size:12px;min-height:40px}.species-card>button{width:100%;font-size:12px}.species-card.locked .fish-silhouette{filter:saturate(.4);opacity:.5}.fish-app .p0{background:#67bec2}.fish-app .p1{background:#9c94c3}.fish-app .p2{background:#d3acac}.fish-app .economy{background:linear-gradient(130deg,#173d4e,#10293d)}.fish-app .modal{background:#113145}.fish-app .toast{background:#bce9dc;color:#143c44}.fish-app .visit-banner{bottom:110px;left:auto;right:20px;max-width:380px}.fish-app .focus-mode{background:#092437}.focus-mode .ocean-stage{background:radial-gradient(ellipse at 50% 30%,#326f80,#102b43 60%,#091b30)}.focus-mode .ocean-hud,.focus-mode .tap-dock,.focus-mode .ocean-caption{display:none}@media(max-width:1200px){.reef-grid{grid-template-columns:1fr 1fr}.reef-grid>.daily{grid-column:1/-1}.ocean-stage{height:560px}.ocean-caption{max-width:170px}.tap-dock{left:auto;right:25px;transform:none}.fish-app .site-header .brand small{max-width:150px;white-space:normal;font-size:6px;line-height:1.7}.ocean-hud{max-width:180px}.ocean-stat{gap:12px}}@media(max-width:800px){.fish-app .brand{font-size:25px;letter-spacing:3px}.fish-app .site-header .brand small{font-size:6px;letter-spacing:.8px;max-width:160px}.fish-app h1{font-size:35px}.ocean-stage{height:495px;border-radius:22px}.ocean-hud{top:19px;left:19px;max-width:145px}.ocean-hud .eyebrow{font-size:7px;letter-spacing:.8px}.vitality{margin-top:10px;gap:6px}.vitality strong{font-size:31px}.vitality svg{width:19px}.vitality>span{font-size:8px;padding-left:25px}.ocean-hud p{font-size:8px;padding-left:25px;margin:5px 0 14px}.ocean-stat{display:none}.ocean-tools{top:16px;right:14px;gap:6px}.ocean-tools .icon-button{width:34px;height:34px;min-width:34px;min-height:34px;padding:8px}.ocean-tools svg{width:16px;height:16px}.ocean-caption{bottom:112px;left:19px;font-size:7px;max-width:210px}.ocean-caption small{font-size:8px}.tap-dock{bottom:19px;left:13px;right:13px;transform:none;gap:7px}.tap-button{flex:1;min-width:0;padding:13px 10px;gap:8px;border-radius:13px}.tap-button span{font-size:11px;white-space:normal}.tap-button svg{width:21px;flex-shrink:0}.tap-button small{font-size:8px}.tide-button{width:106px;padding:10px 7px;gap:4px;border-radius:13px}.tide-button svg{display:none}.tide-button span{font-size:9px;white-space:normal}.tide-button small{font-size:8px}.reef-grid{grid-template-columns:1fr;gap:17px}.reef-grid>.daily{grid-column:auto}.reef-grid h2{font-size:25px}.species-grid{grid-template-columns:1fr 1fr;gap:13px}.species-card{padding:17px 13px}.fish-illustration{height:100px;transform:scale(.83);margin-bottom:14px}.species-number{font-size:6px;letter-spacing:.4px;flex-wrap:wrap;gap:6px}.species-number span{font-size:8px}.species-card h3{font-size:21px}.species-card p{font-size:10px;min-height:48px}.species-card>button{font-size:10px;padding:9px 5px;min-height:39px}.fish-app .visit-banner{left:10px;right:10px;bottom:115px;max-width:none}.reef-level .level-orbit{margin:18px 0}.water-rays{height:700px}}@media(max-width:440px){.site-header nav{overflow:visible}.site-header nav button{flex:1;padding:9px 5px;font-size:10px}.site-header nav button svg{display:none}}.species-card>.release-fish{margin-top:8px;font-size:10px;min-height:34px}.species-card>small{display:block;margin-top:8px;font-size:9px;line-height:1.5}.tokenomics-dock{display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:8px 14px;border:1px solid currentColor;border-radius:4px;background:var(--economy-bg,#e8dec6);color:var(--economy-ink,#223b3d);cursor:pointer;text-align:left}.tokenomics-dock b{font:17px monospace}.tokenomics-dock small{font:8px/1.5 monospace;letter-spacing:1px;display:block}.tokenomics-dock>span:last-child{font-size:20px}.game-drawer{position:fixed;inset:10px 10px 10px auto;width:min(840px,calc(100vw - 20px));height:calc(100dvh - 20px);margin:0;max-height:none;max-width:none;padding:0;border:1px solid #67787855;border-radius:12px;background:var(--economy-bg,#e8dec6);color:var(--economy-ink,#223b3d);box-shadow:-30px 0 100px #0006;overflow:auto;z-index:100}.game-drawer::backdrop{background:#07101799;backdrop-filter:blur(6px)}.drawer-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:var(--economy-bg,#e8dec6);border-bottom:1px solid #67787855;z-index:3}.drawer-heading h2{margin:0;font-size:21px}.drawer-heading button{min-height:40px;padding:8px 14px;background:transparent;color:inherit;border:1px solid #67787855;cursor:pointer}.drawer-content{padding:24px;min-height:0}.token-manifest h2{font:42px/1.05 Georgia;margin:18px 0}.token-manifest p{font-size:14px;line-height:1.8;color:inherit;max-width:65ch}.token-manifest .token-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.token-stats>div{border:1px solid #67787855;padding:15px}.token-stats dt{font:9px monospace;text-transform:uppercase;letter-spacing:1px}.token-stats dd{font:19px/1.4 monospace;margin:8px 0 0}.token-manifest .economy-cycle{display:flex;gap:10px;list-style:none;padding:0;margin:24px 0}.economy-cycle li{flex:1;padding:14px;border-top:3px solid currentColor;font:11px/1.6 monospace}.token-manifest button{min-height:44px;background:var(--economy-ink,#223b3d);color:var(--economy-bg,#e8dec6);border:0;padding:13px 20px;cursor:pointer}.token-manifest .separate-balance{padding:14px;border-left:3px solid currentColor;background:#ffffff18}.token-manifest details{border-top:1px solid #67787855;padding:18px 0}.token-manifest summary{cursor:pointer;font-size:13px}.token-manifest .eyebrow{font:10px monospace;letter-spacing:2px}.identity-economy-anchor{position:absolute;z-index:11;right:22px;bottom:100px}.identity-economy-anchor .tokenomics-dock{box-shadow:0 8px 20px #0002}.application-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;font:10px monospace;border-bottom:1px solid #67787855}.application-status p{margin:0}.application-status button{min-height:32px;font-size:10px;padding:5px 12px}html,body,#root{width:100%;height:100%;overflow:hidden}@media(max-width:700px){.game-drawer{inset:0;width:100%;height:100dvh;border-radius:0}.drawer-content{padding:16px}.drawer-heading{padding:12px 16px}.drawer-heading h2{font-size:18px}.token-manifest .token-stats{grid-template-columns:1fr}.token-manifest h2{font-size:32px}.token-manifest .economy-cycle{flex-direction:column}.tokenomics-dock small{display:none}.identity-economy-anchor{bottom:92px;right:12px}.tokenomics-dock{min-height:38px;padding:7px 11px}.tokenomics-dock b{font-size:14px}.application-status{padding:6px 10px}.application-status p{font-size:8px}}.fish-app{--economy-bg:#112d37;--economy-ink:#dce9cf;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#092d38}.fish-app .site-header{position:absolute;top:0;left:0;right:0;z-index:6;height:66px;width:100%;max-width:none;padding:10px 24px;background:linear-gradient(#0b273bf0,#0b273b00);border:0}.fish-app .brand{font-size:24px;letter-spacing:4px}.fish-app .brand small{font-size:7px;letter-spacing:1px}.fish-app .site-header nav button{font-size:10px;padding:8px}.immersive-reef{flex:1;min-height:0;position:relative;max-width:none;width:100%;padding:0;margin:0}.immersive-reef .ocean-stage{height:100%;min-height:0;border:0;border-radius:0;margin:0}.immersive-reef .ocean-hud{top:90px;left:30px;width:195px}.immersive-reef .ocean-tools{top:86px;right:24px}.immersive-reef .ocean-caption{bottom:100px;left:30px}.immersive-reef .tap-dock{bottom:20px;left:50%;transform:translate(-50%);width:auto;min-width:390px;background:#0a2938aa;backdrop-filter:blur(10px);border:1px solid #bde9e544;padding:12px;border-radius:60px}.bathymeter{position:absolute;right:30px;top:180px;bottom:150px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#a8d6d6;font:9px monospace;letter-spacing:2px;pointer-events:none}.bathymeter i{width:16px;flex:1;background:repeating-linear-gradient(0deg,transparent 0 10px,#a8d6d677 10px 11px);border-left:1px solid #a8d6d677}.bathymeter b{font-size:20px;writing-mode:vertical-rl}.reef-pass{position:absolute;left:24px;bottom:25px}.reef-pass .tokenomics-dock{border-radius:40px;background:#d4ecd5;color:#163a46}.reef-specimens{height:55px;flex:0 0 55px;background:#102f3b;display:flex;align-items:center;justify-content:center;gap:34px;border-top:1px solid #ffffff22}.reef-specimens button{background:transparent;color:#cfdfce;border:0;font-size:12px}.reef-specimens>span{font:10px monospace;color:#8dbbbd}.fish-app .drawer-content .tab-content{padding:0}.fish-app .reef-grid{grid-template-columns:1fr}.fish-app .game-drawer .panel{background:#173b45;color:#dce9cf}@media(max-width:700px){.fish-app .site-header{height:58px;padding:8px 12px;gap:4px}.fish-app .brand{font-size:18px}.fish-app .brand-mark,.fish-app .brand small,.fish-app .site-header nav button span{display:none}.fish-app .site-header nav button{padding:5px;min-width:32px}.fish-app .header-tools{gap:3px}.fish-app .resource{padding:3px;font-size:11px}.fish-app .resource small{display:none}.immersive-reef .ocean-hud{top:76px;left:16px;width:145px}.immersive-reef .vitality strong{font-size:40px}.immersive-reef .ocean-hud .ocean-stat{font-size:10px;padding:5px 0}.immersive-reef .ocean-tools{right:12px;top:76px}.bathymeter{right:16px;top:165px;bottom:200px;font-size:7px;gap:8px}.bathymeter b{font-size:14px}.immersive-reef .tap-dock{bottom:14px;left:10px;right:10px;min-width:0;width:auto;transform:none;padding:10px;border-radius:25px}.immersive-reef .tap-dock button{font-size:11px;padding:10px}.immersive-reef .tap-dock button small{font-size:8px}.reef-pass{left:14px;bottom:115px}.immersive-reef .ocean-caption{left:16px;bottom:174px;font-size:8px}.immersive-reef .ocean-caption small{display:none}.reef-specimens{gap:5px;justify-content:space-between;padding:0 8px}.reef-specimens button{font-size:9px;padding:8px}.reef-specimens>span{font-size:8px}}