:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e1eeeb;background:#081f27;font-synthesis:none;--mint:#b7edc2;--muted:#86a6a8;--line:#c8efe418;--panel:#0b292fdc}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{transition:background .2s,transform .2s,color .2s}button:hover{color:#fff}button:active{transform:scale(.97)}svg{width:22px;height:22px;flex-shrink:0}button[hidden],[hidden]{display:none!important}#scene{position:fixed;inset:70px 220px 0 0;background:radial-gradient(ellipse at 47% 40%,#18535d 0,#0c3540 42%,#081f27 76%);touch-action:none}#scene canvas{display:block;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#081f2730,transparent 40%),linear-gradient(0deg,#081f27 0,transparent 20%)}header{height:90px;position:fixed;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#081f2755;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;text-align:left;font-size:12px;letter-spacing:3px;font-weight:600;line-height:1.15}.brand-mark{width:39px;height:39px;border:1px solid #acd7ce60;border-radius:50%;display:grid;place-items:center;color:var(--mint)}.brand-mark svg{width:26px}.brand-god{display:block;font-size:21px;letter-spacing:7px;margin-top:5px}.header-center{font-size:9px;letter-spacing:2.7px;color:#9ab9b9;display:flex;gap:10px;align-items:center}.live-dot{height:6px;width:6px;background:var(--mint);border-radius:50%;display:inline-block;box-shadow:0 0 12px #a7e9bf55;flex-shrink:0}.header-actions{display:flex;gap:12px;align-items:center}#save-state{font-size:11px;color:#7c9e9f;margin-right:8px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#aac5c3}.icon-btn:hover{background:#bbebd815}.world-heading{position:fixed;top:132px;left:46px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--mint);font-weight:600}.world-heading h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-1px;font-size:43px;line-height:1.1;margin:12px 0 10px}.world-heading h1 span{color:var(--mint)}.world-heading>p{font-size:12px;color:var(--muted);margin:0}.world-stats{display:flex;gap:30px;margin-top:29px}.world-stats>div{display:flex;flex-direction:column;gap:7px}.world-stats strong{font-size:25px;font-weight:400;font-variant-numeric:tabular-nums}.world-stats span{font-size:8px;letter-spacing:2px;color:#7da0a2}.water-status{position:fixed;bottom:151px;left:46px;display:flex;align-items:center;gap:10px;font-size:10px;color:#b6cecb}.water-status.warning{color:#efba82}.water-status.warning .live-dot{background:#efba82}.status-divider{width:1px;height:12px;background:var(--line);margin:0 5px}#water-o2{color:var(--muted);margin-left:3px}#panel{position:fixed;right:25px;top:116px;bottom:32px;width:306px;z-index:3;border:1px solid #b7e5d51a;border-radius:16px;background:linear-gradient(150deg,#173b41d9,#092a30eb);box-shadow:0 20px 70px #03171e44;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:auto;scrollbar-width:thin;scrollbar-color:#426666 transparent}#panel-content{padding:25px 22px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:#8dbbb1}.panel-heading h2{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.6px;margin:11px 0 0}.panel-intro{color:#8daeb0;font-size:11px;line-height:1.8;margin:13px 0 24px}.species-card{padding:16px 0;display:grid;grid-template-columns:62px 1fr 28px;align-items:center;gap:9px;border-top:1px solid var(--line)}.species-card h3{font-size:12px;font-weight:500;margin:0 0 5px}.species-card p{font-size:9px;margin:0;color:#82a8aa}.text-button{font-size:10px;color:#b3cfbe;padding:0;line-height:1.6;text-align:left}.species-card .text-button{font-size:8px;color:#6f9997;margin-top:7px}.text-button:hover{color:var(--mint)}.add-button{width:27px;height:27px;border:1px solid #91c4b735;border-radius:7px;display:grid;place-items:center;color:#b7dbbe}.add-button svg{width:14px;height:14px}.add-button:hover{background:var(--mint);color:#123b38;border-color:var(--mint)}.fish-picture{height:42px;width:60px;position:relative;filter:drop-shadow(0 5px 7px #0004)}.fish-body{position:absolute;left:15px;top:13px;width:39px;height:19px;background:linear-gradient(150deg,#ffffffb0,transparent 42%),var(--fish-color,#5cd9ce);border-radius:55% 50% 50% 55%;transform:rotate(-8deg)}.fish-body i{position:absolute;right:6px;top:5px;width:3px;height:3px;border-radius:50%;background:#172d34;box-shadow:0 0 0 1px #ffffffa0}.fish-tail{position:absolute;top:10px;left:5px;width:20px;height:27px;background:var(--fish-color,#5cd9ce);clip-path:polygon(0 0,100% 50%,0 100%,20% 50%);opacity:.8;transform:rotate(-8deg)}.fish-fin{position:absolute;left:26px;top:5px;width:17px;height:14px;background:var(--fish-color,#5cd9ce);clip-path:polygon(10% 100%,100% 0,75% 100%);opacity:.7}.tetra .fish-body:after{content:"";position:absolute;inset:8px 2px 7px 1px;background:#b6fff2}.danio .fish-body{height:14px;top:16px;background:repeating-linear-gradient(-8deg,transparent 0 4px,#916d4430 4px 6px),var(--fish-color)}.cory .fish-body{height:15px;top:20px}.hunter .fish-body{background:repeating-linear-gradient(110deg,transparent 0 8px,#483a3480 8px 12px),var(--fish-color)}.angel .fish-body{width:29px;height:28px;top:9px;left:21px;background:repeating-linear-gradient(100deg,transparent 0 8px,#253a4750 8px 11px),var(--fish-color)}.angel .fish-fin{height:43px;width:28px;left:19px;top:0;clip-path:polygon(15% 50%,75% 0,100% 55%,35% 100%);z-index:-1}.note{display:flex;gap:12px;margin:21px 0 24px;padding:14px 12px;background:#9bd9aa08;border-radius:8px;border:1px solid #9bd9aa15;color:#a9ccaf}.note svg{width:18px}.note p{margin:0;font-size:10px;line-height:1.8}.note span{color:#719996;font-size:9px}.panel-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#719996}.panel-footer .text-button{font-size:9px}.dock{position:fixed;bottom:56px;left:calc((100% - 330px)/2);transform:translate(-50%);display:flex;gap:5px;align-items:center;padding:8px;border:1px solid #b7e5d528;background:#15353cdb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;z-index:4;box-shadow:0 8px 40px #0003}.dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:57px;height:57px;color:#86aaa9;border-radius:10px}.dock button span{font-size:9px}.dock button svg{width:21px;height:21px}.dock button:hover{background:#fff1}.dock button.active{color:var(--mint);background:#aedfc916}.dock-divider,.time-divider{height:30px;width:1px;background:var(--line);margin:0 3px}.time-control{position:fixed;bottom:64px;left:40px;display:flex;align-items:center;gap:3px;z-index:4}.time-control>button:not(.icon-btn){padding:8px 7px;font-size:11px;color:#698d91;border-radius:6px}.time-control>button.active{background:#a5d4c317;color:var(--mint)}.time-divider{height:16px;margin:0 8px}.camera-hint{position:fixed;bottom:18px;left:0;right:330px;text-align:center;font-size:7px;letter-spacing:1.5px;color:#638b90;pointer-events:none}.camera-hint span{margin:0 10px}.camera-tools{position:fixed;right:352px;bottom:145px;display:flex;flex-direction:column;gap:9px;z-index:3}.camera-tools .icon-btn{background:#1c414950;border:1px solid var(--line)}.mobile-close,#panel-toggle{display:none}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:8px;padding:12px 16px;font-size:11px;font-weight:500}.primary{background:var(--mint);color:#183a32}.primary:hover{background:#d4f9d5;color:#183a32}.secondary{background:#b8dbcc09;border:1px solid #b8dbcc30;color:#c0d6d0}.secondary:hover{background:#b8dbcc15}.primary svg,.secondary svg{width:18px;height:18px}.full{width:100%;margin-top:15px}.subtle{font-size:10px;line-height:1.8;color:#7eaaa9}.centered{display:block;margin:18px auto;text-align:center}.danger{color:#dea693}.habitat-card{width:100%;display:flex;gap:15px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:10px;padding:17px 12px;margin-bottom:10px;background:#a3ddba08}.habitat-card>svg:first-child{width:28px;height:28px;color:var(--mint)}.habitat-card>svg:last-child{width:15px;margin-left:auto}.habitat-card strong{font-size:12px;font-weight:500;display:block}.habitat-card small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.section-title{font-size:11px;font-weight:500;margin:25px 0 15px}.section-title span{float:right;color:var(--muted)}.object-list{max-height:225px;overflow:auto}.object-list>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:7px 0;font-size:10px;color:#9bbbb7}.object-list small{color:#577f7f}.object-list button svg{width:14px;height:14px}.slider-label{display:flex;justify-content:space-between;font-size:11px;margin-top:25px;color:#b7cdca}.slider-label output{color:var(--mint);font-variant-numeric:tabular-nums}.env-slider{width:100%;margin:17px 0 5px;accent-color:var(--mint);cursor:pointer;height:4px}.water-reading{margin-top:30px;padding:15px 0;border-block:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between}.water-reading strong{color:var(--mint)}.powers-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.power-card{display:flex;flex-direction:column;gap:9px;align-items:flex-start;padding:17px 13px;min-height:120px;background:#95d2b608;border:1px solid var(--line);border-radius:10px;text-align:left}.power-card:hover{background:#95d2b618}.power-card svg{color:var(--mint);margin-bottom:5px}.power-card strong{font-size:11px;font-weight:500}.power-card small{font-size:9px;color:#85aaa7;line-height:1.5}.life-numbers{display:flex;justify-content:space-between;margin:25px 0}.life-numbers>div{display:flex;flex-direction:column;gap:8px}.life-numbers strong{font-size:23px;font-weight:400}.life-numbers span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.chart-heading{font-size:10px;display:flex;justify-content:space-between;margin:25px 0 15px}.chart-heading span{color:var(--muted);font-size:9px}#chart{width:100%;height:80px}.challenge-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 7px}.challenge-heading h3{font-size:12px;font-weight:500}.challenge-heading button{font-size:8px}.challenge{padding:15px 0;border-bottom:1px solid var(--line)}.challenge>div:first-child{display:flex;align-items:center;gap:9px;font-size:10px}.challenge strong{font-weight:500}.challenge svg{width:17px;height:17px;color:var(--mint)}.challenge span{margin-left:auto;color:var(--muted);font-size:9px}.challenge p{font-size:9px;color:#749a98;line-height:1.6}.meter{height:4px;background:#d4ebdd10;border-radius:6px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--mint);border-radius:6px;transition:width .3s;margin:0}.meter-label{display:flex;justify-content:space-between;font-size:10px;margin:17px 0 8px;color:#9dc0bb}.meter-label strong{font-weight:400;color:#d9eee0}#journal p{font-size:9px;color:#83a7a4;line-height:1.7;padding:8px 0;border-bottom:1px solid var(--line);margin:0}.portrait{height:125px;display:grid;place-items:center;background:radial-gradient(ellipse,#447e7933,transparent 65%)}.portrait .fish-picture{transform:scale(2.2)}.behavior{display:flex;align-items:center;gap:8px;justify-content:center;font-size:10px;color:var(--mint);margin:5px 0 25px}.fish-facts{font-size:10px;margin:25px 0 0}.fish-facts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.fish-facts dt{color:#80a5a1}.fish-facts dd{margin:0;text-align:right;color:#b8ceca}.menu-layer{position:fixed;inset:90px 0 0;z-index:8;background:linear-gradient(90deg,#071e27fa 4%,#071e27dd 32%,#071e2740 68%);display:flex;align-items:center;padding:0 8%}.menu-copy{max-width:550px}.menu-copy h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1.14;letter-spacing:-2px;margin:26px 0}.menu-copy h2 em{font-weight:400;color:var(--mint)}.menu-copy>p{font-size:14px;line-height:1.9;color:#91b1b0;margin-bottom:32px}.large{display:flex;min-width:247px;margin:10px 0;padding:17px 24px;font-size:12px}.menu-links{display:flex;align-items:center;gap:15px;color:#547c82;margin-top:30px;font-size:11px}.menu-links button{color:#87a9aa;padding:0}.menu-foot{font-size:8px;letter-spacing:2px;color:#50777d;margin-top:54px}body:has(.menu-layer:not([hidden])) #panel,body:has(.menu-layer:not([hidden])) .world-heading,body:has(.menu-layer:not([hidden])) .water-status,body:has(.menu-layer:not([hidden])) .dock,body:has(.menu-layer:not([hidden])) .time-control,body:has(.menu-layer:not([hidden])) .camera-tools,body:has(.menu-layer:not([hidden])) .camera-hint{visibility:hidden}#toast{position:fixed;bottom:145px;left:calc((100% - 330px)/2);max-width:450px;transform:translate(-50%,10px);z-index:20;background:#d0edd8;color:#203e35;font-size:11px;padding:14px 22px;border-radius:10px;box-shadow:0 10px 35px #0003;opacity:0;pointer-events:none;transition:.25s;line-height:1.6;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}#placement{position:fixed;top:110px;left:calc((100% - 330px)/2);transform:translate(-50%);background:#bddfce;color:#203e35;font-size:11px;padding:10px 12px 10px 20px;border-radius:8px;z-index:6;white-space:nowrap}#placement button{vertical-align:middle;padding:0;margin-left:12px}#placement svg{width:16px;height:16px}#tutorial{position:fixed;left:45px;top:350px;width:215px;border-left:2px solid #b6e9be66;padding:5px 0 5px 16px;z-index:5;background:linear-gradient(90deg,#0a273aaa,transparent)}#tutorial .eyebrow{font-size:7px;letter-spacing:1.3px}#tutorial p{font-size:11px;line-height:1.8;color:#a9c3bd;margin:10px 0}#tutorial button{font-size:9px;color:#6c9998}dialog{background:#113339;color:#d9ebe3;border:1px solid #b7e5d530;border-radius:18px;box-shadow:0 30px 100px #0008;padding:28px;max-width:480px;width:calc(100% - 32px);max-height:85dvh;scrollbar-width:thin}dialog::backdrop{background:#03191db5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-heading h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0}dialog p{font-size:12px;line-height:1.8;color:#a1c1b9}dialog h3{font-size:12px;font-weight:500;margin-top:28px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:11px}.setting-row strong{display:block;font-weight:500}.setting-row small{display:block;color:#80a5a1;font-size:10px;margin-top:6px}.setting-row input{accent-color:var(--mint);width:17px;height:17px}.setting-row select{background:#193f42;border:1px solid #709b9433;color:#d7ebdf;padding:8px;border-radius:6px}.button-row{display:flex;gap:10px;margin:12px 0}.button-row>*{flex:1}.button-row .text-button{margin:9px 0}details{border-block:1px solid var(--line);padding:16px 0;margin:20px 0}summary{font-size:11px;color:#99bfb2;cursor:pointer}.roster{max-height:55vh;overflow:auto}.roster button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.roster small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.roster button>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}.species-dot{width:7px;height:7px;border-radius:50%}.zen header,.zen #panel,.zen .world-heading,.zen .water-status,.zen .dock,.zen .time-control,.zen .camera-hint,.zen #tutorial,.zen #panel-toggle{display:none!important}.zen #scene{inset:0}.zen .camera-tools{right:25px;bottom:25px}.webgl-error{position:absolute;top:30%;left:10%;right:10%;text-align:center;z-index:30;background:#0b2935;padding:30px;border-radius:15px}.webgl-error p{max-width:450px;margin:auto;line-height:1.8;color:var(--muted)}@media(min-width:1500px){#panel{width:340px;right:40px;top:130px;bottom:50px}#panel-content{padding:30px 26px}.species-card{padding:20px 0}.species-card h3{font-size:13px}.species-card p{font-size:10px}#scene{right:250px}.camera-tools{right:404px}.dock{left:calc((100% - 380px)/2)}}@media(max-width:1150px){header{padding:0 25px}.header-center{display:none}.world-heading{left:28px}.world-heading h1{font-size:35px}.world-stats{gap:23px}#panel{right:18px;width:280px}#panel-content{padding:23px 18px}#scene{right:190px}.dock{left:calc((100% - 300px)/2);bottom:55px}.dock button{min-width:49px}.time-control{left:25px;bottom:148px}.water-status{left:28px;bottom:207px;font-size:9px;gap:7px}.camera-tools{right:318px}.camera-hint{right:300px}.note{margin-block:15px}.species-card{padding:13px 0}.world-heading>p{font-size:11px}#tutorial{left:27px;top:323px;width:186px}.menu-copy h2{font-size:54px}}@media(max-width:760px){header{height:72px;padding:0 18px}.brand{font-size:9px;gap:9px;letter-spacing:2px}.brand-god{font-size:16px;letter-spacing:5px;margin-top:3px}.brand-mark{width:33px;height:33px}.header-actions{gap:4px}#save-state{display:none}#scene{inset:72px -100px 40px}.world-heading{left:23px;top:97px}.world-heading h1{font-size:32px;margin:9px 0}.world-heading .eyebrow{font-size:7px}.world-heading>p{font-size:10px}.world-stats{margin-top:19px;gap:25px}.world-stats strong{font-size:21px}.world-stats span{font-size:7px}.water-status{left:23px;bottom:185px;font-size:9px;gap:6px}.time-control{left:17px;bottom:132px}.dock{left:50%;bottom:30px;gap:2px;width:max-content;max-width:calc(100% - 24px);padding:6px;border-radius:14px}.dock button{min-width:45px;width:calc((100vw - 75px)/6);max-width:58px;height:53px}.dock button span{font-size:8px}.dock button svg{width:20px}.dock-divider{margin:0 2px}.camera-hint{left:0;right:0;bottom:4px;font-size:6px;letter-spacing:1px}.camera-hint span{margin:0 4px}.camera-tools{right:20px;bottom:135px;flex-direction:row;gap:4px}.camera-tools button{width:30px;height:30px}.camera-tools svg{width:17px}.camera-tools .icon-btn:last-child{display:none}#panel{display:none;inset:auto 12px 105px;width:auto;max-height:60dvh;background:#10333aef;border-radius:15px;z-index:7}#panel.open{display:block}#panel-content{padding:22px}#panel-toggle{display:flex;gap:6px;align-items:center;position:fixed;right:20px;top:100px;z-index:3;border:1px solid var(--line);padding:9px 12px;border-radius:20px;background:#24494b80;font-size:10px;color:#b8d9c4}#panel-toggle svg{width:15px;height:15px}.mobile-close{display:flex}.species-card{padding:14px 0;grid-template-columns:65px 1fr 35px}.species-card h3{font-size:13px}.species-card p{font-size:10px}.species-card .text-button{font-size:9px}.add-button{width:32px;height:32px}.note{display:none}.panel-footer{margin-top:20px}.menu-layer{inset:72px 0 0;padding:0 25px;background:linear-gradient(90deg,#071e27ee,#071e2788)}.menu-copy{max-width:90%}.menu-copy h2{font-size:47px;letter-spacing:-1.5px}.menu-copy>p{font-size:12px}.menu-foot{font-size:7px;letter-spacing:1.3px;margin-top:40px}.menu-links{font-size:10px}.large{min-width:220px;padding:15px 20px}#toast{left:50%;bottom:104px;max-width:calc(100% - 30px);width:max-content;font-size:10px;padding:12px 16px;z-index:25}#placement{left:50%;top:266px;max-width:90%;white-space:normal;font-size:10px}#tutorial{left:23px;top:259px;width:190px;padding-left:12px}#tutorial p{font-size:10px;line-height:1.6}#tutorial .eyebrow{font-size:6px}.object-list{max-height:none}.life-numbers{max-width:350px}.menu-layer~dialog{z-index:20}body:has(.menu-layer:not([hidden])) #panel-toggle{display:none}body:has(#panel.open) #tutorial{display:none}.button-row{flex-wrap:wrap}.button-row>*{min-width:140px}.zen #scene{inset:0 -80px}.zen .camera-tools .icon-btn:last-child{display:flex}}@media(prefers-reduced-motion:reduce){button,.meter>span,#toast{transition:none}}.catalog-filters{display:flex;gap:5px;margin:0 0 12px;flex-wrap:wrap}.catalog-filters button{font-size:9px;padding:7px 9px;border:1px solid #9ccbb522;border-radius:20px;color:#8fada9}.catalog-filters button.active{color:#d6f2d5;background:#a8dcbc1c;border-color:#a8dcbc55}.animal-preview{width:60px;height:45px;filter:drop-shadow(0 4px 4px #0003)}.bait-button{margin:0 0 18px}.barracuda .fish-body{width:53px;height:12px;left:2px;top:19px}.piranha .fish-body{height:28px;top:9px;background:linear-gradient(#9cac9d 50%,#c67755 65%)}#panel .button-row>.secondary{min-width:0;font-size:10px;padding:10px 6px}.create-life{margin:0 0 22px;font-size:10px;padding:14px 9px;background:linear-gradient(110deg,#b7edc2,#a8dce7)}.catalog-label{font-size:8px;letter-spacing:1.8px;color:#7caaa7;margin:8px 0 16px}.creation-intro p{font-size:11px;line-height:1.8}.creation-options{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:12px;margin:22px 0 8px}.creation-options label{font-size:10px;color:#a4c5b9;display:flex;flex-direction:column;gap:9px}.creation-options select,.creation-options input{background:#21434a;color:#d7e9e2;border:1px solid #a3cdb630;border-radius:7px;padding:8px;width:100%;height:38px;font-size:11px}.creation-options input{padding:4px}#creation-canvas{width:100%;height:auto;aspect-ratio:460/260;display:block;touch-action:none;background:radial-gradient(ellipse,#1b4650,#082830);border:1px solid #b1e1cc30;border-radius:12px;cursor:crosshair}.draw-caption{font-size:7px;letter-spacing:1.5px;text-align:center;color:#82a4a3}#draw-error{font-size:11px;color:#f4bb9b}.divine-actions{margin:22px 0 0}.divine-actions>*{font-size:10px;padding:10px;min-width:0}.shark .fish-body,.hammerhead .fish-body{width:45px;height:17px;background:linear-gradient(#778f9d 55%,#dce4db 57%)}.shark .fish-fin,.hammerhead .fish-fin{height:25px;top:0;left:28px}.hammerhead .fish-body:after{content:"";width:8px;height:32px;background:#96aa9c;position:absolute;right:0;top:-7px;border-radius:6px}.eel .fish-body{height:10px;width:48px;top:21px;left:4px;transform:rotate(-15deg);border-radius:80% 20% 50% 50%}.eel .fish-fin{display:none}.jelly .fish-body{width:33px;height:22px;left:14px;top:5px;border-radius:60% 60% 20% 20%;opacity:.75}.jelly .fish-tail{clip-path:none;left:17px;top:24px;width:27px;height:19px;background:repeating-linear-gradient(90deg,#ccaaf0 0 2px,transparent 2px 6px);opacity:.7}.jelly .fish-fin,.jelly .fish-body i{display:none}.leviathan .fish-body{width:48px;left:8px;background:repeating-linear-gradient(105deg,transparent 0 7px,#afece366 7px 9px),var(--fish-color)}.leviathan .fish-fin{top:-2px;height:29px;width:32px;left:19px}.divine-flash:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:12;background:radial-gradient(ellipse at 50% 35%,#c7f4d030,transparent 70%);animation:divinity .9s ease-out forwards}@keyframes divinity{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.divine-flash:after{display:none}}