:root{--abyss: #031821;--deep: #06283a;--glass: rgba(140, 230, 220, .07);--glass-strong: rgba(140, 230, 220, .12);--rim: rgba(150, 240, 225, .16);--text: #eafbf7;--muted: #8fb7b4;--seafoam: #5eead4;--seafoam-deep: #14b8a6;--coral: #ff7a59;--coral-deep: #f2545b;--sand: #ffd59e;--danger: #ff8a8a;--staff: #5eead4;--vip: #ffd166;--r-lg: 24px;--r-md: 16px;--display: Fredoka, Nunito, system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}html{background:var(--abyss)}body{color:var(--text);font:600 15px/1.45 Nunito,system-ui,sans-serif;background:radial-gradient(1200px 600px at 15% -10%,rgba(94,234,212,.16),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(255,122,89,.12),transparent 60%),linear-gradient(180deg,var(--deep),var(--abyss));background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.06em}.row{display:flex;gap:10px;align-items:center}.row.end{justify-content:flex-end}.stack{display:flex;flex-direction:column;gap:8px}:focus-visible{outline:2px solid var(--seafoam);outline-offset:2px}.btn{background:var(--glass-strong);border:1px solid var(--rim);border-radius:999px;padding:10px 18px;font-weight:800;white-space:nowrap;transition:transform .12s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--seafoam);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--coral),var(--coral-deep));border:0;color:#fff;box-shadow:0 6px 18px #f2545b59}.btn.big{padding:13px 26px;font-size:16px;font-family:var(--display);letter-spacing:.02em}.btn.danger{color:var(--danger)}.field{flex:1;min-width:0;background:#00000040;border:1px solid var(--rim);border-radius:999px;padding:12px 18px;color:var(--text);font:inherit}.field:focus,.chat-input:focus{outline:none;border-color:var(--seafoam);box-shadow:0 0 0 3px #5eead42e}.welcome{position:relative;min-height:100%;display:grid;place-items:center;padding:16px;overflow:hidden}.bubbles span{position:absolute;bottom:-40px;border-radius:50%;border:1.5px solid rgba(180,255,240,.35);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 60%);animation:rise 11s linear infinite}@keyframes rise{to{transform:translate(30px,-110vh);opacity:0}}.welcome-card{position:relative;width:min(460px,100%);background:linear-gradient(160deg,#144650bf,#051e2ad9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--rim);border-radius:32px;padding:36px 30px 28px;text-align:center;box-shadow:0 40px 100px #00000080}.welcome-logo{width:84px;height:84px;margin:-78px auto 10px;display:grid;place-items:center;font-size:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a7f3e4,var(--seafoam-deep));box-shadow:0 10px 30px #14b8a680,inset 0 -6px 12px #00000026}.welcome h1{margin:0;font:700 46px/1.1 var(--display);letter-spacing:.01em;background:linear-gradient(90deg,var(--seafoam),var(--sand));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin:6px 0 26px}.divider{color:var(--muted);font-size:13px;margin:22px 0 12px;display:flex;gap:10px;align-items:center}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--rim)}.form-error{color:var(--danger);min-height:1.4em;margin:12px 0 0}.fineprint{color:var(--muted);font-size:12px;margin:8px 0 0}.game{display:grid;grid-template-columns:92px minmax(0,1fr) 330px;height:100%}.rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;background:#00000038;border-right:1px solid var(--rim)}.rail-logo{width:54px;height:54px;display:grid;place-items:center;font-size:30px;border-radius:50%;margin-bottom:14px;background:radial-gradient(circle at 35% 30%,#a7f3e4,var(--seafoam-deep));box-shadow:0 6px 18px #14b8a666}.rail-nav{display:flex;flex-direction:column;gap:6px;flex:1;width:100%}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:10px 4px 8px;border:1px solid transparent;border-radius:18px;background:none;color:var(--muted);transition:background .15s,color .15s}.rail-btn:hover{background:var(--glass);color:var(--text)}.rail-btn.active{background:var(--glass-strong);border-color:var(--rim);color:var(--text);box-shadow:inset 3px 0 0 var(--coral)}.rail-icon{font-size:22px;line-height:1.1}.rail-label{font:600 12px/1.2 var(--display);letter-spacing:.02em}.main{display:flex;flex-direction:column;gap:16px;padding:18px 20px 10px;min-width:0;overflow:auto}.stage{flex:1 0 auto}.dock{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.dock{padding:10px;background:linear-gradient(180deg,#031821b8,#03182180);border:1px solid var(--rim);border-radius:calc(var(--r-lg) + 6px);box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0f}.level-card,.stats,.reward-btn{background:var(--glass);border:1px solid var(--rim);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-card{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 10px;min-width:0}.ring-wrap{position:relative;width:52px;height:52px;flex:none}.level-ring{width:52px;height:52px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff1a;stroke-width:5}.ring-fill{fill:none;stroke:var(--seafoam);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .6s}.ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 19px var(--display)}.level-text{display:flex;flex-direction:column;min-width:0}.level-text strong{font:600 17px/1.2 var(--display)}.level-text small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-text .next-unlock{color:var(--sand)}.stats{display:flex;flex:1;min-width:0}.stat{flex:1;display:flex;align-items:center;gap:10px;padding:8px 14px;min-width:0}.stat-icon{font-size:22px}.stat-text{display:flex;flex-direction:column;line-height:1.15}.stat-text strong{font:600 18px var(--display)}.stat-text small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.reward-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;font:600 15px var(--display);color:#fff;border:0;background:linear-gradient(135deg,var(--coral),var(--coral-deep));box-shadow:0 8px 22px #f2545b59;animation:bob 3s ease-in-out infinite}.reward-btn span{font-size:20px}@keyframes bob{50%{transform:translateY(-3px)}}.aquarium{display:flex;flex-direction:column;gap:10px}.tank-frame{position:relative;border-radius:34px;padding:10px;background:linear-gradient(160deg,#a7f3e459,#14b8a61f 40%,#0000004d);box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff40}.tank-canvas{display:block;width:100%;height:clamp(300px,56vh,640px);border-radius:26px}.glass-glare{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:26px;pointer-events:none;background:linear-gradient(115deg,#ffffff29,#fff0 22%,#fff0 70%,#ffffff0f,#fff0);box-shadow:inset 0 0 40px #001e3273}.tank-title{position:absolute;left:26px;bottom:24px;display:flex;gap:12px;align-items:center;background:#03182199;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--rim);padding:6px 14px;border-radius:999px;font-size:14px}.tank-title strong{font:600 15px var(--display)}.capacity{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.capacity-bar{width:60px;height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.capacity-bar span{display:block;height:100%;background:var(--seafoam)}.section-label{font:600 13px var(--display);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:6px}.fish-row{display:flex;gap:10px;flex-wrap:wrap}.fish-card{--rarity: #9aa4b2;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;background:var(--glass);border:1px solid var(--rim);border-left:4px solid var(--rarity);border-radius:14px 999px 999px 14px;min-width:190px}.fish-card.rarity-uncommon{--rarity: #4ade80}.fish-card.rarity-rare{--rarity: #60a5fa}.fish-card.rarity-epic{--rarity: #c084fc}.fish-card.rarity-legendary{--rarity: #fbbf24}.swatch{width:40px;height:24px;border-radius:60% 40% 40% 60%;flex:none;box-shadow:inset 0 -3px 6px #0003}.fish-meta{display:flex;flex-direction:column;line-height:1.2}.fish-name{font:600 15px var(--display)}.rarity-label{font-size:11px;font-weight:800;text-transform:capitalize;letter-spacing:.03em}.soon{height:100%;min-height:320px;display:grid;place-content:center;text-align:center;background:var(--glass);border:1.5px dashed var(--rim);border-radius:34px;color:var(--muted);padding:24px}.soon h2{color:var(--text);margin:10px 0 4px;font:600 26px var(--display)}.soon-icon{width:86px;height:86px;margin:0 auto;display:grid;place-items:center;font-size:42px;border-radius:50%;background:var(--glass-strong);border:1px solid var(--rim)}.side{display:flex;flex-direction:column;gap:14px;padding:18px 18px 18px 0;min-height:0}.panel{background:var(--glass);border:1px solid var(--rim);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;min-height:0}.panel-title{display:flex;align-items:center;gap:8px;padding:14px 18px 8px;font:600 16px var(--display)}.count{font:700 12px Nunito;background:var(--seafoam);color:var(--abyss);border-radius:999px;padding:1px 8px}.online{max-height:36%}.online-list{overflow:auto;padding:0 12px 12px}.group-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:8px 6px 4px}.online-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:12px}.online-row:hover{background:var(--glass)}.avatar{position:relative;width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;font:700 13px var(--display);color:var(--abyss)}.avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#4ade80;border:2px solid var(--deep)}.lvl{margin-left:auto;font:600 11px var(--display);color:var(--sand);background:#ffd59e1f;padding:2px 8px;border-radius:999px}.you{color:var(--muted);font-size:12px}.role-staff{color:var(--staff)}.role-vip{color:var(--vip)}.badge{font:700 10px Nunito;letter-spacing:.06em;padding:1px 7px;border-radius:999px;color:var(--abyss)}.badge.staff{background:var(--staff)}.badge.vip{background:var(--vip)}.chat{flex:1}.chat-list{flex:1;overflow-y:auto;padding:4px 12px 8px;display:flex;flex-direction:column;gap:4px;min-height:120px}.msg{position:relative;font-size:14px;overflow-wrap:anywhere;padding:6px 10px;border-radius:14px;background:#ffffff08}.msg:hover{background:#ffffff12}.msg>*{margin-right:5px}.msg.mine{background:#5eead41a}.msg-time{color:var(--muted);font-size:11px}.msg-name{font-weight:800}.msg.system{color:var(--sand);background:#ffd59e14;border:1px solid rgba(255,213,158,.2)}.msg.notice{color:var(--muted);font-style:italic;background:none}.msg-actions{display:none;position:absolute;right:6px;top:4px;gap:3px}.msg:hover .msg-actions{display:inline-flex}.msg-del{float:right;margin:0 0 0 4px;background:none;border:0;color:var(--muted);font-size:12px;padding:0 2px;cursor:pointer}.msg-del:hover{color:#ff8a8a}.msg:has(.msg-del) .msg-actions{right:26px}.msg-actions button{background:var(--deep);border:1px solid var(--rim);border-radius:999px;font-size:12px;padding:0 7px}.chat-compose{display:flex;gap:8px;padding:10px;border-top:1px solid var(--rim);align-items:center}.chat-input{flex:1;min-width:0;background:#00000040;border:1px solid var(--rim);border-radius:999px;padding:9px 14px;color:var(--text);font:inherit}.chat-compose .btn{padding:9px 16px}.chat-count{color:var(--muted);font-size:12px}.footer{text-align:center;color:var(--muted);font-size:12px;padding:4px 0 2px;margin-top:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#010c12b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(160deg,#0d3b47,#062433);border:1px solid var(--rim);border-radius:28px;padding:26px;box-shadow:0 30px 80px #00000080}.modal h2{margin:0 0 8px;font:600 24px var(--display)}.code-box{font-size:22px;font-weight:800;text-align:center;padding:16px;background:#0000004d;border:1.5px dashed var(--seafoam);border-radius:18px;margin:14px 0;-webkit-user-select:all;user-select:all;color:var(--seafoam)}.warn{color:var(--sand);font-size:14px}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60}.toast{background:#0d3b47;border:1px solid var(--rim);padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px #0006;transition:opacity .4s}.toast.error{border-color:var(--coral)}.toast.leaving{opacity:0}.tank-actions{position:absolute;right:24px;bottom:22px;display:flex;gap:10px}.tank-action{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:7px 16px 7px 10px;border-radius:999px;border:1px solid var(--rim);background:#0318219e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 14px/1.15 var(--display);transition:transform .12s,background .15s}.tank-action:hover{transform:translateY(-2px)}.tank-action .ta-icon{grid-row:span 2;font-size:22px}.tank-action small{color:var(--muted);font:700 11px Nunito}.tank-action.clean{position:absolute;top:22px;left:24px}.tank-action.attention{border-color:var(--seafoam);box-shadow:0 0 0 3px #5eead42e}.tank-action.collect.attention{border-color:var(--sand);box-shadow:0 0 0 3px #ffd59e33}.mood{color:var(--text);font-weight:800}button.fish-card{text-align:left;cursor:pointer;color:inherit;font:inherit;transition:transform .12s,background .15s}button.fish-card:hover{transform:translateY(-2px);background:var(--glass-strong)}.mini-bar{display:block;width:100%;min-width:90px;height:5px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:4px}.mini-bar.wide{flex:1;margin:0;height:8px}.mini-bar>span{display:block;height:100%;border-radius:99px}.mini-bar .good{background:var(--seafoam)}.mini-bar .ok{background:var(--sand)}.mini-bar .low{background:var(--coral)}.harbour{display:flex;flex-direction:column;gap:14px}.harbour-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.harbour-title h2{margin:0;font:600 28px var(--display)}.harbour-title p{margin:2px 0 0;color:var(--muted);font-size:14px}.segmented{display:inline-flex;padding:4px;gap:4px;background:#00000040;border:1px solid var(--rim);border-radius:999px}.seg{border:0;background:none;padding:8px 16px;border-radius:999px;font:600 14px var(--display);color:var(--muted)}.seg.active{background:var(--glass-strong);color:var(--text);box-shadow:inset 0 0 0 1px var(--rim)}.store-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.store-toolbar:empty{display:none}.field.small{flex:0 1 220px;padding:8px 14px;font-size:14px}.field.select{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px;background-repeat:no-repeat}.field.select option{background:var(--deep)}.chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{border:1px solid var(--rim);background:none;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:800;color:var(--muted)}.filter-chip.active{background:var(--seafoam);color:var(--abyss);border-color:var(--seafoam)}.toggle{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:13px;cursor:pointer}.toggle input{accent-color:var(--seafoam)}.muted{color:var(--muted)}.small{font-size:12px}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.store-card{--rarity: #9aa4b2;display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;background:var(--glass);border:1px solid var(--rim);border-radius:var(--r-lg);position:relative;overflow:hidden}.store-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--rarity)}.store-card.rarity-uncommon{--rarity: #4ade80}.store-card.rarity-rare{--rarity: #60a5fa}.store-card.rarity-epic{--rarity: #c084fc;box-shadow:0 0 24px #c084fc26}.store-card.rarity-legendary{--rarity: #fbbf24}.store-card.locked .store-art{filter:grayscale(.7) brightness(.7)}.store-art{position:relative;display:grid;place-items:center;height:100px;border-radius:16px;background:radial-gradient(circle at 50% 40%,#2bb3d959,#0b3f6b66)}.store-art.icon{font-size:48px}.rarity-pill{position:absolute;top:8px;left:8px;font:700 10px Nunito;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#031821b3;color:var(--rarity)}.rarity-pill.inline{position:static}.store-card h3{margin:4px 0 0;font:600 18px var(--display)}.store-desc{margin:0;color:var(--muted);font-size:13px;flex:1}.store-facts{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.store-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.store-buy .btn{padding:8px 16px}.price{font:600 18px var(--display);color:var(--sand)}.price.short{color:var(--danger)}.modal h2:empty{display:none}.confirm-art{display:grid;place-items:center;margin:4px 0 8px;border-radius:18px;background:radial-gradient(circle at 50% 40%,#2bb3d959,#0b3f6b66)}.fish-facts{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.fish-facts>span{background:var(--glass-strong);border-radius:999px;padding:3px 10px}.stat-bar{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:14px}.stat-bar>span:first-child{width:80px;color:var(--muted)}.stat-bar strong{width:42px;text-align:right}.levelup{position:relative;text-align:center;padding:10px 0 4px}.levelup h2{font:700 34px var(--display);margin:10px 0 2px;color:var(--sand)}.levelup-badge{position:relative;z-index:1;width:96px;height:96px;margin:0 auto;display:grid;place-items:center;border-radius:50%;font:700 44px var(--display);color:var(--abyss);background:radial-gradient(circle at 35% 30%,#fff3d6,var(--sand) 45%,#f0a35e);box-shadow:0 0 0 6px #ffd59e33,0 12px 40px #ffb45a73;animation:pop .6s cubic-bezier(.2,1.6,.4,1)}.levelup-burst{position:absolute;left:50%;top:58px;width:0;height:0}.levelup-burst span{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--seafoam);transform-origin:3px 3px;animation:burst .9s ease-out forwards}.levelup-burst span:nth-child(odd){background:var(--coral)}@keyframes pop{0%{transform:scale(.3);opacity:0}}@keyframes burst{0%{box-shadow:0 0 0 0 currentColor;translate:0 0;opacity:1}to{translate:0 -90px;opacity:0}}.unlock-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.unlock{background:var(--glass-strong);border:1px solid var(--rim);border-radius:14px;padding:10px;font-weight:800}.unlock-groups{display:flex;flex-direction:column;gap:6px;margin-top:10px;text-align:left}.unlock-group{background:var(--glass-strong);border:1px solid var(--rim);border-radius:12px;padding:6px 8px}.unlock-head{font-weight:800;font-size:13px;display:flex;align-items:center;gap:6px}.unlock-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.unlock-chip{font-size:11px;padding:2px 7px;border-radius:999px;background:#ffffff14;border:1px solid var(--rim);white-space:nowrap}.unlock-chip.more{cursor:help;opacity:.8}.modal-x{position:sticky;top:-12px;float:right;margin:-12px -12px 0 0;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--rim);background:#0d3b47;color:inherit;font-size:16px;cursor:pointer}.lab,.fishdex{display:flex;flex-direction:column;gap:14px}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.slot{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--rim)}.slot.empty{border-style:dashed}.slot.locked{opacity:.55;border-style:dashed}.slot-eggs{font-size:30px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--glass-strong);flex:none}.slot.active .slot-eggs{animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.slot-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.slot-names{font:600 14px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-body strong{font-size:13px;color:var(--sand)}.btn.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #ff7a5940}}.pair{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:28px;background:var(--glass);border:1px solid var(--rim)}.pair-head{display:flex;align-items:stretch;gap:12px;justify-content:center}.pair-plus{display:grid;place-items:center;font:700 30px var(--display);color:var(--coral)}.parent{flex:1;max-width:260px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:22px;border:1px solid var(--rim);background:radial-gradient(circle at 50% 35%,#2bb3d94d,#0b3f6b59);color:inherit;font:inherit}.parent.empty{border-style:dashed;background:#0000002e;color:var(--muted);font:600 15px var(--display)}.parent strong{font:600 16px var(--display)}.pair-result{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.outcomes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.outcome{padding:4px 12px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--rim);font-weight:800;font-size:13px}.outcome.mystery{border-style:dashed;color:var(--sand)}.warn-box{margin:0;padding:8px 14px;border-radius:14px;background:#ff7a591f;border:1px solid rgba(255,122,89,.35);color:#ffd0c2}.pair-potential{margin:0;padding:8px 14px;border-radius:14px;background:#5eead414;border:1px solid rgba(94,234,212,.25);text-align:center}.pair-potential.low{background:#ff7a5914;border-color:#ff7a594d}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pick-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:16px;border:1px solid var(--rim);background:#00000026;color:inherit;font:inherit;transition:transform .12s,border-color .12s}.pick-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--seafoam)}.pick-card.selected{border-color:var(--coral);box-shadow:0 0 0 3px #ff7a5940;background:#ff7a5914}.pick-name{font:600 13px var(--display);text-align:center}.rarity-outline:not(.empty){border:2px solid var(--tier, var(--rim));box-shadow:0 0 10px color-mix(in srgb,var(--tier) 30%,transparent)}.pick-card.rarity-outline.selected{box-shadow:0 0 0 3px #ff7a5973,0 0 10px color-mix(in srgb,var(--tier) 30%,transparent)}.reveal{position:relative;text-align:center;overflow:hidden}.reveal h2{font:700 28px var(--display);margin:6px 0 0}.reveal h2.gold{color:var(--sand)}.reveal-stage{--glow: #9aa4b2;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:260px;justify-content:center;cursor:pointer}.reveal-stage.done{cursor:default;display:block;min-height:0}.reveal-orb{font-size:72px;line-height:1;animation:wobble .6s ease-in-out infinite}.reveal-orb.step-2{animation-duration:.35s}.reveal-orb.step-1{animation-duration:.18s}.reveal-orb.hint{filter:drop-shadow(0 0 18px var(--glow)) drop-shadow(0 0 6px var(--glow))}.reveal-num{font:700 44px var(--display);color:var(--seafoam);animation:pop .5s ease-out}.reveal>*{position:relative}.reveal>.reveal-bubbles,.reveal>.reveal-rays,.reveal>.reveal-confetti{position:absolute}.reveal>.reveal-bubbles{top:0;right:0;bottom:0;left:0;pointer-events:none}.reveal .confirm-art{animation:pop .45s cubic-bezier(.2,1.6,.4,1)}.reveal-rays{left:50%;top:45%;width:700px;height:700px;margin:-350px 0 0 -350px;z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--glow) 28%,transparent) 0 10deg,transparent 10deg 30deg);animation:spin 9s linear infinite;-webkit-mask-image:radial-gradient(circle closest-side,#000 25%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 25%,transparent 100%)}.reveal-confetti{top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.reveal-confetti span{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:confetti-fall 1.8s ease-in forwards}.reveal-banner{font:700 30px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--glow);text-shadow:0 0 18px var(--glow);animation:pop .5s cubic-bezier(.2,1.6,.4,1)}.reveal.tier-5 .reveal-banner,.reveal.tier-6 .reveal-banner,.reveal.tier-7 .reveal-banner{font-size:38px}.reveal.tier-6 .reveal-banner,.reveal.tier-7 .reveal-banner,.reveal.tier-6 .reveal-rays,.reveal.tier-7 .reveal-rays{animation-name:pop,rainbow;animation-duration:.5s,2.4s;animation-iteration-count:1,infinite}.reveal.tier-6 .reveal-rays,.reveal.tier-7 .reveal-rays{animation-name:spin,rainbow;animation-duration:9s,2.4s;animation-timing-function:linear}.modal.shake{animation:shake .5s ease-in-out}@keyframes spin{to{rotate:360deg}}@keyframes rainbow{to{filter:hue-rotate(360deg)}}@keyframes confetti-fall{to{transform:translateY(420px) rotate(540deg);opacity:0}}@keyframes shake{20%,60%{translate:-6px 0}40%,80%{translate:6px 0}}.reveal-bubbles span{position:absolute;bottom:-20px;width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(180,255,240,.5);animation:rise-fast 1.4s ease-out forwards}@keyframes rise-fast{to{transform:translateY(-420px);opacity:0}}.tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tag{padding:4px 12px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--rim);font-weight:800;font-size:13px}.tag.gold{background:#ffd59e26;border-color:var(--sand);color:var(--sand)}button.fish-card{position:relative}.busy-badge{position:absolute;top:-6px;right:8px;font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.release-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--rim)}.fish-preview{max-width:100%!important;height:auto!important}.dex-progress .mini-bar.wide{flex:none}.dex-progress{display:flex;flex-direction:column;gap:4px;min-width:220px}.dex-progress strong{font:600 22px var(--display)}.milestones{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.milestone{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:18px;background:var(--glass);border:1px solid var(--rim)}.milestone.claimed{border-color:#ffd59e66;background:#ffd59e0f}.ms-icon{font-size:24px}.ms-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ms-body strong{font:600 14px var(--display)}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.dex-card{--rarity: #9aa4b2;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 10px 12px;border-radius:20px;border:1px solid var(--rim);border-bottom:3px solid var(--rarity);background:var(--glass);color:inherit;font:inherit;transition:transform .12s}.dex-card:hover{transform:translateY(-2px)}.dex-card.rarity-uncommon{--rarity: #4ade80}.dex-card.rarity-rare{--rarity: #60a5fa}.dex-card.rarity-epic{--rarity: #c084fc}.dex-card.rarity-legendary{--rarity: #fbbf24}.dex-card .store-art{width:100%;height:86px}.dex-card.missing .store-art{background:#00000040}.dex-card.missing strong{color:var(--muted);letter-spacing:.2em}.dex-card strong{font:600 15px var(--display)}.dex-num{position:absolute;top:14px;right:16px;z-index:1;font:700 11px Nunito;color:var(--muted)}.dex-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--rim);font-size:14px}.hint{margin:12px 0 0;padding:10px 14px;border-radius:14px;background:#5eead414;border:1px solid var(--rim);font-size:14px}@media(max-width:1180px){.game{grid-template-columns:92px minmax(0,1fr) 290px}.stat-text small{display:none}}@media(max-width:900px){body{background-attachment:scroll}.game{display:flex;flex-direction:column;height:auto;min-height:100%;padding-bottom:76px}.rail{position:fixed;left:0;right:0;bottom:0;z-index:40;flex-direction:row;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--rim);background:#031821eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rail-logo{display:none}.rail-nav{flex-direction:row;gap:2px}.rail-btn{padding:6px 2px;border-radius:14px}.rail-btn.active{box-shadow:inset 0 -3px 0 var(--coral)}.rail-btn.settings{width:auto;padding:6px 8px}.rail-label{font-size:10px}.main{overflow:visible;padding:14px 14px 6px}.side{padding:0 14px 14px}.online{max-height:none}.chat{flex:none;height:420px}.tank-canvas{height:300px}.footer{order:10}}@media(max-width:560px){.dock{gap:8px}.level-card,.stats{flex:1 1 100%}.stat{padding:8px 10px;gap:6px}.stat-icon{font-size:18px}.stat-text strong{font-size:15px}.reward-btn{flex:1 1 100%;justify-content:center;padding:10px}.rail-btn.settings .rail-label{display:none}.tank-frame{padding:6px;border-radius:26px}.tank-canvas,.glass-glare{border-radius:20px}.glass-glare{top:6px;right:6px;bottom:6px;left:6px}.tank-title{left:16px;bottom:16px}.fish-card{min-width:0;flex:1 1 100%}.tank-actions{right:12px;bottom:58px}.tank-action.clean{top:12px;left:12px}.tank-action{padding:6px 12px 6px 8px;font-size:13px}.store-grid{grid-template-columns:1fr 1fr;gap:10px}.store-card{padding:10px}.store-card h3{font-size:16px}.store-desc{display:none}.store-buy{flex-direction:column;align-items:stretch}.field.small{flex:1 1 100%}.pair{padding:12px}.pair-head{gap:6px}.parent{min-height:120px}.pick-grid,.dex-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.milestones{grid-template-columns:1fr}.dex-progress{min-width:0;width:100%}.welcome .row{flex-direction:column;align-items:stretch}}.grow{flex:1}.row.wrap{flex-wrap:wrap}.pill{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--rim);font-size:12px;font-weight:800;white-space:nowrap}.link-btn{background:none;border:0;padding:0;font-weight:800;color:var(--text);text-align:left}.link-btn:hover{color:var(--seafoam);text-decoration:underline}button.msg-name{background:none;border:0;padding:0}button.msg-name:hover{text-decoration:underline}button.online-row{width:100%;background:none;border:0;text-align:left}.online-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8033;flex:none}.dot-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--coral);color:#fff;font:800 11px Nunito}.rail-btn{position:relative}.rail-dot{position:absolute;top:4px;right:14px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--coral);color:#fff;font:800 11px/18px Nunito;box-shadow:0 0 0 2px var(--abyss)}.reward-btn.attention{animation:bob 1.4s ease-in-out infinite;box-shadow:0 0 0 4px #ff7a5940,0 8px 22px #f2545b59}.boosts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px 10px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--rim)}.boost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#ffd59e1f;border:1px solid rgba(255,213,158,.3);font-size:16px}.boost small{font:800 11px Nunito;color:var(--sand)}.tank-tabs{display:flex;gap:6px;flex-wrap:wrap}.tank-tabs:empty{display:none}.tank-tabs .seg{background:var(--glass);border:1px solid var(--rim);color:var(--text)}.tank-tabs .seg.active{background:var(--glass-strong);border-color:var(--seafoam);box-shadow:inset 0 -3px 0 var(--seafoam)}.tank-tabs .seg small{color:var(--muted)}.stars{color:var(--sand);letter-spacing:1px}.stars small{color:var(--muted);letter-spacing:0}.tank-action.decorate.active{border-color:var(--coral);box-shadow:0 0 0 3px #ff7a5940}.decor-panel{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--seafoam)}.decor-panel[hidden]{display:none}.panel-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-row>:first-child{margin-right:auto}.panel-row h3{margin:0}.decor-storage{display:flex;gap:8px;flex-wrap:wrap}.decor-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:84px;padding:8px 4px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--rim)}.decor-item.active{border-color:var(--coral);box-shadow:0 0 0 3px #ff7a5940}.decor-item .decor-icon{font-size:28px;line-height:1.1}.decor-item small{font-size:11px;text-align:center;line-height:1.15}.decor-item .dot-count{position:absolute;top:-6px;right:-6px;margin:0}.decor-item.sell{border-style:dashed}.setting{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 14px}.goals,.social,.event-view{display:flex;flex-direction:column;gap:14px}.section-head h2{margin:0}.section-head p{margin:2px 0 0}.card-panel{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--rim);min-width:0}.card-panel h3{margin:0;font:600 18px var(--display)}.goal-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.daily-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.daily-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:16px;background:#0003;border:1px solid var(--rim);text-align:center}.daily-day.done{opacity:.55}.daily-day.today{border-color:var(--coral);background:#ff7a591f;box-shadow:0 0 0 3px #ff7a5933}.daily-day.special:not(.done):not(.today){border-color:var(--sand);background:#f2d49b1f}.daily-n{font:600 12px var(--display);color:var(--muted)}.daily-icon{font-size:26px}.daily-reward{font-size:11px;line-height:1.25}.challenge{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#0000002e;border:1px solid var(--rim)}.challenge.ready{border-color:var(--seafoam)}.challenge.claimed{opacity:.6}.challenge-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.challenge-count{font:600 14px var(--display);color:var(--sand);white-space:nowrap}.btn.small{padding:6px 14px;font-size:13px}.powerup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.powerup{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#0000002e;border:1px solid var(--rim)}.powerup.running{border-color:var(--sand);background:#ffd59e14}.powerup-icon{font-size:28px}.powerup-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.powerup-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:800;color:var(--sand);white-space:nowrap}.powerup-meta small{color:var(--muted)}.person-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--rim);flex-wrap:wrap}.person-row:last-child{border-bottom:0}.person-row .lvl{margin-left:0}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.explore-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--rim)}.explore-top{display:flex;align-items:center;gap:8px;font-family:var(--display)}.explore-facts{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.board-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#00000026}.board-row.me{background:#5eead41f;box-shadow:inset 3px 0 0 var(--seafoam)}.board-row .lvl{margin-left:0}.board-rank{width:36px;text-align:center;font:700 15px var(--display);color:var(--muted)}.board-row.top1 .board-rank,.board-row.top2 .board-rank,.board-row.top3 .board-rank{font-size:20px}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.profile-head .avatar{width:54px;height:54px;font-size:24px}.profile-head h2{margin:0}.profile-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:14px}.stat-tile{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:14px;background:var(--glass-strong);text-align:center}.stat-tile small{color:var(--muted);font-size:11px}.visit-head{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.visit-head h2{margin:0}.tank-frame.visit .tank-title{gap:14px}.event-hero{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:28px;flex-wrap:wrap;background:radial-gradient(600px 200px at 0% 0%,rgba(249,115,22,.3),transparent 70%),linear-gradient(135deg,#2a1442,#0b2233);border:1px solid rgba(249,115,22,.4)}.event-hero h2{margin:0;font:600 26px var(--display)}.event-hero p{margin:4px 0 8px;color:#f3dcc8}.event-icon{font-size:54px;filter:drop-shadow(0 6px 16px rgba(249,115,22,.5))}.event-balance{display:flex;gap:10px}.event-balance>div{display:flex;flex-direction:column;align-items:center;padding:10px 16px;border-radius:18px;background:#0000004d}.event-balance strong{font:600 20px var(--display)}.event-balance small{color:var(--muted);font-size:11px}.community-bar{position:relative;height:14px;border-radius:99px;background:#0000004d;overflow:visible}.community-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f97316,#facc15)}.community-bar i{position:absolute;top:-3px;width:3px;height:20px;margin-left:-2px;background:var(--text);border-radius:2px;opacity:.6}.earn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.earn{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:12px;background:#00000026;font-size:13px}.earn strong{color:var(--sand)}@media(max-width:560px){.daily-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.goal-columns,.powerup-grid{grid-template-columns:1fr}.tank-actions{flex-wrap:wrap;justify-content:flex-end;left:12px}.segmented{flex-wrap:wrap;border-radius:22px}.event-balance{width:100%}.event-balance>div{flex:1}}@media(max-width:420px){.rail-label{display:none}.rail-btn{padding:10px 2px}.rail-dot{right:2px}}.store-buy.water-choice{margin-top:0}.store-buy.water-choice .btn{flex:1;padding-left:10px;padding-right:10px}.stat{padding:8px 10px;gap:8px}.stat-text small{white-space:nowrap}.stat-text{min-width:0}.stat-text small{overflow:hidden;text-overflow:ellipsis}.powerup-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.powerup-meta{display:block;align-items:initial;margin-top:2px}.boosts:empty{display:none}.boosts{margin-top:-6px;background:none;border:0;padding:0}.boost{font-size:14px;font-weight:800}@media(max-width:560px){.tank-actions{position:static;display:flex;flex-wrap:nowrap;justify-content:stretch;gap:6px;margin-top:8px;left:auto}.tank-action{flex:1;padding:6px 8px;grid-template-columns:auto 1fr}.tank-action .ta-icon{font-size:18px}.tank-title{flex-wrap:wrap;gap:6px 10px;padding:6px 12px;font-size:13px;right:16px}.stats{flex-wrap:wrap}.stat{flex:1 1 30%}}@media(max-width:560px){.tank-title{position:static;margin-top:8px;justify-content:center}.tank-action span:not(.ta-icon){white-space:nowrap}}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center}.stat{padding:5px 12px;gap:8px}.stat+.stat{border-left:1px solid var(--rim)}.stat:nth-child(3n+1){border-left:0}.stat:nth-child(n+4){border-top:1px solid var(--rim)}.stat-icon{font-size:18px}.stat-text strong{font-size:15px}.stat-text small{display:block;font-size:10px}.stat-text small{letter-spacing:.03em}@media(max-width:1180px){.stat{padding:5px 8px;gap:6px}}.segmented.wrap{flex-wrap:wrap;border-radius:22px}.coral-preview{border-radius:12px;display:block}.store-art .coral-preview{border-radius:12px}.stage-pill{color:var(--sand);font-weight:800}.section-label.full{grid-column:1 / -1;margin-top:10px}.light-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.6);flex:none}.store-art.light-art .light-swatch{width:34px;height:34px}.light-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--rim);border-radius:16px;background:var(--glass)}.light-row.current{border-color:var(--seafoam)}.light-row .grow{flex:1;min-width:0}.block{display:block}.light-tag{color:var(--text);font-weight:800}.reef{display:flex;flex-direction:column;gap:14px}.reef-body{display:flex;flex-direction:column;gap:12px}.reef-frame .tank-canvas{height:300px}.coral-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.coral-card{--rarity: #9aa4b2;display:flex;gap:12px;padding:10px;border:1px solid var(--rim);border-left:4px solid var(--rarity);border-radius:16px;background:var(--glass)}.coral-card.rarity-uncommon{--rarity: #4ade80}.coral-card.rarity-rare{--rarity: #60a5fa}.coral-card.rarity-epic{--rarity: #c084fc}.coral-card.rarity-legendary{--rarity: #fbbf24}.coral-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.coral-progress{display:flex;flex-direction:column;gap:2px}.coral-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.coral-actions .place{display:flex;gap:6px;flex:1 1 100%;min-width:0}.coral-actions .place select{flex:1 1 0;min-width:0;width:0;text-overflow:ellipsis}.coral-actions .place .btn{flex:none}.fusion-slot{display:grid;grid-template-columns:1fr 160px auto auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--rim);border-radius:16px;background:var(--glass)}.fusion-picker{display:flex;flex-direction:column;gap:10px;padding:14px}.fusion-pair{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fusion-parent{display:flex;flex-direction:column;gap:8px;align-items:center;flex:1 1 200px}.fusion-parent select{width:100%}.fusion-pair .plus{font:600 32px var(--display);color:var(--seafoam)}.empty-art{width:110px;height:80px;border-radius:12px;border:2px dashed var(--rim);display:grid;place-items:center;font:600 28px var(--display);color:var(--muted)}.empty-art.big{width:100%;height:100%;border:0;font-size:40px}.center{text-align:center}.coral-row{display:flex;flex-direction:column;gap:8px;margin-top:6px}.coral-row .section-label{display:flex;align-items:center;gap:10px}.coral-chips{display:flex;flex-wrap:wrap;gap:8px}.coral-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--rim);border-radius:999px;background:var(--glass);font-weight:700;font-size:13px}.coral-chip .swatch{width:14px;height:14px;border-radius:50%}.market{display:flex;flex-direction:column;gap:12px}.market-mine{display:flex;flex-direction:column;gap:6px}.mine-row{display:flex;flex-wrap:wrap;gap:8px}.mine-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border:1px solid var(--rim);border-radius:999px;background:var(--glass);font-size:13px}.mine-chip.sold{border-color:var(--sand);padding-right:14px}.sell-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:260px;overflow:auto}.sell-pick{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--rim);border-radius:14px;background:var(--glass);color:inherit;text-align:left}.sell-pick:hover{background:var(--glass-strong)}.sell-pick canvas{border-radius:10px;flex:none}@media(max-width:560px){.tank-actions{flex-wrap:wrap}.tank-action{flex:1 1 40%}.coral-grid{grid-template-columns:1fr}.fusion-slot{grid-template-columns:1fr auto}.fusion-slot .mini-bar{grid-column:1 / -1;order:3}.segmented.wrap .seg{padding:7px 11px;font-size:13px}.reef-frame .tank-canvas{height:240px}}[hidden]{display:none!important}.admin{display:flex;flex-direction:column;gap:14px}.admin-body{display:flex;flex-direction:column;gap:12px}.admin-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.admin-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--rim);border-radius:16px;background:var(--glass)}.admin-tile-icon{grid-row:span 2;font-size:24px}.admin-tile strong{font:600 20px var(--display)}.admin-tile small{color:var(--muted);font-weight:700}.admin-card{display:flex;flex-direction:column;gap:10px;padding:14px}.admin-card summary{cursor:pointer}.admin-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.admin-left{display:flex;flex-direction:column;gap:8px;position:sticky;top:0}.admin-list{display:flex;flex-direction:column;gap:4px;max-height:70vh;overflow:auto}.admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:var(--glass);color:inherit;text-align:left}.admin-row:hover,.admin-row.active{border-color:var(--rim);background:var(--glass-strong)}.admin-row-facts{flex:1 1 100%;color:var(--muted);font-size:12px;font-weight:700;padding-left:16px}.online-dot{width:8px;height:8px;border-radius:50%;background:#475569;flex:none}.online-dot.on{background:#4ade80;box-shadow:0 0 6px #4ade80}.admin-tag{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#ffffff14;color:var(--muted)}.admin-tag.ok{color:#4ade80}.admin-tag.warn{background:#ffd59e26;color:var(--sand)}.admin-tag.danger{background:#ff7a592e;color:var(--coral)}.admin-detail{display:flex;flex-direction:column;gap:12px}.admin-detail-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.admin-detail-head h3{margin:0;font:600 24px var(--display)}.admin-stat{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:8px;align-items:center}.admin-give{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-give select:first-child{flex:1 1 180px;min-width:0}.field.narrow{width:80px;flex:none}.row.wrap{flex-wrap:wrap;align-items:center}.admin-tank{display:flex;flex-direction:column;gap:6px}.admin-tank-name{font-weight:800}.admin-chips{display:flex;flex-wrap:wrap;gap:6px}.admin-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px solid var(--rim);border-radius:999px;background:var(--glass);font-size:12px;font-weight:700}.admin-chip .swatch{width:10px;height:10px;border-radius:50%}.chip-x{border:0;background:#ff7a5933;color:var(--coral);border-radius:50%;width:20px;height:20px;font-size:11px;line-height:1;padding:0}.chip-x:hover{background:var(--coral);color:#fff}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table td{padding:5px 6px;border-top:1px solid var(--rim);vertical-align:top}.admin-table .neg{color:var(--coral)}.admin-table .pos{color:#4ade80}@media(max-width:900px){.admin-split{grid-template-columns:1fr}.admin-left{position:static}.admin-list{max-height:260px}}@media(max-width:560px){.admin-stat{grid-template-columns:1fr auto}.admin-stat>span{grid-column:1 / -1}.admin-table td:last-child{display:none}}.admin-left>.field{flex:none}.fs-btn{position:absolute;top:18px;right:18px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--rim);background:#0318218c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:20px;line-height:1;display:grid;place-items:center;transition:opacity .3s,transform .12s}.fs-btn:hover{transform:scale(1.08)}.tank-frame.is-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;margin:0;padding:0;border:0;border-radius:0;background:#000;box-shadow:none}.tank-frame.is-full .tank-canvas{width:100vw;height:100vh;height:100dvh;border-radius:0}.tank-frame.is-full .glass-glare,.tank-frame.is-full .tank-title,.tank-frame.is-full .tank-actions{display:none}.tank-frame.is-full .fs-btn{opacity:.35;top:calc(14px + env(safe-area-inset-top));right:14px}.tank-frame.is-full .fs-btn:hover,.tank-frame.is-full .fs-btn:focus-visible{opacity:1}body.tank-fullscreen{overflow:hidden}body.tank-fullscreen .rail,body.tank-fullscreen .toasts{display:none}@media(orientation:portrait)and (pointer:coarse){.tank-frame.is-full .tank-canvas{position:absolute;top:0;left:100vw;width:100vh;width:100dvh;height:100vw;transform:rotate(90deg);transform-origin:top left}.tank-frame.is-full .fs-btn{top:auto;bottom:calc(14px + env(safe-area-inset-bottom))}}@media(max-width:560px){.fs-btn{top:12px;right:12px;width:36px;height:36px;font-size:18px}}.memorial-list{display:flex;flex-direction:column;gap:6px}.memorial{display:flex;align-items:center;gap:10px;background:var(--glass-strong);border-radius:12px;padding:4px 10px}.memorial canvas{flex:none}.stat-link{cursor:pointer;border-radius:12px;transition:background .15s}.stat-link:hover{background:#e9d5ff1a}.pearl-hero{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:28px;flex-wrap:wrap;background:radial-gradient(500px 220px at 0% 0%,rgba(233,213,255,.28),transparent 70%),radial-gradient(400px 200px at 100% 100%,rgba(94,234,212,.18),transparent 70%),linear-gradient(135deg,#1d1838,#0a2433);border:1px solid rgba(233,213,255,.35);box-shadow:0 10px 40px #a78bfa26}.pearl-hero h2{margin:0;font:600 28px var(--display);background:linear-gradient(90deg,#fdf4ff,#c4b5fd,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.pearl-hero p{margin:4px 0 0;color:#ddd6fe}.pearl-balance{display:flex;flex-direction:column;align-items:center;padding:10px 18px;border-radius:18px;background:#0000004d;border:1px solid rgba(233,213,255,.25)}.pearl-balance strong{font:600 22px var(--display)}.pearl-balance small{color:var(--muted);font-size:11px}.pearl-orb{display:inline-block;width:18px;height:18px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 28%,#fff 0,#fff 12%,#f5f3ff 22%,#ddd6fe 48%,#a5b4fc 72%,#818cf8);box-shadow:inset -2px -3px 6px #4c1d9559,0 0 10px #ddd6fe99;animation:pearl-shine 3s ease-in-out infinite}.pearl-orb.big{width:64px;height:64px;box-shadow:inset -6px -8px 16px #4c1d9559,0 0 30px #ddd6fe8c}@keyframes pearl-shine{50%{filter:brightness(1.18) hue-rotate(-15deg);transform:translateY(-2px)}}.test-mode{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-radius:14px;border:1px dashed var(--sand);background:#ffd59e14;font-size:13px}.test-mode strong{padding:2px 10px;border-radius:999px;background:var(--sand);color:var(--abyss);letter-spacing:.08em;font-size:12px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 12px;border-radius:var(--r-lg);text-align:center;background:linear-gradient(180deg,rgba(233,213,255,.1),var(--glass));border:1px solid rgba(233,213,255,.22);transition:transform .15s,box-shadow .15s}.pack-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #a78bfa38}.pack-card.tagged{border-color:#fde0478c;box-shadow:0 0 24px #fde0471f}.pack-tag{position:absolute;top:-10px;padding:2px 10px;border-radius:999px;background:linear-gradient(90deg,#fde047,#fbbf24);color:var(--abyss);font:800 11px Nunito;letter-spacing:.04em}.pack-pearls{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-height:42px;align-items:center;max-width:90px}.pack-amount{font:600 22px var(--display)}.pack-bonus{font-size:12px;font-weight:800;color:#86efac;min-height:18px}.pack-price{font-size:12px;color:var(--muted)}.pack-price s{color:var(--text);opacity:.7;margin-right:4px}.pack-card .btn{width:100%;margin-top:6px;padding:8px 10px}.pearl-card{background:linear-gradient(180deg,rgba(233,213,255,.07),var(--glass))}.pearl-card.featured{border-color:#fde04780;box-shadow:0 0 26px #fde0471f}.pearl-art{background:radial-gradient(circle at 50% 40%,#c4b5fd59,#1e1b4b8c)}.pearl-icon{font-size:52px;filter:drop-shadow(0 6px 14px rgba(196,181,253,.55))}.pearl-light{display:grid;place-items:center;width:90px;height:90px;border-radius:50%}.pearl-light .light-swatch{width:28px;height:28px}.deal-pill{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;background:#fde047;color:var(--abyss);font:800 11px Nunito}.deal-banner{margin:6px 0;padding:6px 12px;border-radius:10px;background:#fde047;color:var(--abyss);font:800 13px Nunito}.pearl-price s{font-size:13px;color:var(--muted);margin-right:2px}.pearl-celebrate{position:relative;display:grid;place-items:center;min-height:140px;animation:pop .4s ease-out}.pearl-celebrate-title{text-align:center;font:700 26px var(--display);color:#e9d5ff;margin:6px 0 0}.pearl-celebrate+h2+p{text-align:center}.pearl-burst{position:absolute;inset:50% auto auto 50%}.pearl-burst i{position:absolute;left:0;top:0}.pearl-burst b{display:block;width:10px;height:10px;margin:-5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c4b5fd);animation:pearl-fly .9s ease-out forwards}@keyframes pearl-fly{0%{transform:translateY(0) scale(.4);opacity:1}to{transform:translateY(-90px) scale(1);opacity:0}}@media(max-width:560px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pearl-hero{padding:16px;gap:12px}.pearl-orb.big{width:44px;height:44px}}.trade-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trade-sides>div{display:flex;flex-direction:column;gap:6px;min-width:0}.trade-builder{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.trade-builder h3{margin:4px 0 0;font:600 16px var(--display)}.trade-qty{width:76px;flex:0 0 76px}@media(max-width:560px){.trade-sides{grid-template-columns:1fr}}.game{height:calc(100% - 30px)}.ticker{position:fixed;left:0;right:0;bottom:0;z-index:35;height:30px;display:flex;align-items:center;background:#031821eb;border-top:1px solid var(--rim);font-size:13px}.ticker-label{flex:none;padding:0 12px;height:100%;display:flex;align-items:center;font:600 12px var(--display);color:var(--seafoam);border-right:1px solid var(--rim)}.ticker-window{flex:1;min-width:0;overflow:hidden}.ticker-track{display:inline-flex;gap:36px;padding-left:100%;white-space:nowrap;animation:ticker-scroll 30s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-item small{color:var(--muted);margin-right:6px}.ticker-item.world{color:var(--sand)}.ticker-item.me{color:var(--text)}.ticker-item.pinned{color:#ffd166;font-weight:600}@keyframes ticker-scroll{to{transform:translate(-100%)}}.toasts{bottom:44px}@media(max-width:900px){.game{height:auto;padding-bottom:calc(var(--rail-h, 70px) + 48px)}.ticker{bottom:var(--rail-h, 70px);height:24px;font-size:12px;background:#031821d9}.ticker-label{padding:0 8px}.ticker-label span{display:none}.toasts{bottom:calc(var(--rail-h, 70px) + 34px)}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;padding-left:12px}.ticker-window{overflow-x:auto}}body.tank-fullscreen .ticker{display:none}.contest-hero{border-color:var(--sand)}.card-panel.ready,.explore-card.mine{border-color:var(--seafoam)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.achievement{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#0000002e;border:1px solid var(--rim);opacity:.7}.achievement.earned{opacity:1;border-color:var(--sand);background:#ffd59e14}.achievement-icon{font-size:26px;filter:grayscale(1)}.achievement.earned .achievement-icon{filter:none}.player-title{color:var(--sand);font:600 14px var(--display)}.badge-row{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.ach-badge{font-size:22px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffd59e1f;border:1px solid var(--rim)}.sick-note{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin:8px 0;border-radius:16px;background:#ff7a591a;border:1px solid rgba(255,122,89,.45)}.busy-badge.sick{right:auto;left:6px}.quest-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-lg);background:linear-gradient(120deg,#5eead41a,#ffd59e14);border:1px solid var(--rim)}.quest-card.ready{border-color:var(--seafoam);box-shadow:0 0 0 3px #5eead426}.quest-guide{font-size:34px}.quest-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.quest-text strong{font:600 16px var(--display)}.quest-actions{display:flex;align-items:center;gap:8px}@media(max-width:560px){.quest-card{flex-wrap:wrap}.quest-actions{width:100%;justify-content:flex-end}}.guide-slot:empty{display:none}.fish-row.tank-fish{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.tank-fish .fish-card{min-width:0;gap:8px;padding:6px 10px 6px 8px;border-radius:12px}.tank-fish .swatch{width:26px;height:16px}.tank-fish .fish-meta{min-width:0;flex:1}.tank-fish .fish-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tank-fish .rarity-label{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.tank-fish .mini-bar{min-width:0;height:4px;margin-top:3px}.tank-fish .busy-badge{font-size:13px;top:-5px;right:4px}.pick-card .sex-dot,.parent .sex-dot{margin-right:4px;vertical-align:0}.tank-fish .fish-age{font-size:10px;color:var(--muted);white-space:nowrap}.fish-row.fish-bubbles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.fish-bubbles .fish-card{flex-direction:column;justify-content:flex-start;gap:4px;padding:10px 8px;text-align:center;border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);border-radius:18px;box-shadow:0 0 14px color-mix(in srgb,var(--tier) 18%,transparent),inset 0 0 18px color-mix(in srgb,var(--tier) 8%,transparent)}.fish-bubbles .fish-card.unique{border-color:transparent;background:linear-gradient(var(--deep),var(--deep)) padding-box,linear-gradient(90deg,#f87171,#fbbf24,#4ade80,#22d3ee,#a78bfa,#f472b6) border-box}.fish-bubbles .fish-name{max-width:100%}.fish-bubbles .tier-badge{align-self:center}.fish-bubble{position:relative;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5eead433,#03182199)}.happy-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.happy-ring circle{fill:none;stroke-width:4}.happy-ring .track{stroke:#ffffff1a}.happy-ring .fill{stroke-linecap:round}.happy-ring.red .fill{stroke:#ef4444}.happy-ring.orange .fill{stroke:#f97316}.happy-ring.yellow .fill{stroke:#facc15}.happy-ring.green .fill{stroke:#22c55e}.fish-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;font-size:10px;color:var(--muted)}.fish-stats .sex-dot{margin-right:3px}.fish-bubbles .fish-age{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.fish-bubbles .fish-age:hover,.fish-bubbles .fish-age:focus-visible{color:var(--text)}.fish-bubbles .value-chip{font-size:11px;padding:0 7px}.timeline{list-style:none;margin:8px 0;padding:0 0 0 6px}.tl-step,.tl-now{position:relative;display:flex;align-items:center;gap:10px;padding:6px 0 6px 6px;border-left:2px solid var(--seafoam)}.tl-step.tl-soon{border-left-style:dashed;border-left-color:var(--rim);opacity:.6}.tl-icon{width:30px;height:30px;margin-left:-22px;display:grid;place-items:center;border-radius:50%;background:var(--deep);border:1px solid var(--rim);font-size:15px;flex:none}.tl-bred .tl-icon{border-color:#f472b6}.tl-ill .tl-icon{border-color:var(--coral)}.tl-text{display:flex;flex-direction:column;line-height:1.25}.tl-text small{color:var(--muted);font-size:11px}.tl-now{padding:2px 0 2px 6px}.tl-now span{margin-left:-14px;padding:0 8px;border-radius:999px;background:var(--seafoam);color:var(--abyss);font-size:10px;font-weight:800;text-transform:uppercase}.sex-dot{display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:50%;flex:none;background:#60a5fa}.sex-dot.f{background:#f472b6}@media(min-width:901px){.game{grid-template-rows:minmax(0,1fr)}.rail{min-height:0;overflow-y:auto;padding:clamp(6px,1.4vh,16px) 10px;gap:clamp(2px,.6vh,6px)}.rail-logo{width:clamp(34px,5.5vh,54px);height:clamp(34px,5.5vh,54px);font-size:clamp(20px,3vh,30px);margin-bottom:clamp(2px,1vh,14px);flex:none}.rail-nav{gap:clamp(1px,.5vh,6px)}.rail-btn{padding:clamp(3px,.8vh,10px) 4px clamp(2px,.7vh,8px)}.rail-icon{font-size:clamp(16px,2.4vh,22px)}.rail-label{font-size:clamp(10px,1.3vh,12px)}.side{overflow:hidden}.chat-list{min-height:0}.main{margin:18px 0;padding:0 14px 4px 20px}.side{padding-left:8px}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:var(--rim);border-radius:99px}.main::-webkit-scrollbar-thumb:hover{background:var(--muted)}@supports not selector(::-webkit-scrollbar){.main{scrollbar-width:thin;scrollbar-color:var(--rim) transparent}}body.chat-hidden .game{grid-template-columns:92px minmax(0,1fr)}}body.chat-hidden .side{display:none}.chat-toggle{position:fixed;right:26px;top:26px;z-index:30;padding:4px 10px;border-radius:999px;border:1px solid var(--rim);background:#031821d9;color:var(--muted);font:600 13px var(--display)}.chat-toggle:hover{color:var(--text)}body.chat-hidden .chat-toggle{top:50%;right:0;padding:10px 8px;border-radius:14px 0 0 14px;writing-mode:vertical-rl;color:var(--text);border-color:var(--seafoam)}@media(max-width:900px){.chat-toggle{position:static;justify-self:end;margin:0 14px 10px auto;display:block}body.chat-hidden .chat-toggle{position:fixed;margin:0}}body.tank-fullscreen .chat-toggle{display:none}.tank-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}.tank-bar .tank-title{position:static;background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0}.tank-bar .tank-actions{position:static;flex-wrap:wrap;margin:0}@media(max-height:900px){.modal{padding:18px 22px}.modal .confirm-art canvas{width:180px!important;height:90px!important}}.substrate-preview{display:block;border-radius:12px}.light-row .substrate-preview{border-radius:10px;flex:none}.unique-designer{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:16px;align-items:start}.unique-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:1px solid var(--rim);border-radius:16px;background:#ffffff0a}.unique-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800;color:var(--abyss);background:linear-gradient(90deg,#facc15,#f472b6,#22d3ee)}.swatch-row{display:flex;flex-wrap:wrap;gap:6px}.paint-swatch{position:relative;padding:3px;border:2px solid transparent;border-radius:50%;background:none}.paint-swatch.active{border-color:var(--coral)}.paint-swatch.locked .paint-dot{opacity:.45}.paint-dot{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -3px 6px #00000040}.paint-dot.big{width:72px;height:72px;margin:0 auto}.paint-lock{position:absolute;right:-2px;bottom:-2px;font-size:11px;font-style:normal}.filter-chip.locked{opacity:.7}@media(max-width:560px){.unique-designer{grid-template-columns:1fr}}.paint-dot.small{display:inline-block;width:12px;height:12px;vertical-align:-1px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:min(46dvh,340px);overflow-y:auto;overscroll-behavior:contain;padding:2px}.pick-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--rim);border-radius:12px;background:var(--glass);color:var(--text);font:inherit;cursor:pointer;min-width:0}.pick-tile:hover,.pick-tile:focus-visible{border-color:var(--seafoam)}.pick-tile canvas{width:100%!important;height:auto!important;aspect-ratio:8 / 5;border-radius:8px}.pick-tile .light-swatch{width:28px;height:28px;margin:10px 0 6px}.pick-name{font-size:11px;font-weight:700;line-height:1.2;width:100%;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pick-search{display:block;width:100%;margin-bottom:8px}.pick-count{position:absolute;top:4px;right:4px;font-size:10px;font-weight:800;padding:1px 5px;border-radius:999px;background:#0000008c}.value-chip{display:inline-flex;align-items:center;gap:3px;width:fit-content;padding:1px 7px;border-radius:999px;border:1px solid rgba(255,213,158,.35);background:#ffd59e1f;color:var(--sand);font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;white-space:nowrap}.value-chip:hover,.value-chip:focus-visible{border-color:var(--sand);background:#ffd59e38}.value-summary{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 8px;font-size:18px}.value-summary .up,.value-parts .up{color:var(--seafoam)}.value-summary .down,.value-parts .down{color:var(--coral)}.value-chart{position:relative;margin:10px 0}.value-svg{width:100%;height:auto;display:block;touch-action:none}.value-svg .grid{stroke:#ffffff14}.value-svg .axis{fill:var(--muted);font-size:10px}.value-svg .line{fill:none;stroke-width:2;stroke-linejoin:round}.value-svg .line.up{stroke:var(--seafoam)}.value-svg .line.down{stroke:var(--coral)}.value-svg .area{stroke:none;opacity:.15}.value-svg .area.up,.value-svg .dot.up{fill:var(--seafoam)}.value-svg .area.down,.value-svg .dot.down{fill:var(--coral)}.value-tip{position:absolute;top:0;right:0;padding:2px 8px;border-radius:8px;background:#0000008c;font-size:12px}.value-parts{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px}.value-parts li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06)}.market-drop{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.fish-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.fish-actions .btn{flex:1 1 auto;white-space:nowrap}.value-hero{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 4px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,213,158,.45);background:linear-gradient(135deg,#ffd59e33,#ff7a591f);color:var(--text);cursor:pointer;text-align:left}.value-hero:hover,.value-hero:focus-visible{border-color:var(--sand)}.value-hero small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.value-hero strong{font:700 24px/1.1 var(--display);color:var(--sand)}.value-hero-trend{margin-left:auto;font-size:13px;color:var(--muted)}.tier-badge{--tier: #9aa4b2;display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;color:var(--tier);background:var(--glass-strong);font-size:12px;font-weight:700;white-space:nowrap}.tier-badge.dim{opacity:.35}.tier-badge.tier-unique{color:#1b1530;background:linear-gradient(90deg,#f87171,#fbbf24,#4ade80,#22d3ee,#a78bfa,#f472b6)}.fish-card .tier-badge{padding:0 6px;font-size:10px;line-height:16px}.fish-head{display:flex;gap:12px;align-items:flex-start}.fish-head .confirm-art{flex:none;margin:0}.fish-head .fish-facts{flex:1;align-content:flex-start}.tier-list{display:grid;gap:6px;margin:8px 0}.tier-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}.tier-row .tier-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.tier-pips{display:flex;gap:3px;justify-content:center}.tier-pips i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.2}.tier-pips i.on{opacity:1;box-shadow:0 0 6px currentColor}body.admin-app{--rail-h: 0px}body.admin-app .game{grid-template-columns:minmax(0,1fr)}body.admin-app .rail,body.admin-app .side,body.admin-app .chat-toggle,body.admin-app .dock,body.admin-app .boosts,body.admin-app .footer{display:none!important}.rail-more,.chat-bubble,.more-grid{display:none}@media(max-width:900px){.rail-btn.phone-more,.rail-btn.settings{display:none}.rail-more{display:flex}.rail-nav{justify-content:space-around}.rail-btn{flex:1;min-height:52px}.rail-icon{font-size:22px}.rail-label{display:block;font-size:11px}.more-sheet{place-items:end stretch;padding:0}.more-sheet .modal{width:100%;border-radius:26px 26px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.more-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 4px;border-radius:16px;border:1px solid var(--rim);background:var(--glass);color:var(--text);font:600 13px Nunito}.more-item.active{border-color:var(--coral)}.more-icon{font-size:26px}.more-item .rail-dot{top:4px;right:6px}.dock{flex-wrap:nowrap;gap:6px;padding:6px;border-radius:20px;align-items:center}.level-card{flex:none;padding:4px;gap:0}.level-text{display:none}.stats{display:flex;flex:1;gap:4px;padding:0;background:none;border:0;box-shadow:none}.stats>.stat:nth-child(3),.stats>.stat:nth-child(4),.stats>.stat:last-child{display:none}.stat,.stat+.stat{flex:1;padding:6px 8px;gap:5px;justify-content:center;border:1px solid var(--rim);border-radius:14px;background:var(--glass)}.level-card{border-radius:50%}.stat-text small{display:none}.reward-btn{flex:none;padding:8px 10px;font-size:0;gap:0}.reward-btn span{font-size:20px}.quest-card{padding:8px 12px;gap:8px;font-size:13px;flex-wrap:nowrap}.quest-guide{font-size:26px}.quest-text strong{font-size:14px}.quest-actions{width:auto}.quest-text>small:first-child{display:none}.quest-text>span.small:not(.muted){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.harbour-title p{display:none}.segmented.wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.segmented.wrap .seg{flex:none}.main{padding:10px 10px 6px;gap:8px}.tank-canvas{height:min(42vh,420px)}.tank-bar{padding:8px;gap:8px}.tank-bar .tank-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;width:100%;scrollbar-width:none}.tank-bar .tank-action{flex:none}.tank-bar .tank-actions{order:-1}.tank-bar .tank-action.feed,.tank-bar .tank-action.collect{order:-1;flex:1 0 auto;justify-content:center;min-height:46px;font-size:15px}.fish-row.tank-fish{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.fish-row.tank-fish>*{flex:0 0 150px;scroll-snap-align:start}.chat-toggle{display:none!important}.side{display:none}body.phone-chat .side{display:flex;position:fixed;inset:0 0 var(--rail-h, 70px) 0;z-index:38;padding:12px;background:var(--abyss);overflow-y:auto}body.phone-chat .chat{flex:1;height:auto;min-height:0}body.phone-chat .online{max-height:30vh;overflow-y:auto}.chat-bubble{display:grid;place-items:center;position:fixed;right:14px;bottom:calc(var(--rail-h, 70px) + 36px);z-index:39;width:54px;height:54px;border-radius:50%;border:0;background:var(--seafoam-deep);font-size:24px;box-shadow:0 6px 18px #00000073}body.phone-chat .chat-bubble{bottom:auto;top:12px;width:40px;height:40px;font-size:0;background:var(--coral)}body.phone-chat .chat-bubble:after{content:"✕";font-size:18px;color:#fff}body.tank-fullscreen .chat-bubble,body.admin-app .chat-bubble{display:none}}.share-preview{display:block;max-width:100%;max-height:46vh;margin:0 auto 10px;border-radius:var(--r-md);border:1px solid var(--rim)}.share-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.share-buttons .btn{flex:1 1 30%}.share-whatsapp{background:#25d366;color:#fff}.share-facebook{background:#1877f2;color:#fff}.share-x{background:#000;color:#fff}.modal.detail-card{padding:16px 18px;overflow-x:hidden}.modal.detail-card h2{font-size:20px;margin:0 40px 6px 0}.modal.detail-card p{margin:6px 0}.modal.detail-card .muted:not(.small){font-size:14px}.modal.detail-card .stat-bar{margin:4px 0}.modal.detail-card .value-hero{margin:6px 0 2px;padding:6px 12px}.modal.detail-card .value-hero strong{font-size:20px}.modal.detail-card .fish-head .confirm-art{flex:0 0 50%}.modal.detail-card .confirm-art canvas{width:100%!important;height:auto!important}.modal.detail-card .fish-facts{gap:6px}.modal.detail-card .row{margin:6px 0}.modal.detail-card .modal-x{top:0;margin:-6px -6px 0 0}.more-info summary{cursor:pointer;font-size:13px;color:var(--muted)}.age-link{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.age-link:hover,.age-link:focus-visible{background:#ffe48c40!important}.fish-card.picked{outline:2px solid #ffe48c;outline-offset:2px;box-shadow:0 0 18px #ffe48c99}