@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2) format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(./nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(./nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Nunito", "Segoe UI", ui-rounded, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Fredoka", "Trebuchet MS", ui-rounded, sans-serif;--color-ink:#22344f;--color-ink-soft:#5d7288;--color-butter:#ffe07b;--color-coral:#ff758f;--color-aqua:#38cdbd}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.h-9{height:calc(var(--spacing) * 9)}.min-h-0{min-height:0}.w-9{width:calc(var(--spacing) * 9)}.w-full{width:100%}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{overscroll-behavior:none;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0c5b82;font-weight:600;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.app-shell{height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.aquarium-surface{touch-action:none;cursor:default;position:absolute;top:0;right:0;bottom:0;left:0}.aquarium-canvas{width:100%;height:100%;display:block}.tap-layer{z-index:5;touch-action:none;cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0}.tap-layer.is-feeding{cursor:crosshair}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-ring:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #fff7e5;box-shadow:0 0 0 6px #22344f80}.top-bar{top:max(14px,env(safe-area-inset-top));z-index:35;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;left:clamp(12px,2vw,26px);right:clamp(12px,2vw,26px)}.top-bar>*{pointer-events:auto}.brand-sign{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#fffdf6f2,#fff4dbe6);border:2px solid #fffc;border-radius:24px;align-items:center;gap:10px;padding:7px 16px 7px 8px;display:inline-flex;transform:rotate(-1.4deg);box-shadow:0 5px #0532461f,0 14px 34px #04273a38}.brand-mark{color:#fff8e8;background:radial-gradient(circle at 30% 22%,#ffffff61,#0000 45%),linear-gradient(145deg,#4fd8cf,#23a9bb 55%,#1685a8);border:2px solid #22344f29;border-radius:16px;place-items:center;width:45px;height:45px;display:grid;box-shadow:inset 0 2px #ffffff59,0 3px #0950662e}.brand-title{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(16px,1.8vw,22px);font-weight:700;line-height:.96;display:block}.brand-sub{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#6c8292;margin-top:3px;font-size:9px;font-weight:500;display:block}.icon-orb{width:56px;height:56px;color:var(--color-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#fffdf6eb,#fff2dad1);border:2px solid #ffffffbf;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 4px #05324624,0 12px 26px #04273a2e}.icon-orb:hover{transform:translateY(-2px)rotate(-2deg)}.icon-orb:active{transform:translateY(2px);box-shadow:0 2px #05324624}.hud-dock{left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(#fffcf4c2,#fff4dead);border:2px solid #ffffff9e;border-radius:999px;align-items:center;gap:clamp(6px,1.1vw,12px);padding:10px clamp(9px,1.2vw,14px);display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px #042f431f,0 22px 54px #03263747}.hud-group{align-items:center;gap:clamp(6px,.9vw,10px);display:flex}.hud-button{width:62px;height:62px;color:var(--hud-color,var(--color-ink));background:var(--hud-bg,#fff8e9);border:2px solid #22344f1a;border-radius:21px;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.hud-button{border:2px solid color-mix(in srgb,var(--color-ink) 10%,transparent)}}.hud-button{transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:inset 0 2px #ffffff9e,0 4px #0b334424}.hud-button:hover{filter:saturate(1.06);transform:translateY(-3px)rotate(-1.5deg)}.hud-button:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff8c}.hud-button.is-active{transform:translateY(-2px)scale(1.02);box-shadow:0 0 0 3px #fffc,0 0 0 7px #ff9f4580,0 4px #0b334424}.hud-button--fish{--hud-bg:linear-gradient(155deg, #e4fbf5, #c8f2ea);--hud-color:#14776f}.hud-button--decor{--hud-bg:linear-gradient(155deg, #f4fae2, #e2f2c0);--hud-color:#517a2a}.hud-button--feed{--hud-bg:linear-gradient(155deg, #fff3de, #ffe4bd);--hud-color:#a55b18}.hud-button--camera{--hud-bg:linear-gradient(155deg, #f4ecff, #e7d9ff);--hud-color:#644a9c}.hud-count{background:var(--color-coral);color:#fff;min-width:24px;height:24px;font-family:var(--font-display);border:2px solid #fffdf6;border-radius:999px;place-items:center;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #50142333}.draw-cta{color:#40300d;min-width:68px;height:68px;font-family:var(--font-display);white-space:nowrap;background:radial-gradient(circle at 30% 20%,#ffffffb3,#0000 45%),linear-gradient(155deg,#ffe88f,#ffd75c 55%,#ffbf36);border:3px solid #22344f21;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0 4px;padding:0 24px 0 16px;font-size:19px;font-weight:700;line-height:1;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 7px #dc9e1f,0 14px 30px #ffaa1c61}.draw-cta:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px solid #ffe07ba6;animation:3.8s ease-in-out infinite cta-halo;position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.draw-cta:hover{transform:translateY(-3px)scale(1.015);box-shadow:0 9px #dc9e1f,0 18px 36px #ffaa1c70}.draw-cta:active{transform:translateY(3px);box-shadow:0 3px #dc9e1f}.draw-cta__badge{background:#fffdf4e0;border:2px solid #22344f24;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;position:relative;box-shadow:inset 0 2px #fff}.draw-cta__badge>svg{width:28px;height:28px}.cta-plus{background:var(--color-coral);color:#fff;border:2px solid #fff9e9;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-4px;box-shadow:0 2px #781e2d2e}@media(max-width:740px){.hud-dock{gap:5px;padding:8px}.hud-group{gap:5px}.hud-button{border-radius:18px;width:52px;height:52px}.hud-button svg{width:24px;height:24px}.draw-cta{width:76px;min-width:76px;height:76px;margin:0 1px;padding:0}.draw-cta__badge{width:48px;height:48px}.draw-cta__label{display:none}.brand-sign{border-radius:19px;gap:7px;padding:6px 11px 6px 7px}.brand-mark{border-radius:13px;width:37px;height:37px}.brand-mark svg{width:22px;height:22px}.brand-title{font-size:15px}.brand-sub{display:none}.icon-orb{width:48px;height:48px}}@media(max-width:390px){.hud-button{border-radius:16px;width:47px;height:47px}.hud-button svg{width:22px;height:22px}.draw-cta{width:66px;min-width:66px;height:66px}.hud-button.is-active{box-shadow:0 0 0 2px #fffc,0 0 0 5px #ff9f4573,0 3px #0b334424}}.mode-banner{left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 92px);z-index:38;color:#fff8e9;font-family:var(--font-display);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#1f3045d6;border:2px solid #ffffffb3;border-radius:999px;align-items:center;gap:9px;padding:10px 17px 10px 12px;font-size:14px;font-weight:500;animation:.28s cubic-bezier(.2,.9,.3,1.3) banner-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 26px #001c284d}.mode-banner__icon{width:30px;height:30px;color:var(--color-butter);background:#ffffff1f;border-radius:50%;place-items:center;display:grid}.mode-banner button{background:#ffffff1f;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:2px;display:grid}.toast{top:calc(max(14px,env(safe-area-inset-top)) + 76px);z-index:58;color:#fff9e9;max-width:min(90vw,380px);font-family:var(--font-display);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#22344fe0;border:2px solid #ffffffbf;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;animation:.32s cubic-bezier(.2,.9,.3,1.25) toast-in;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #001c2847}.toast svg{color:var(--color-butter);flex:none}.toast--over-modal{z-index:82}.first-hint{left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 104px);z-index:39;max-width:calc(100vw - 32px);color:var(--color-ink);font-family:var(--font-display);text-align:left;pointer-events:none;background:#fffdf6;border:2px solid #22344f1a;border-radius:22px;align-items:center;gap:10px;padding:11px 18px 11px 14px;font-size:14px;font-weight:500;animation:3.2s ease-in-out infinite hint-bob;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px #062f4121,0 18px 40px #05283a3b}.first-hint:after{content:"";background:#fffdf6;border-bottom:2px solid #22344f14;border-right:2px solid #22344f14;width:16px;height:16px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.first-hint__spark{color:#bb7e16;background:#fff1c0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.modal-scrim{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#041f2d75;place-items:center;padding:16px;animation:.25s both scrim-in;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.modal-panel{background:radial-gradient(circle at 90% -10%,#7ee2d74d,#0000 38%),#fffbf1;border:3px solid #ffffffd1;border-radius:32px;flex-direction:column;width:min(100%,780px);max-height:min(88dvh,920px);animation:.32s cubic-bezier(.2,.9,.3,1.2) both panel-pop;display:flex;overflow:hidden;box-shadow:0 12px #04304129,0 38px 90px #021b276b}.modal-head{border-bottom:2px dashed #22344f1a;flex:none;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.modal-title-wrap{flex:1;min-width:0}.modal-eyebrow{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#8a9aa8;font-size:10px;font-weight:500}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(21px,3vw,27px);font-weight:700;line-height:1.05}.modal-subtitle{color:var(--color-ink-soft);margin-top:2px;font-size:13px;font-weight:500}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px 20px 22px;overflow-y:auto}.icon-button{width:48px;height:48px;color:var(--color-ink);background:#fff8e9;border:2px solid #22344f17;border-radius:16px;flex:none;place-items:center;transition:transform .14s,box-shadow .14s;display:grid;box-shadow:inset 0 2px #ffffffb3,0 3px #0a33441f}.icon-button:hover{transform:translateY(-2px)}.icon-button:active{box-shadow:none;transform:translateY(2px)}.icon-button:disabled{opacity:.38;box-shadow:none;transform:none}.icon-button--soft{background:#ffffff8c}.icon-button--danger{color:#b64757;background:#ffecee}.chunky-button{color:#46330c;min-height:56px;font-family:var(--font-display);background:linear-gradient(160deg,#ffe68b,#ffd25a);border:2px solid #22344f1f;border-radius:19px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:16px;font-weight:700;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 5px #b3780fa6,0 10px 20px #78500a26}.chunky-button:hover{transform:translateY(-2px)}.chunky-button:active{transform:translateY(3px);box-shadow:0 2px #b3780fa6}.chunky-button--mint{color:#0e574f;background:linear-gradient(160deg,#9df0dc,#4edbc5);box-shadow:0 5px #239c8b,0 10px 20px #0c645a26}.chunky-button--mint:active{box-shadow:0 2px #239c8b}.chunky-button--quiet{color:var(--color-ink);background:#fffaf0;box-shadow:0 5px #0a33441f,0 10px 20px #0c3c5014}.chunky-button:disabled{opacity:.45;box-shadow:none;transform:none}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;display:grid}.fish-card{background:linear-gradient(165deg,#e1fbf7,#c7f1ec 58%,#b7e8e4);border:2px solid #22344f1a;border-radius:24px;transition:transform .16s;position:relative;overflow:hidden;box-shadow:inset 0 2px #fff9,0 4px #0a33441a}.fish-card:hover{transform:translateY(-3px)rotate(-.4deg)}.fish-card.is-hidden{opacity:.72;background:linear-gradient(165deg,#f4f1ea,#e8e4dc)}.fish-card__art{aspect-ratio:1.22;object-fit:contain;filter:drop-shadow(0 6px 8px #092f4024);width:100%;padding:8px 10px 0;display:block}.fish-card__bubbles{pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffffb3 0,#ffffffb3 3px,#0000 4px),radial-gradient(circle at 28% 9%,#ffffff8c 0,#ffffff8c 2px,#0000 3px),radial-gradient(circle at 86% 26%,#ffffff80 0,#ffffff80 2.5px,#0000 3.5px);position:absolute;top:0;right:0;bottom:0;left:0}.fish-card__foot{background:#fffdf6c7;border-top:1px solid #fff9;align-items:center;gap:6px;padding:9px 8px 10px 12px;display:flex;position:relative}.fish-card__edit{z-index:1;color:#486276;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc7;border:1.5px solid #22344f1f;border-radius:10px;place-items:center;width:30px;height:30px;transition:transform .14s,background .14s;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 3px 8px #092f4024}.fish-card__edit:hover{background:#fff;transform:scale(1.06)rotate(-4deg)}.fish-card__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink);font-family:var(--font-display);text-align:left;background:0 0;border-radius:8px;flex:1;margin-left:-3px;padding:3px 5px;font-size:16px;font-weight:600;transition:background .14s,color .14s;overflow:hidden}.fish-card__name:hover{color:#137c75;background:#38cdbd29}.fish-card__mini{color:#486276;background:#ffffffa8;border:1.5px solid #22344f1a;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.fish-card__mini:hover{background:#fff}.fish-card__mini--danger{color:#b64757}.fish-card__confirm{z-index:2;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffbf1f0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.fish-card__confirm p{font-family:var(--font-display);margin:0;font-size:15px;font-weight:600}.fish-card__confirm-actions{gap:8px;display:flex}.empty-tank{text-align:center;color:var(--color-ink-soft);flex-direction:column;align-items:center;gap:10px;padding:36px 16px 28px;display:flex}.empty-tank__orb{color:#2c9e97;background:#e8f8f6;border:2px dashed #22344f2e;border-radius:28px;place-items:center;width:92px;height:92px;display:grid;transform:rotate(-3deg)}.sheet-scrim{z-index:55;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03233361;justify-content:center;align-items:flex-end;animation:.22s both scrim-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.decor-sheet{background:radial-gradient(circle at 12% 0,#9ff0db52,#0000 34%),radial-gradient(circle at 95% 10%,#ffdd9742,#0000 32%),#fffbf1;border:3px solid #ffffffd1;border-radius:32px;flex-direction:column;width:min(100%,860px);max-height:min(82dvh,660px);animation:.34s cubic-bezier(.2,.9,.3,1.15) both sheet-up;display:flex;overflow:hidden;box-shadow:0 12px #032a3a24,0 36px 80px #011a2661}.decor-sheet__body{overscroll-behavior:contain;padding:0 20px 22px;overflow-y:auto}.decor-section-label{font-family:var(--font-display);letter-spacing:.17em;text-transform:uppercase;color:#7d8e9b;align-items:center;gap:8px;margin:6px 0 10px;font-size:11px;font-weight:600;display:flex}.theme-row{scrollbar-width:none;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-row::-webkit-scrollbar{display:none}.theme-card{text-align:left;background:#ffffff8f;border:2px solid #22344f1a;border-radius:18px;align-items:center;gap:10px;min-height:62px;padding:7px 10px;transition:transform .15s,border-color .15s;display:flex;position:relative}.theme-card:hover{transform:translateY(-2px)}.theme-card.is-active{border-color:var(--color-ink);box-shadow:0 0 0 2px #ffffffb3,0 0 0 5px #38cdbd47}.theme-swatch{border:2px solid #ffffffb8;border-radius:14px;flex:none;width:42px;height:42px;box-shadow:inset 0 2px 8px #00000029}.theme-card__text{min-width:0}.theme-card__name{font-family:var(--font-display);font-size:13px;font-weight:600;line-height:1.1;display:block}.theme-card__blurb{color:#7d8e9b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;font-weight:500;display:block;overflow:hidden}.theme-check{background:var(--color-aqua);color:#fff;border:2px solid #fffdf6;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-7px;right:-7px}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;display:grid}.decor-tile{touch-action:none;background:linear-gradient(#ffffffb3,#fff9ea80);border:2px solid #22344f17;border-radius:18px;flex-direction:column;align-items:center;gap:2px;min-height:102px;padding:7px 6px 9px;transition:transform .15s,border-color .15s;display:flex;position:relative}.decor-tile:hover{border-color:#38cdbd80;transform:translateY(-3px)}.decor-tile:active{transform:scale(.97)}.decor-tile img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #183c4b29);width:64px;height:64px}.decor-tile span{font-family:var(--font-display);color:#5d7288;font-size:11px;font-weight:500}.decor-tip{text-align:center;color:#7d8e9b;margin:14px 0 0;font-size:12px;font-weight:500}@media(max-width:620px){.theme-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.theme-card{flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:7px}.theme-swatch{border-radius:10px;width:100%;height:30px}.theme-card__name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.theme-card__blurb{display:none}.decor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.decor-tile{border-radius:15px;min-height:88px;padding:5px 3px 7px}.decor-tile img{width:52px;height:52px}.decor-tile span{font-size:10px}.decor-sheet__body{padding-left:14px;padding-right:14px}.decor-tip{margin-top:10px;font-size:11px}}.decor-ghost{z-index:90;object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 15px #04263447);opacity:.94;width:120px;height:120px;position:fixed;transform:translate(-50%,-76%)rotate(-3deg)}.decor-layer{z-index:10;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.decor-item{transform-origin:50% 100%;filter:drop-shadow(0 7px 6px #04293633);transition:filter .2s;position:absolute;bottom:calc(clamp(84px,13vh,140px) - 16px)}.decor-item img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%;animation:5.5s ease-in-out infinite alternate sway;display:block}.decor-item.is-removable{pointer-events:auto;cursor:pointer}.decor-item.is-removable img{animation:.9s ease-in-out infinite decor-wiggle}.decor-item.is-removable:hover{filter:drop-shadow(0 0 12px #ffdb78e6)drop-shadow(0 7px 6px #04293633)}.studio-shell{z-index:70;background:radial-gradient(circle at 8% 4%,#ffffffb3,#0000 27%),radial-gradient(circle at 92% 16%,#ffe8ab73,#0000 33%),radial-gradient(circle at 80% 100%,#ffb5c438,#0000 35%),linear-gradient(145deg,#dcf9f4,#eefbf2 44%,#fff5e1);flex-direction:column;animation:.32s both studio-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.studio-shell:before{content:"";pointer-events:none;opacity:.3;background-image:radial-gradient(circle at 14% 26%,#fffc 0,#fffc 6px,#0000 7px),radial-gradient(circle at 22% 18%,#fff9 0,#fff9 3px,#0000 4px),radial-gradient(circle at 86% 68%,#ffffff8c 0,#ffffff8c 5px,#0000 6px),radial-gradient(circle at 78% 60%,#ffffff80 0,#ffffff80 2px,#0000 3px);position:absolute;top:0;right:0;bottom:0;left:0}.studio-header{z-index:2;padding:max(12px,env(safe-area-inset-top)) clamp(12px,2.4vw,28px) 10px;flex:none;align-items:center;gap:10px;display:flex;position:relative}.studio-title-wrap{flex:1;min-width:0}.studio-eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#6c8a8f;font-size:9px;font-weight:500}.studio-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.02;overflow:hidden}.studio-title small{color:#739096;letter-spacing:0;vertical-align:middle;background:#ffffff8f;border-radius:999px;margin-left:8px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-block}.studio-actions{align-items:center;gap:7px;display:flex}.studio-body{z-index:2;flex:1;grid-template-columns:248px minmax(0,1fr) 232px;gap:clamp(10px,1.5vw,18px);min-height:0;padding:2px clamp(12px,2.4vw,28px) clamp(12px,2vw,24px);display:grid;position:relative}.studio-side{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf3b3;border:2px solid #ffffffb3;border-radius:26px;flex-direction:column;min-height:0;padding:14px;display:flex;overflow:hidden;box-shadow:inset 0 2px #ffffffb3,0 5px #134f5414,0 18px 38px #124b511a}.side-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#758d94;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.palette-grid{overscroll-behavior:contain;scrollbar-width:none;flex:auto;grid-template-columns:repeat(4,1fr);align-content:start;gap:9px;min-height:0;padding:3px 4px 7px 3px;display:grid;overflow-y:auto}.palette-grid::-webkit-scrollbar{display:none}.color-swatch{aspect-ratio:1;touch-action:manipulation;border:3px solid #ffffffeb;border-radius:999px;width:100%;transition:transform .13s,box-shadow .13s;position:relative;box-shadow:0 2px #163c4824,inset 0 -3px 5px #00000021}.color-swatch:after{content:"";opacity:.7;pointer-events:none;background:linear-gradient(#fff9,#0000);border-radius:50%;height:26%;position:absolute;inset:6px 8px auto 7px}.color-swatch:hover{transform:translateY(-2px)scale(1.04)}.color-swatch.is-active{box-shadow:0 0 0 3px #fffdf6,0 0 0 6px var(--color-ink),0 4px 8px #0f344133;transform:scale(1.06)}.palette-hint{color:#859ba0;flex:none;align-items:flex-start;gap:7px;margin-top:auto;padding-top:12px;font-size:11px;font-weight:500;line-height:1.3;display:flex}.palette-hint svg{flex:none;margin-top:1px}.studio-stage-wrap{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:0;display:flex;position:relative}.canvas-shell{touch-action:none;cursor:crosshair;background:radial-gradient(circle at 22% 12%,#ffffffe6,#0000 38%),radial-gradient(circle at 86% 92%,#c4f2e88c,#0000 42%),linear-gradient(155deg,#fffdf6,#f4fcf8 54%,#e7f9f4);border:3px solid #fffffff2;border-radius:30px;flex:none;position:relative;overflow:hidden;box-shadow:0 7px #1e686a1f,0 24px 46px #195c5c2e,inset 0 0 0 1px #22344f0a}.canvas-shell:before,.canvas-shell:after{content:"";z-index:4;pointer-events:none;background:#ffde9694;border:1px solid #c499442e;width:78px;height:24px;position:absolute;top:-2px;box-shadow:0 2px 4px #63451414}.canvas-shell:before{left:-12px;transform:rotate(-21deg)}.canvas-shell:after{right:-12px;transform:rotate(19deg)}.canvas-shell--free{background:radial-gradient(circle at 15% 12%,#ffe4a052,#0000 32%),radial-gradient(circle at 88% 88%,#a0e8de6b,#0000 38%),radial-gradient(circle at 88% 8%,#d7c4ff3d,#0000 30%),linear-gradient(155deg,#fffdf6,#f4fcf8 54%,#eafaf5)}.canvas-shell__dots{opacity:.38;pointer-events:none;background-image:radial-gradient(#2c7b792e 1px,#0000 1.5px);background-size:22px 22px;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#0000 30%,#000 82%);mask-image:radial-gradient(circle,#0000 30%,#000 82%)}.canvas-shell--free .canvas-shell__dots{opacity:.48;background-size:25px 25px}.free-start-hint{z-index:3;color:#708990;font-family:var(--font-display);pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf6a8;border:2px dashed #22344f2e;border-radius:999px;align-items:center;gap:9px;padding:10px 17px 10px 11px;font-size:13px;font-weight:500;animation:3.4s ease-in-out infinite free-hint-float;display:flex;position:absolute;top:50%;left:50%}.free-start-hint__orb{color:#ad7a1d;background:#fff1c8;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.studio-notice{z-index:92;top:max(82px,calc(env(safe-area-inset-top) + 72px));color:#fff9e9;max-width:calc(100vw - 28px);font-family:var(--font-display);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#22344feb;border:2px solid #fff9;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;animation:.26s cubic-bezier(.2,.9,.3,1.2) both toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #001e2c42}.studio-notice svg{color:var(--color-butter);flex:none}.canvas-layer{pointer-events:none;image-rendering:auto;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.brush-cursor{z-index:6;pointer-events:none;background:#ffffff29;border:2px solid #22344f99;border-radius:50%;transition:opacity .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffb3}.stage-caption{color:#7e9399;background:#fffcf3b3;border:1px solid #ffffffb3;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:500;display:flex}.tools-stack{flex-direction:column;gap:12px;display:flex}.tool-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tool-row--three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button{color:#556c7d;background:#ffffffb3;border:2px solid #22344f14;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:58px;transition:transform .13s,background .13s,color .13s;display:flex;position:relative;box-shadow:inset 0 2px #fffc,0 3px #0f3d4717}.tool-button:hover{background:#fff;transform:translateY(-2px)}.tool-button.is-active{color:#0d5d53;background:linear-gradient(155deg,#9df0dc,#51dbc4);border-color:#11796e47;box-shadow:0 0 0 2px #fffdf6,0 0 0 5px #38cdbd59,0 3px #0f3d4717}.tool-name{font-family:var(--font-display);color:currentColor;opacity:.78;letter-spacing:.02em;font-size:10px;font-weight:500;line-height:1}.tool-label{font-family:var(--font-display);color:#83979f;text-align:center;letter-spacing:.02em;margin-top:4px;font-size:9px;font-weight:500;display:block}.tool-caption{font-family:var(--font-display);letter-spacing:.13em;text-transform:uppercase;color:#7d939a;margin:0;font-size:10px;font-weight:600}.size-row{align-items:center;gap:8px;display:flex}.size-choice{width:44px;height:44px;color:var(--color-ink);background:#ffffff9e;border:2px solid #22344f14;border-radius:14px;place-items:center;transition:transform .13s,border-color .13s,background .13s;display:grid}.size-choice:hover{background:#fff;transform:translateY(-1px)}.size-choice.is-active{background:#fff4cf;border-color:#22344f8c;box-shadow:0 0 0 2px #ffe07b99}.size-dot{background:currentColor;border-radius:50%;display:block;box-shadow:inset 0 -1px #00000026}.tool-section{border-top:1px dashed #22344f1a;padding-top:12px}.studio-footer-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:12px;display:grid}.studio-mini-action{color:#5d7288;min-height:44px;font-family:var(--font-display);background:#fff9;border:2px solid #22344f14;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:background .13s,transform .13s;display:flex}.studio-mini-action:hover{background:#fff;transform:translateY(-1px)}.studio-mini-action--danger{color:#b64757}.finish-button{color:#0c5940;min-height:56px;font-family:var(--font-display);background:linear-gradient(155deg,#aaf4d4,#45d69a);border:2px solid #0f684a33;border-radius:18px;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 5px #1e9d72,0 10px 22px #148c6433}.finish-button:hover{transform:translateY(-2px)}.finish-button:active{transform:translateY(3px);box-shadow:0 2px #1e9d72}.finish-button:disabled{opacity:.5;box-shadow:none;transform:none}@media(max-width:980px){.studio-body{grid-template-columns:170px minmax(0,1fr) 178px;gap:10px;padding-left:14px;padding-right:14px}.studio-side{border-radius:22px;padding:11px}.palette-grid{gap:7px}.tool-button{width:52px;height:52px}}@media(max-width:1024px){.studio-shell{overflow-y:auto}.studio-header{gap:7px;padding-bottom:8px}.studio-title small{display:none}.studio-body{padding-bottom:max(10px,env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;overflow:visible}.studio-stage-wrap{flex:auto;order:1;min-height:300px}.studio-side--tools{flex:none;order:2}.studio-side--palette{flex:none;order:3}.studio-side{border-radius:20px;flex-direction:row;align-items:center;gap:10px;padding:8px 10px;overflow:visible}.side-title{display:none}.studio-side--palette .palette-grid{overscroll-behavior-x:contain;flex:auto;gap:8px;min-height:50px;max-height:56px;padding:5px 4px 7px;display:flex;overflow:auto hidden}.color-swatch{scroll-snap-align:center;border-width:2.5px;flex:none;width:42px;height:42px}.studio-side--palette{position:relative}.studio-side--palette:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fffbf100,#fffbf1eb);border-radius:0 18px 18px 0;width:34px;position:absolute;top:6px;bottom:6px;right:0}.palette-hint{display:none}.studio-side--tools{flex-wrap:wrap;justify-content:center;gap:8px}.tools-stack{flex-flow:wrap;justify-content:center;align-items:center;gap:8px}.tool-row{flex-wrap:nowrap;gap:5px;display:flex}.tool-row--three{display:flex}.tool-button{border-radius:15px;flex:none;width:48px;height:48px}.tool-button svg{width:22px;height:22px}.tool-name{opacity:.72;font-size:8px;display:block}.tool-label,.tool-caption{display:none}.size-row{border-left:1px dashed #22344f1f;gap:4px;padding-left:5px}.size-choice{border-radius:11px;width:36px;height:36px}.tool-section{border-top:0;flex:none;align-items:center;padding-top:0;display:flex}.studio-footer-actions,.stage-caption,.studio-mini-action{display:none}.finish-button{border-radius:16px;justify-content:center;width:52px;min-height:52px;padding:0}.finish-button .finish-label{display:none}.studio-actions .icon-button,.studio-header>.icon-button{border-radius:14px;width:44px;height:44px}}@media(max-width:400px){.studio-title{font-size:18px}.studio-actions{gap:5px}.tool-button{border-radius:13px;width:44px;height:44px}.size-choice{width:33px;height:33px}.color-swatch{width:38px;height:38px}.finish-button{width:46px;min-height:46px}.studio-actions .icon-button,.studio-header>.icon-button{width:40px;height:40px}}.sticker-tray{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffbf1ed;border:2px solid #fffc;border-radius:20px;align-items:center;gap:7px;max-width:calc(100% - 20px);padding:8px;animation:.22s both sticker-pop;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px #0932421f,0 16px 30px #04263438}.sticker-chip{background:#fffaf0;border:2px solid #22344f14;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;transition:transform .13s,box-shadow .13s;display:grid}@media(max-width:620px){.sticker-tray{overscroll-behavior-x:contain;scrollbar-width:none;gap:5px;max-width:calc(100% - 16px);padding:6px;display:flex;bottom:10px;overflow-x:auto}.sticker-tray::-webkit-scrollbar{display:none}.sticker-chip{border-radius:11px;width:40px;height:40px}.sticker-chip canvas{width:28px;height:28px}}.sticker-chip:hover{transform:translateY(-2px)}.sticker-chip.is-active{background:#fff0bb;border-color:#22344f73;box-shadow:0 0 0 2px #ffd75c8c}.picker-shell{z-index:70;background:radial-gradient(circle at 8% 2%,#fffc,#0000 26%),radial-gradient(circle at 96% 14%,#ffe49e66,#0000 32%),radial-gradient(circle at 60% 100%,#ffafc138,#0000 38%),linear-gradient(145deg,#dcf9f4,#effbf2 48%,#fff5e1);flex-direction:column;animation:.32s both studio-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.picker-header{padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,44px) 12px;align-items:center;gap:12px;display:flex}.picker-heading{flex:1;min-width:0}.picker-eyebrow{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:#6e8c8d;font-size:10px;font-weight:600}.picker-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:2px 0 0;font-size:clamp(27px,4.5vw,46px);font-weight:700;line-height:.98}.picker-title span{color:#e2834e}.picker-sub{color:#6b8289;margin:5px 0 0;font-size:clamp(12px,1.4vw,15px);font-weight:500}.picker-custom{width:100%;max-width:1180px;margin:0 auto;padding:2px clamp(16px,4vw,44px) 16px}.custom-fish-card{text-align:left;background:radial-gradient(circle at 86% 20%,#ffdc8266,#0000 28%),radial-gradient(circle at 8% 100%,#81dfd559,#0000 38%),linear-gradient(135deg,#fff8e8,#f1fcf8 56%,#eef4ff);border:2px dashed #22344f42;border-radius:28px;align-items:center;gap:16px;width:100%;padding:13px 18px 13px 14px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #0c464a14,0 14px 32px #104e521a}.custom-fish-card:after{content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(#2c7b7933 1px,#0000 1.5px);background-size:20px 20px;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000)}.custom-fish-card:hover{transform:translateY(-4px);box-shadow:0 8px #0c464a14,0 22px 42px #104e5226}.custom-fish-card:active{transform:translateY(-1px)}.custom-fish-card__art{color:#fffdf6;z-index:1;background:radial-gradient(circle at 30% 18%,#fff9,#0000 45%),linear-gradient(145deg,#8fe7dc,#3fc7ba);border:2px solid #fffc;border-radius:24px;flex:none;place-items:center;width:84px;height:84px;display:grid;position:relative;box-shadow:inset 0 2px #fff6,0 4px #136f6729}.custom-fish-card__blank{filter:drop-shadow(0 2px 1px #0e4e4a3d);place-items:center;display:grid;transform:rotate(-4deg)}.custom-fish-card__splotch{border:1.5px solid #fff9;border-radius:50%;position:absolute}.custom-fish-card__splotch--pink{background:#ff8fab;width:14px;height:14px;top:7px;right:9px}.custom-fish-card__splotch--blue{background:#74c0fc;width:9px;height:9px;bottom:10px;left:7px}.custom-fish-card__splotch--yellow{background:#ffd43b;width:8px;height:8px;top:12px;left:6px}.custom-fish-card__copy{z-index:1;flex:1;min-width:0}.custom-fish-card__eyebrow{font-family:var(--font-display);letter-spacing:.19em;text-transform:uppercase;color:#69878a;margin-bottom:2px;font-size:9px;font-weight:600;display:block}.custom-fish-card__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;font-size:clamp(18px,2.3vw,25px);font-weight:700;line-height:1.05;display:block}.custom-fish-card__sub{color:#6b8387;margin-top:3px;font-size:12px;font-weight:500;display:block}.custom-fish-card__plus{color:#57400e;z-index:1;background:linear-gradient(160deg,#ffe996,#ffd24f);border:2px solid #22344f24;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px #d9a324,inset 0 2px #ffffff8c}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,22px);width:100%;max-width:1180px;margin:0 auto;padding:10px clamp(16px,4vw,44px) 40px;display:grid}.template-card{text-align:left;border:3px solid #fffc;border-radius:30px;flex-direction:column;min-height:0;padding:14px 14px 0;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px #0c464a1a,0 20px 44px #104e5224}.template-card:hover{transform:translateY(-6px)rotate(-.5deg);box-shadow:0 11px #0c464a1a,0 26px 52px #104e522e}.template-card:active{transform:translateY(-1px)}.template-card__sparkle{color:#ffffffd9;position:absolute;top:16px;right:16px}.template-card__art-wrap{aspect-ratio:1.32;background:#ffffff47;border:1.5px solid #ffffff80;border-radius:22px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.template-card__art-wrap:before,.template-card__art-wrap:after{content:"";border:2px solid #ffffff8c;border-radius:50%;position:absolute}.template-card__art-wrap:before{width:26px;height:26px;top:18%;left:12%}.template-card__art-wrap:after{width:11px;height:11px;top:32%;left:18%}.template-card__art{object-fit:contain;filter:drop-shadow(0 12px 10px #1e4a4c2e);width:92%;height:90%;transition:transform .4s cubic-bezier(.2,.9,.3,1.2);position:absolute;top:5%;right:4%;bottom:5%;left:4%}.template-card:hover .template-card__art{transform:scale(1.05)rotate(-1deg)}.template-card__footer{align-items:center;gap:8px;padding:11px 3px 14px;display:flex}.template-card__name{font-family:var(--font-display);color:#243c4c;font-size:clamp(17px,2vw,21px);font-weight:700;line-height:1;display:block}.template-card__note{color:#243c4cad;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;font-weight:500;display:block;overflow:hidden}.template-card__arrow{color:#344f5d;background:#fffdf6d9;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 3px #0a334414}.picker-footnote{text-align:center;font-family:var(--font-display);color:#83999d;margin:-16px 0 30px;font-size:12px;font-weight:500}@media(max-width:900px){.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-card{border-radius:22px;padding:9px 9px 0}.template-card__art-wrap{aspect-ratio:1.3;border-radius:16px}.template-card__footer{padding:8px 2px 10px}.template-card__note{display:none}.template-card__arrow{width:32px;height:32px}.template-card__name{font-size:16px}.custom-fish-card{border-radius:22px;gap:11px;padding:10px 12px 10px 10px}.custom-fish-card__art{border-radius:18px;width:64px;height:64px}.custom-fish-card__blank svg{width:38px;height:38px}.custom-fish-card__title{font-size:17px}.custom-fish-card__sub{font-size:11px}.custom-fish-card__plus{width:42px;height:42px}}@media(max-width:390px){.picker-header{padding-left:12px;padding-right:12px}.picker-grid{gap:9px;padding-left:12px;padding-right:12px}.picker-custom{padding-bottom:10px;padding-left:12px;padding-right:12px}.template-card__name{font-size:14px}.custom-fish-card__sub{display:none}}.name-overlay{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04253180;place-items:center;padding:16px;animation:.22s both scrim-in;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.name-card{background:radial-gradient(circle at 88% 4%,#7ee2d759,#0000 36%),#fffbf1;border:3px solid #ffffffd1;border-radius:34px;width:min(100%,460px);animation:.34s cubic-bezier(.2,.9,.3,1.2) both panel-pop;overflow:hidden;box-shadow:0 12px #04304129,0 38px 80px #021b2766}.name-card__art{background:radial-gradient(circle,#ffffffbf,#0000 60%),linear-gradient(160deg,#a6f0e4,#5ddbc9);place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.name-card__art:before,.name-card__art:after{content:"";border:2px solid #ffffff80;border-radius:50%;position:absolute}.name-card__art:before{width:38px;height:38px;top:22px;left:32px}.name-card__art:after{width:16px;height:16px;top:58px;left:54px}.name-card__fish{object-fit:contain;filter:drop-shadow(0 12px 10px #114a4638);width:100%;height:100%;padding:8px 46px 2px;animation:3.4s ease-in-out infinite bob;position:absolute;top:0;right:0;bottom:0;left:0}.name-card__body{text-align:center;padding:18px 24px 24px}.name-card__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(22px,4vw,29px);font-weight:700;line-height:1.05}.name-card__sub{color:var(--color-ink-soft);margin:5px 0 14px;font-size:13px;font-weight:500}.name-field{background:#fff;border:2px solid #22344f24;border-radius:19px;align-items:center;gap:8px;padding:6px;display:flex;box-shadow:inset 0 2px 5px #17404d0f}.name-field input{min-width:0;height:46px;color:var(--color-ink);font-family:var(--font-display);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:0 12px;font-size:22px;font-weight:600}.name-field input::placeholder{color:#a9b7be}.dice-button{color:#9c6f1b;background:#fff1c8;border:2px solid #a8761e33;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;transition:transform .16s;display:grid}.dice-button:hover{transform:rotate(-8deg)scale(1.04)}.name-card__actions{grid-template-columns:1fr;gap:9px;margin-top:14px;display:grid}.name-card__actions--row{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.fish-rename__card .name-card__art{height:166px}.fish-rename__card .name-card__fish{padding:4px 44px 0}.name-back{color:#86999f;text-underline-offset:3px;margin-top:8px;font-size:12px;font-weight:500;text-decoration:underline}@media(max-width:390px){.name-card__actions--row .chunky-button{gap:6px;min-height:50px;padding:0 10px;font-size:14px}.fish-rename__card .name-card__art{height:138px}}.confirm-card{text-align:center;background:#fffbf1;border:3px solid #ffffffd1;border-radius:28px;width:min(100%,390px);padding:22px 22px 20px;animation:.28s cubic-bezier(.2,.9,.3,1.2) both panel-pop;box-shadow:0 10px #04304124,0 30px 60px #021b2759}.confirm-card__icon{color:#a8731c;background:#fff0c2;border-radius:20px;place-items:center;width:58px;height:58px;margin:0 auto 10px;display:grid}.confirm-card h3{font-family:var(--font-display);margin:0;font-size:23px;font-weight:700;line-height:1.1}.confirm-card p{color:#6e8490;margin:6px 0 16px;font-size:13px;font-weight:500}.confirm-card__actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.photo-modal{width:min(100%,900px)}.photo-preview-wrap{background:radial-gradient(circle at 20% 10%,#ffffff24,#0000 35%),linear-gradient(155deg,#244c5c,#173846);border-radius:24px;place-items:center;padding:18px;display:grid;box-shadow:inset 0 4px 24px #00000038}.photo-preview{border-radius:8px;max-width:100%;max-height:min(54dvh,540px);box-shadow:0 18px 40px #000a1259}.photo-foot{padding:14px 20px max(18px,env(safe-area-inset-bottom));background:#fffbf1e6;border-top:2px dashed #22344f1a;flex:none}.photo-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.photo-note{text-align:center;color:#8b9ba3;margin:11px 0 0;font-size:12px;font-weight:500}@media(max-width:620px){.photo-preview{max-height:45dvh}.photo-preview-wrap{padding:12px}.photo-actions{flex-direction:column;align-items:stretch}.photo-actions .chunky-button{width:100%}}.photo-loading{color:#e4f7f5;min-width:min(84vw,300px);font-family:var(--font-display);background:#0c3140e6;border:2px solid #ffffff2e;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:38px 30px;font-weight:500;display:flex;box-shadow:0 22px 60px #00121a59}.photo-shutter{z-index:92;color:#fff9e9;font-family:var(--font-display);text-shadow:0 2px #0223304d;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:20px;font-weight:600;animation:.25s both pop-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.photo-shutter__orb{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1038478f;border:3px solid #ffffffd9;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 14px 32px #00192547}.spinner{border:5px solid #ffffff29;border-top-color:var(--color-butter);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.flash-screen{z-index:95;pointer-events:none;background:#fff;animation:.5s ease-out both camera-flash;position:fixed;top:0;right:0;bottom:0;left:0}.loading-shell{z-index:100;color:#fff9e8;background:radial-gradient(circle at 50% 32%,#6eebd95c,#0000 42%),linear-gradient(160deg,#1d9cba,#0b6b92 48%,#064362);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.loading-logo{color:#5b4714;background:linear-gradient(150deg,#ffe893,#ffcb48);border:3px solid #fffc;border-radius:30px;place-items:center;width:94px;height:94px;animation:3s ease-in-out infinite bob;display:grid;box-shadow:0 8px #0526333d,0 20px 40px #00141e4d}.loading-title{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 3px #04283729;margin:12px 0 0;font-size:clamp(28px,6vw,42px);font-weight:700;line-height:1}.loading-sub{color:#fffaebb8;margin:0;font-size:13px;font-weight:500}.loading-bubbles{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.loading-bubble{border:2px solid #ffffff59;border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-30px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sway{0%{transform:rotate(-1.2deg)scaleX(1)}to{transform:rotate(1.2deg)scaleX(.99)}}@keyframes decor-wiggle{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes cta-halo{0%,70%,to{opacity:0;transform:scale(.98)}82%{opacity:.8;transform:scale(1.01)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes banner-in{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes hint-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}@keyframes free-hint-float{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-5px)}}@keyframes sticker-pop{0%{opacity:0;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes panel-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes studio-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes camera-flash{0%{opacity:0}12%{opacity:.94}to{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.7}to{opacity:0;transform:translateY(-110vh)translate(26px)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}