:root{--ink:#10233a;--muted:#6f8196;--line:#dfe8ef;--paper:#f5f8fa;--white:#fff;--navy:#081d31;--teal:#17a7a0;--coral:#ff7b68;--blue:#3b82f6;--mint:#27b998;--purple:#8b6de8;--shadow:0 18px 50px rgba(18,42,63,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Aptos,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#31d8d0,#087c8c);font-size:27px;box-shadow:0 8px 22px rgba(23,167,160,.24)}.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{font-size:11px;color:#8fa8b9;margin-top:2px}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;color:#9fb2c2;text-align:left;padding:13px 14px;border-radius:12px;display:flex;align-items:center;gap:12px;font-weight:650}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item b{margin-left:auto;background:#20384d;color:#c2d2de;border-radius:99px;padding:2px 7px;font-size:11px}.nav-item:hover,.nav-item.active{background:#143149;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #2dd4c9}.nav-item.active b{background:#2dd4c9;color:#082238}.sidebar-bottom{margin-top:auto}.teacher-card{display:flex;align-items:center;gap:10px;border-top:1px solid #1e3a50;padding:20px 4px 14px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:800;background:#fbc574;color:#703e16}.teacher-card strong,.teacher-card span{display:block}.teacher-card strong{font-size:13px}.teacher-card span{color:#7891a4;font-size:11px;margin-top:2px}.teacher-card .icon-btn{margin-left:auto;color:#8fa7b9}.help-btn{width:100%;border:1px solid #24445c;background:#102b42;color:#afc1ce;padding:10px;border-radius:11px}.help-btn span{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #5a7183;border-radius:50%;margin-right:6px}.workspace{min-width:0;padding:24px 28px 36px}.topbar{display:flex;align-items:center;min-height:66px;margin-bottom:22px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.15em;color:#8394a7;margin:0 0 5px}.topbar h1{font-size:24px;letter-spacing:-.035em;margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.live-pill{font-size:10px;letter-spacing:.08em;font-weight:800;color:#168c71;background:#e6f8f2;border:1px solid #bceade;border-radius:99px;padding:8px 12px}.live-pill i{display:inline-block;width:7px;height:7px;background:#27b998;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px rgba(39,185,152,.12)}.icon-btn,.secondary-btn,.primary-btn,.danger-btn,.text-btn{border:0}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:#54697c;font-size:18px}.secondary-btn,.primary-btn,.danger-btn{border-radius:11px;padding:11px 15px;font-weight:750}.secondary-btn{background:#fff;border:1px solid var(--line);color:#3e5367}.primary-btn{background:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(8,29,49,.13)}.danger-btn{background:#fff1ef;color:#c8473c}.wide{width:100%;margin-top:10px}.mobile-menu{display:none}.view{display:none}.view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.stat-card{background:#fff;border:1px solid #e5ebf0;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 6px 20px rgba(15,42,62,.035)}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:20px}.stat-card.coral .stat-icon{background:#fff0ed;color:#f26654}.stat-card.blue .stat-icon{background:#eaf2ff;color:#3b82f6}.stat-card.mint .stat-icon{background:#e5f8f3;color:#1aaa89}.stat-card.purple .stat-icon{background:#f1edff;color:#7b5ddd}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{font-size:9px;color:#8a9aad;font-weight:850;letter-spacing:.1em}.stat-card strong{font-size:22px;margin:2px 0 1px;line-height:1.05}.stat-card em{font-size:10px;font-style:normal;color:#8b9aab}.aquarium-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px}.aquarium-card,.activity-panel{background:#fff;border:1px solid #e2e9ee;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.aquarium-toolbar{min-height:68px;padding:13px 18px;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:16px}.soft-label{display:block;font-size:8px;color:#92a1b1;font-weight:850;letter-spacing:.12em;margin-bottom:3px}.aquarium-toolbar strong{font-size:13px}.level-progress{height:7px;background:#edf2f4;border-radius:99px;overflow:hidden}.level-progress span{display:block;height:100%;background:linear-gradient(90deg,#21c4b5,#4dd6c8);border-radius:inherit;transition:width .4s ease}.aquarium-toolbar>span:last-child{font-size:10px;color:#8091a2}.tank{height:560px;position:relative;overflow:hidden;background:linear-gradient(#09677c 0%,#07556e 36%,#063f59 72%,#082f43 100%);isolation:isolate}.tank:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% -10%,rgba(123,246,242,.28),transparent 45%),linear-gradient(105deg,rgba(255,255,255,.07),transparent 23%,rgba(255,255,255,.04) 40%,transparent 62%);z-index:-1}.water-light{position:absolute;top:-130px;width:130px;height:440px;background:linear-gradient(rgba(139,245,238,.18),transparent);filter:blur(8px);transform:rotate(12deg);transform-origin:top}.water-light.l1{left:15%}.water-light.l2{left:48%;width:90px}.water-light.l3{right:8%;transform:rotate(-18deg)}.sand{position:absolute;bottom:-32px;left:-4%;right:-4%;height:92px;border-radius:50% 50% 0 0;background:linear-gradient(#d1a86c,#9a744c);box-shadow:0 -10px 35px rgba(226,197,128,.14)}.rock{position:absolute;bottom:35px;background:#244b53;border-radius:54% 42% 34% 45%;box-shadow:inset -18px -15px 20px rgba(0,0,0,.23),inset 8px 7px 15px rgba(124,176,172,.1)}.rock-1{width:150px;height:74px;left:-15px}.rock-2{width:90px;height:55px;left:23%;bottom:43px}.rock-3{width:180px;height:82px;right:-35px}.plant{position:absolute;bottom:44px}.plant i{display:block;position:absolute;bottom:0;width:15px;background:linear-gradient(90deg,#166f60,#259775,#185c55);border-radius:90% 5% 90% 5%;transform-origin:bottom;animation:sway 4s ease-in-out infinite alternate}.plant-1{left:5%}.plant-2{right:10%}.plant-3{left:31%}.plant i:nth-child(1){height:125px;transform:rotate(-13deg)}.plant i:nth-child(2){height:95px;left:12px;transform:rotate(15deg);animation-delay:-1s}.plant i:nth-child(3){height:70px;left:-10px;transform:rotate(-27deg);animation-delay:-2s}.plant i:nth-child(4){height:145px;left:22px;transform:rotate(25deg)}@keyframes sway{to{transform:rotate(6deg)}}.bubble{position:absolute;bottom:45px;border:1px solid rgba(187,251,247,.55);background:rgba(255,255,255,.1);border-radius:50%;animation:rise linear infinite}@keyframes rise{to{transform:translateY(-590px);opacity:0}}#fish-layer{position:absolute;inset:0 0 38px}.fish{--fish:#ff8d64;position:absolute;width:86px;height:48px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.2));transition:filter .2s;animation:swim 8s ease-in-out infinite alternate;cursor:pointer}.fish:hover{filter:drop-shadow(0 7px 10px rgba(0,0,0,.3)) brightness(1.12)}.fish-body{position:absolute;left:17px;top:5px;width:60px;height:36px;border-radius:55% 48% 50% 55%;background:linear-gradient(150deg,color-mix(in srgb,var(--fish),white 25%),var(--fish) 52%,color-mix(in srgb,var(--fish),black 22%));border:1px solid rgba(255,255,255,.25)}.fish-tail{position:absolute;left:0;top:8px;width:30px;height:31px;background:var(--fish);clip-path:polygon(0 0,100% 50%,0 100%,19% 50%)}.fish-fin{position:absolute;left:44px;top:27px;width:22px;height:18px;background:color-mix(in srgb,var(--fish),black 13%);clip-path:polygon(0 0,100% 15%,17% 100%)}.fish-eye{position:absolute;right:15px;top:14px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:inset -3px 0 #15263a}.fish-name{position:absolute;white-space:nowrap;top:48px;left:50%;transform:translateX(-50%);background:rgba(5,30,44,.72);color:#fff;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:750;backdrop-filter:blur(5px)}.fish-level{position:absolute;white-space:nowrap;top:-14px;left:50%;transform:translateX(-50%);color:#b6f7ed;font-size:8px;font-weight:800;letter-spacing:.05em}.fish.flip{transform:scaleX(-1)}.fish.flip .fish-name,.fish.flip .fish-level{transform:translateX(-50%) scaleX(-1)}@keyframes swim{from{margin-left:-12px;margin-top:-5px}to{margin-left:20px;margin-top:8px}}.tank-tip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:6;background:rgba(5,27,40,.72);color:#d5e8ed;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:99px;font-size:10px;backdrop-filter:blur(8px)}.activity-panel{display:flex;flex-direction:column;padding:18px}.panel-heading{display:flex;align-items:flex-start}.panel-heading h2{margin:0;font-size:17px}.panel-heading .text-btn{margin-left:auto}.text-btn{background:transparent;color:#718599;font-size:11px}.activity-list{display:flex;flex-direction:column;gap:4px;margin:14px -4px 8px;overflow:auto;max-height:405px}.activity-empty{color:#91a0ad;font-size:12px;text-align:center;padding:50px 15px}.activity-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 5px;border-bottom:1px solid #edf1f4}.activity-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:850}.activity-item strong,.activity-item span{display:block}.activity-item strong{font-size:12px}.activity-item span{font-size:10px;color:#8a9aac;margin-top:2px}.point-chip{border-radius:99px;padding:4px 7px;font-size:10px;font-weight:850}.point-chip.plus{background:#e5f8f2;color:#159372}.point-chip.minus{background:#fff0ed;color:#d65449}.quick-note{margin-top:auto;background:#f0f7f8;border:1px solid #d9e9eb;border-radius:13px;padding:12px;display:flex;gap:9px}.quick-note p{margin:0;font-size:10px;line-height:1.5;color:#6a7e8f}.quick-note strong{display:block;color:#2c4a58}.section-head{display:flex;align-items:flex-end;margin:10px 0 22px}.section-head h2{font-size:25px;margin:0 0 5px}.section-head p:last-child{color:var(--muted);margin:0;font-size:13px}.section-head .primary-btn{margin-left:auto}.student-tools{display:flex;align-items:center;gap:14px;margin-bottom:17px}.search-box{height:42px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px;min-width:260px}.search-box input{border:0;outline:0;width:100%;color:var(--ink)}.filter-group{display:flex;gap:7px}.filter{border:1px solid var(--line);background:#fff;color:#6b7d8e;border-radius:99px;padding:8px 12px;font-size:11px}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.student-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.student-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(18,42,63,.04)}.student-card-head{display:flex;align-items:center;gap:11px}.mini-fish{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:23px;background:color-mix(in srgb,var(--fish),white 78%)}.student-card h3{margin:0;font-size:15px}.student-card small{color:#8a9aac}.student-card .delete-student{margin-left:auto}.student-progress{height:6px;background:#edf1f4;border-radius:99px;overflow:hidden;margin:15px 0 6px}.student-progress span{display:block;height:100%;background:var(--fish);border-radius:inherit}.student-progress-label{display:flex;justify-content:space-between;color:#8a9aac;font-size:9px}.score-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}.score-actions button{border:1px solid #dfe7ec;background:#f8fafb;border-radius:9px;padding:8px 2px;font-weight:800;color:#4d6275;font-size:11px}.score-actions button:hover{background:#e9f8f5;color:#148d77}.score-actions .negative:hover{background:#fff0ed;color:#c95046}.reward-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.reward-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;position:relative;overflow:hidden}.reward-card.unlocked{border-color:#a7e0d2}.reward-card .reward-icon{font-size:35px}.reward-card h3{font-size:15px;margin:13px 0 6px}.reward-card p{font-size:11px;color:var(--muted);line-height:1.5}.reward-card b{font-size:10px;color:#7a8d9d}.reward-card.unlocked b{color:#169679}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.settings-card h3{margin:0 0 18px}.settings-card>label:not(.switch-row),#student-form>label{display:block;font-size:12px;font-weight:750;margin:14px 0}.settings-card input,#student-form input{display:block;width:100%;margin-top:7px;border:1px solid #d7e1e8;border-radius:10px;padding:11px;outline:none}.settings-card input:focus,#student-form input:focus{border-color:#26a9a2;box-shadow:0 0 0 3px rgba(38,169,162,.1)}.settings-card p{font-size:12px;color:var(--muted);line-height:1.6}.switch-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:12px;padding:13px;margin:16px 0}.switch-row span{flex:1}.switch-row strong,.switch-row small{display:block}.switch-row small{font-size:10px;color:var(--muted);margin-top:3px}.switch-row input{display:none}.switch-row i{width:38px;height:22px;border-radius:99px;background:#cfdae1;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch-row input:checked+i{background:var(--teal)}.switch-row input:checked+i:after{left:19px}dialog{border:0;border-radius:18px;padding:0;width:min(460px,calc(100% - 30px));box-shadow:0 25px 80px rgba(7,25,40,.28)}dialog::backdrop{background:rgba(5,21,33,.56);backdrop-filter:blur(4px)}#student-form{padding:23px}.dialog-head{display:flex}.dialog-head h2{margin:0}.dialog-head .icon-btn{margin-left:auto}fieldset{border:0;padding:0;margin:18px 0}legend{font-size:12px;font-weight:750;margin-bottom:10px}.color-picks{display:flex;gap:10px}.color-picks label{cursor:pointer}.color-picks input{position:absolute;opacity:0}.color-picks span{display:block;width:34px;height:34px;border-radius:50%;background:var(--color);border:4px solid #fff;box-shadow:0 0 0 1px #d7e0e7}.color-picks input:checked+span{box-shadow:0 0 0 3px #16384f}menu{padding:0;margin:24px 0 0;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:24px;bottom:24px;background:#10283b;color:white;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:700;box-shadow:0 16px 45px rgba(4,20,33,.25);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{transform:none;opacity:1}.visitor-mode .sidebar,.visitor-mode .stats-grid,.visitor-mode .activity-panel{display:none}.visitor-mode .app-shell{grid-template-columns:1fr}.visitor-mode .aquarium-layout{grid-template-columns:1fr}.visitor-mode .workspace{padding:0}.visitor-mode .topbar{position:absolute;z-index:10;color:#fff;left:26px;right:26px}.visitor-mode .topbar .eyebrow{color:#9dd4db}.visitor-mode .tank{height:calc(100vh - 1px)}.visitor-mode .aquarium-toolbar{display:none}.visitor-mode .aquarium-card{border:0;border-radius:0}.visitor-mode .nav-item,.visitor-mode .secondary-btn{display:none}.visitor-mode .topbar .icon-btn{background:rgba(7,30,45,.55);color:#fff;border-color:rgba(255,255,255,.18)}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.aquarium-layout{grid-template-columns:1fr}.activity-panel{min-height:240px}.student-grid{grid-template-columns:repeat(2,1fr)}.reward-track{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-255px;width:238px;transition:.25s}.sidebar.open{left:0}.workspace{padding:18px 14px}.mobile-menu{display:block;margin-right:12px}.top-actions .secondary-btn,.live-pill{display:none}.topbar h1{font-size:19px}.aquarium-toolbar{grid-template-columns:1fr auto}.aquarium-toolbar .level-progress{grid-row:2;grid-column:1/3}.tank{height:520px}.student-grid,.settings-grid{grid-template-columns:1fr}.student-tools{align-items:stretch;flex-direction:column}.search-box{min-width:0}.filter-group{overflow:auto}.reward-track{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:11px;gap:8px}.stat-icon{width:34px;height:34px}.stat-card strong{font-size:17px}.tank{height:500px}.reward-track{grid-template-columns:1fr}.top-actions{gap:5px}.top-actions .icon-btn{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Panel parity additions */
.settings-card select{display:block;width:100%;margin-top:7px;border:1px solid #d7e1e8;border-radius:10px;padding:11px;outline:none;background:#fff}.settings-card select:focus{border-color:#26a9a2;box-shadow:0 0 0 3px rgba(38,169,162,.1)}.switch-row{margin:12px 0}.switch-row i{flex:0 0 auto}.sub-heading{margin-top:26px!important}.theme-picks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme-pick{height:72px;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);border-radius:12px;padding:9px;color:#fff;text-align:left;font-size:11px;font-weight:800;text-shadow:0 1px 3px #000}.theme-pick.active{box-shadow:0 0 0 3px var(--teal)}.theme-pick[data-theme="lagoon"]{background:linear-gradient(145deg,#16b9c2,#075671)}.theme-pick[data-theme="reef"]{background:linear-gradient(145deg,#159496,#083f67)}.theme-pick[data-theme="deep"]{background:linear-gradient(145deg,#155094,#061a46)}.theme-pick[data-theme="night"]{background:linear-gradient(145deg,#51106d,#071a3b)}
dialog{width:min(520px,calc(100% - 30px))}.color-picks input,.species-picks input{position:absolute;opacity:0}.species-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.species-picks label span{display:flex;align-items:center;gap:6px;padding:9px;border:1px solid var(--line);border-radius:10px;font-size:10px;font-weight:700;cursor:pointer}.species-picks input:checked+span{border-color:var(--teal);background:#eaf9f7;box-shadow:0 0 0 2px rgba(23,167,160,.15)}
.tank.theme-reef{background:linear-gradient(#087f88,#075574 45%,#062f4a)}.tank.theme-deep{background:radial-gradient(circle at 50% 0,#145492,#071f4c 55%,#040f2e)}.tank.theme-night{background:radial-gradient(circle at 45% 15%,#652876,#151747 48%,#07142d)}.tank.cloudy:after{content:"";position:absolute;inset:0;background:rgba(99,115,93,.32);backdrop-filter:blur(1px);z-index:5;pointer-events:none}.tank.speed-calm .fish{animation-duration:14s!important}.tank.speed-active .fish{animation-duration:5s!important}.tank.speed-turbo .fish{animation-duration:2.8s!important}.fish.species-betta .fish-tail{width:38px;height:40px;top:3px;clip-path:polygon(0 0,100% 50%,0 100%,14% 65%,7% 50%,14% 35%)}.fish.species-angel .fish-body{width:45px;height:48px;top:0;left:27px;border-radius:48%;clip-path:polygon(50% 0,100% 45%,68% 100%,20% 82%,0 40%)}.fish.species-guppy .fish-tail{width:38px}.fish.species-tetra{scale:.75}.fish.species-gold .fish-body{border-radius:60% 45%;width:55px;height:42px}.fish.inactive{scale:.82;filter:saturate(.65)}
.fish{border:0!important;background:transparent!important;padding:0!important;appearance:none}.fish:focus-visible{outline:2px solid #a7fff5;outline-offset:7px;border-radius:50%}
.visitor-mode #visitor-toggle{display:block!important;background:rgba(7,30,45,.58);color:#fff;border-color:rgba(255,255,255,.2)}.visitor-mode #feed-all-button{display:none!important}

/* Rich aquarium scene */
.tank{background-color:#07536a;background-image:radial-gradient(ellipse at 50% -8%,rgba(164,255,249,.34),transparent 42%),radial-gradient(ellipse at 18% 45%,rgba(23,173,174,.16),transparent 38%),linear-gradient(#087a8e 0%,#075a75 42%,#073d58 77%,#092d40 100%)}
.tank:before{background:repeating-linear-gradient(112deg,transparent 0 58px,rgba(178,255,249,.045) 60px 69px,transparent 72px 132px),radial-gradient(circle at 50% -10%,rgba(141,250,245,.24),transparent 48%);animation:water-drift 12s ease-in-out infinite alternate}
@keyframes water-drift{to{transform:translate3d(18px,5px,0) scale(1.04)}}
.surface-shimmer{position:absolute;z-index:1;left:-10%;right:-10%;top:-18px;height:92px;opacity:.7;background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 15px,rgba(197,255,251,.2) 18px 20px,transparent 23px 36px);filter:blur(2px);animation:shimmer 7s linear infinite;pointer-events:none}
@keyframes shimmer{to{transform:translateX(7%) scaleX(1.04)}}
.game-hud{position:absolute;z-index:12;top:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;justify-content:center;pointer-events:none}.hud-chip{min-width:126px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:linear-gradient(145deg,rgba(4,38,53,.78),rgba(5,59,70,.66));box-shadow:0 10px 22px rgba(0,22,35,.2);backdrop-filter:blur(10px);color:#fff}.hud-chip>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.14);flex-shrink:0;font-size:14px;color:#fff}.hud-chip>span i.fa-solid,.hud-chip>span i[class*="fa-"]{display:inline-block!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;overflow:visible!important;margin:0!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-style:normal!important;font-size:14px!important;line-height:1!important}.hud-chip div{min-width:0}.hud-chip b,.hud-chip small{display:block}.hud-chip b{font-size:10px}.hud-chip small{margin-top:2px;font-size:8px;color:#b9dde1;white-space:nowrap}.hud-chip.mission{min-width:170px}.hud-chip.mission div>i,.hud-chip div>i:has(u){display:block;margin-top:5px;width:100%;height:3px;border-radius:9px;background:rgba(255,255,255,.13);overflow:hidden}.hud-chip.mission div>i u,.hud-chip div>i u{display:block;height:100%;width:0;background:#41dec7;border-radius:inherit;transition:width .4s;text-decoration:none}
.level-decorations{position:absolute;inset:0;z-index:3;pointer-events:none}.level-decorations i{position:absolute;font-style:normal;filter:drop-shadow(0 8px 10px rgba(0,0,0,.2));opacity:.9}.level-decorations .shell{left:4%;bottom:9%;font-size:27px;transform:rotate(-14deg)}.level-decorations .jelly{right:12%;top:24%;font-size:34px;opacity:.28;animation:jelly-float 7s ease-in-out infinite}.level-decorations .coral{right:2%;bottom:4%;font-size:58px;transform:rotate(8deg)}.level-decorations .island{right:23%;bottom:3%;font-size:45px}.level-decorations .island,.level-decorations .jelly{display:none}.tank.level-2 .level-decorations .jelly,.tank.level-3 .level-decorations .jelly,.tank.level-3 .level-decorations .island{display:block}@keyframes jelly-float{50%{transform:translate(-15px,28px) rotate(5deg)}}
#fish-layer{z-index:7}.tank.game-motion .fish{animation:none!important;will-change:transform,left,top}.fish{transition:filter .2s}.fish.is-fed{filter:drop-shadow(0 0 16px rgba(255,230,85,.95)) brightness(1.2)}.fish-body:before{content:"";position:absolute;left:13px;right:10px;top:6px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);transform:rotate(-6deg)}.fish-body:after{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.12)}
.food-layer{position:absolute;inset:0;z-index:11;pointer-events:none}.food-bit{position:absolute;width:7px;height:7px;border-radius:45% 55% 50% 50%;background:#f8c951;box-shadow:0 0 8px rgba(255,225,107,.5);animation:food-fall 1.35s cubic-bezier(.2,.7,.25,1) forwards}@keyframes food-fall{0%{opacity:0;transform:translateY(-15px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(100px) rotate(210deg)}}
.tank.bulk-feeding:after{content:'🎉 Tüm Sınıf Beslendi!';position:absolute;left:50%;top:25%;z-index:20;transform:translate(-50%,-50%);padding:12px 19px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(5,48,65,.75);color:#fff;font-size:12px;font-weight:900;box-shadow:0 16px 38px rgba(0,30,44,.28);backdrop-filter:blur(10px);animation:bulk-message 2.35s ease both}.tank.bulk-feeding .fish{filter:drop-shadow(0 0 13px rgba(255,230,90,.75)) brightness(1.12)}@keyframes bulk-message{0%{opacity:0;transform:translate(-50%,-25%) scale(.8)}15%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-72%) scale(.96)}}
.sand{z-index:2;background:radial-gradient(ellipse at 20% 20%,rgba(255,240,181,.35) 0 2px,transparent 3px),radial-gradient(ellipse at 70% 35%,rgba(79,65,45,.22) 0 2px,transparent 3px),linear-gradient(#d7b477,#9a744c)}.rock,.plant{z-index:4}.bubble-field{position:absolute;inset:0;z-index:5;pointer-events:none}.bubble{box-shadow:inset 1px 1px 3px rgba(255,255,255,.55),0 0 5px rgba(115,235,241,.16)}
@media(max-width:700px){.game-hud{top:10px;left:10px;right:10px;transform:none;gap:5px}.hud-chip{min-width:0;flex:1;padding:7px}.hud-chip.mission{min-width:0}.hud-chip>span{font-size:15px}.hud-chip b{font-size:8px}.hud-chip small{font-size:7px;white-space:normal}.tank-tip{display:none}}
@media(max-width:760px){#feed-all-button{display:block!important;position:fixed;right:14px;bottom:14px;z-index:50;padding:10px 13px;border-color:#f0c75d;background:#fff4cf;color:#6c4900;box-shadow:0 12px 30px rgba(7,25,40,.22)}.visitor-mode #feed-all-button{display:none!important}}