*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#e0f2fe;color:#0c4a6e;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;justify-content:space-between;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}#game-wrapper{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;width:100%;min-height:100vh;min-height:100dvh;position:relative;margin:0 auto;transition:max-width .4s cubic-bezier(.16,1,.3,1),padding .4s ease}@media (min-width: 481px){#game-wrapper{max-width:480px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #005f9926;border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25)}}#background-water{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#005f99,#002b4d),linear-gradient(45deg,rgba(135,206,250,.3) 25%,transparent 25%,transparent 75%,rgba(135,206,250,.3) 75%),linear-gradient(-45deg,rgba(135,206,250,.3) 25%,transparent 25%,transparent 75%,rgba(135,206,250,.3) 75%),linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.1) 75%);background-repeat:no-repeat,repeat,repeat,repeat,repeat;background-size:100% 100%,50px 50px,50px 50px,70px 70px,70px 70px,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0;animation:waterWave 20s infinite linear;z-index:-1}@keyframes waterWave{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,50px 50px,-50px 50px,70px 70px,-70px 70px,0 0}}.language-switcher{position:fixed;bottom:15px;right:15px;z-index:25;display:flex;align-items:center;height:auto;gap:5px}.lang-btn{background-color:#0284c7;color:#fff;border:none;padding:8px 12px;height:auto;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 5px #0003;transform:scale(1)}.lang-btn:hover{background-color:#0369a1}.lang-btn.active{background-color:#f59e0b;box-shadow:0 2px 8px #f59e0b99;transform:scale(1.08)}.goodbye-screen{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffffe6;padding:30px;border-radius:25px;box-shadow:0 10px 30px #0000001a;max-width:400px;margin:auto}.goodbye-screen h2{color:#0284c7;margin-bottom:15px;font-size:1.4rem}.goodbye-screen p{color:#64748b;margin-bottom:25px;line-height:1.5;font-size:.95rem}.panel{position:fixed;top:75px;left:50%;transform:translate(-50%);background:#fffffff2;border-radius:20px;padding:20px;box-shadow:0 10px 25px #00000026;display:none;width:92%;max-width:400px;z-index:90;color:#334155}.panel h3{color:#0284c7;margin-bottom:12px;font-size:1.3rem;border-bottom:2px solid #e2e8f0;padding-bottom:5px}.close-btn{position:absolute;top:15px;right:15px;font-weight:700;cursor:pointer;color:#ef4444;font-size:1.2rem;z-index:10;padding:5px}.shop-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;width:100%;margin-top:15px;font-size:1rem;transition:.2s}.shop-btn:hover:not(:disabled){background:#059669}.shop-btn:disabled{background:#cbd5e1;cursor:not-allowed;color:#94a3b8}@keyframes prestigePulse{0%{transform:scale(1);box-shadow:0 0 #f59e0bcc}70%{transform:scale(1.05);box-shadow:0 0 0 15px #f59e0b00}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}.victory-container{display:none;width:100%;max-width:280px;margin-top:10px;z-index:10}.victory-btn{background:linear-gradient(45deg,#d97706,#f59e0b,#fbbf24);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;cursor:pointer;width:100%;font-size:1rem;border:2px solid #fff;animation:prestigePulse 1.8s infinite;transition:.2s;box-shadow:0 4px 10px #00000026}.victory-btn:hover{background:linear-gradient(45deg,#b45309,#d97706,#f59e0b);transform:translateY(-2px)}#chart.panel{width:95%;max-width:1000px;max-height:85vh;top:50%;transform:translate(-50%,-50%);display:none;flex-direction:column;padding-top:15px}.chart-header-wrapper{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0;padding-bottom:8px;margin-bottom:12px;position:relative}.chart-header-wrapper h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.chart-scroll-content{flex-grow:1;overflow-y:auto;overflow-x:auto;padding-right:5px;padding-bottom:10px;width:100%;max-width:100%}.chart-scroll-content::-webkit-scrollbar{width:6px;height:6px}.chart-scroll-content::-webkit-scrollbar-thumb{background:#bae6fd;border-radius:4px}.chart-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:12px;background:#f8fafc;border-radius:12px;border-left:4px solid #0284c7;box-shadow:0 2px 4px #0000000d}.chart-avatar-wrapper{width:60px;height:60px;position:relative;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow:hidden;background:#f1f5f9}.chart-avatar-wrapper .pet-avatar{transform:scale(.5);transform-origin:center;margin:0}.chart-info h4{color:#0369a1;margin-bottom:3px;font-size:1rem}.chart-info p{font-size:.8rem;color:#475569;line-height:1.3}.transition-arrow{text-align:center;color:#94a3b8;font-size:1.2rem;margin:3px 0 6px}.chart-branches-container{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:10px}.ttt-restart-btn{margin-top:15px;width:100%;font-size:1rem;transition:background .2s}.ttt-restart-btn:hover{background:#d97706}.changelog-content{max-height:350px;overflow-y:auto;text-align:left;padding-right:8px;margin-top:10px}.changelog-content::-webkit-scrollbar{width:6px}.changelog-content::-webkit-scrollbar-thumb{background:#bae6fd;border-radius:4px}.changelog-content ul{list-style-type:none;padding-left:0}.changelog-content li{margin-bottom:12px;border-bottom:1px solid rgba(2,132,199,.1);padding-bottom:10px;line-height:1.4;font-size:.85rem;color:#334155}.changelog-content li strong{color:#0284c7}.bar-wrapper{display:flex;align-items:center;gap:10px;font-size:.85rem}.progress-bar-bg{width:110px;height:12px;background:#cbd5e1;border-radius:6px;overflow:hidden;border:1px solid #94a3b8}.progress-bar-fill{height:100%;width:100%;background:#10b981;transition:width .3s}@keyframes petEatBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.eat-animating{animation:petEatBounce .6s ease-in-out}.flying-fish{position:fixed;font-size:2.5rem;pointer-events:none;z-index:1000;transition:left .8s cubic-bezier(.25,.8,.25,1),top .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1),opacity .8s ease;transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.8}.panel-temp-fade{opacity:.15!important;pointer-events:none;transition:opacity .3s ease}.eat-animating .seal-eye{transform:scaleY(.2);transition:transform .15s ease-in-out}.eat-animating .seal-snout{transform:scale(1.25);transition:transform .15s ease-in-out}@keyframes evolvePulse{0%{transform:scale(1);filter:brightness(1) blur(0px)}30%{transform:scale(1.15);filter:brightness(1.8) blur(2px)}70%{transform:scale(.85);filter:brightness(2) blur(4px)}90%{transform:scale(1.3);filter:brightness(2.5) blur(1px)}to{transform:scale(1);filter:brightness(1) blur(0px)}}.evolve-animating{animation:evolvePulse 1.5s cubic-bezier(.25,1,.5,1)}@keyframes victoryDance{0%{transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 0 0 gold)}20%{transform:translateY(-40px) scale(1.15) rotate(10deg);filter:drop-shadow(0 0 15px gold)}40%{transform:translateY(-20px) scale(1.1) rotate(-10deg)}60%{transform:translateY(-50px) scale(1.2) rotate(360deg);filter:drop-shadow(0 0 25px orange)}80%{transform:translateY(-10px) scale(1.05) rotate(370deg)}to{transform:translateY(0) scale(1) rotate(360deg);filter:drop-shadow(0 0 0 gold)}}.victory-animating{animation:victoryDance 2s infinite ease-in-out}.pet-container{position:relative;cursor:pointer;transition:transform .2s;margin-bottom:10px;z-index:5}.pet-container:active{transform:scale(.95)}.fish-food{position:absolute;top:-60px;left:50%;transform:translate(-50%) rotate(0);font-size:2.2rem;opacity:0;pointer-events:none;z-index:5}@keyframes dropFish{0%{top:-80px;opacity:0;transform:translate(-50%) rotate(0)}20%{opacity:1}80%{top:20px;opacity:1;transform:translate(-50%) rotate(45deg)}to{top:50px;opacity:0;transform:translate(-50%) rotate(90deg)}}.fish-animating{animation:dropFish .6s forwards ease-in}.pet-avatar{width:180px;height:180px;display:flex;align-items:center;justify-content:center;position:relative;transition:filter .5s,transform .5s}.seal{width:140px;height:110px;background:#cbd5e1;border-radius:80px 80px 60px 60px;position:relative;transition:all .5s;box-shadow:inset -10px -10px #0000000d}.seal-eyes{display:flex;justify-content:space-between;width:54px;position:absolute;top:32px;left:43px}.seal-eye{width:11px;height:11px;background:#1e293b;border-radius:50%;position:relative;transition:all .3s}.seal-eye:after{content:"";width:3px;height:3px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.seal-snout{width:32px;height:22px;background:#94a3b8;border-radius:50%;position:absolute;top:44px;left:54px;display:flex;justify-content:center}.seal-nose{width:12px;height:8px;background:#1e293b;border-radius:10px 10px 4px 4px;margin-top:3px}.whisker{position:absolute;width:18px;height:2px;background:#64748b}.w-left-1{top:9px;left:-13px;transform:rotate(10deg)}.w-left-2{top:15px;left:-11px;transform:rotate(-5deg)}.w-right-1{top:9px;right:-13px;transform:rotate(-10deg)}.w-right-2{top:15px;right:-11px;transform:rotate(5deg)}.seal-movement-wrapper{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:tamagotchiWaddle 12s infinite ease-in-out}.eat-animating .seal-movement-wrapper,.evolve-animating .seal-movement-wrapper,.victory-animating .seal-movement-wrapper{animation:none!important}@keyframes tamagotchiWaddle{0%{transform:translate(0) rotate(0)}10%{transform:translate(-4px,-3px) rotate(-3deg)}20%{transform:translate(-8px) rotate(0)}30%{transform:translate(-12px,-3px) rotate(-3deg)}40%{transform:translate(-15px) rotate(0)}45%{transform:translate(-15px,-2px) rotate(0)}50%{transform:translate(-15px) rotate(0)}60%{transform:translate(-5px,-3px) rotate(3deg)}70%{transform:translate(5px) rotate(0)}80%{transform:translate(12px,-3px) rotate(3deg)}90%{transform:translate(15px) rotate(0)}95%{transform:translate(7px,-2px) rotate(0)}to{transform:translate(0) rotate(0)}}.accessory-head{position:absolute;top:-24px;left:50%;transform:translate(-50%);z-index:15;pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none}.accessory-eyes{position:absolute;top:22px;left:50%;transform:translate(-50%);z-index:16;pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none}.accessory-clothing{position:absolute;top:68px;left:50%;transform:translate(-50%);z-index:12;pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none}.accessory-clothing.item-cape{z-index:-1}.shop-tabs{display:flex;gap:8px;margin-bottom:15px;border-bottom:2px solid rgba(2,132,199,.1);padding-bottom:8px}.shop-tab-btn{flex:1;background:#0284c71a;border:none;padding:8px 12px;border-radius:8px;font-weight:700;color:#0369a1;cursor:pointer;transition:all .2s ease;font-size:.9rem}.shop-tab-btn.active{background:#0284c7;color:#fff}.shop-tab-btn:hover:not(.active){background:#0284c733}.shop-tab-content{animation:fadeInTab .3s ease}@keyframes fadeInTab{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.wardrobe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:300px;overflow-y:auto;padding-right:5px}.accessory-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .2s ease}.accessory-card:hover{box-shadow:0 4px 12px #0000000d;border-color:#bae6fd}.accessory-card.equipped{border-color:#fef08a;background:#fefce8}.accessory-card .acc-emoji{font-size:2.2rem;margin-bottom:6px}.accessory-card .acc-name{font-weight:700;font-size:.85rem;color:#1e293b;margin-bottom:4px}.accessory-card .acc-category{font-size:.75rem;color:#64748b;margin-bottom:8px}.accessory-card .acc-btn{width:100%;padding:8px 10px;border-radius:8px;font-weight:700;font-size:.8rem;border:none;cursor:pointer;transition:all .2s ease}.accessory-card .acc-btn.buy{background:#10b981;color:#fff}.accessory-card .acc-btn.buy:hover:not(:disabled){background:#059669}.accessory-card .acc-btn.equip{background:#3b82f6;color:#fff}.accessory-card .acc-btn.equip:hover{background:#2563eb}.accessory-card .acc-btn.unequip{background:#ef4444;color:#fff}.accessory-card .acc-btn.unequip:hover{background:#dc2626}.accessory-card .acc-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}.stage-0 .accessory-clothing{top:50px}.stage-0 .cape{width:85px;height:35px;top:-5px}.stage-1 .accessory-clothing{top:58px}.stage-1 .cape{width:100px;height:40px;top:-8px}.cowboy-hat{position:relative;width:76px;height:38px}.hat-crown-cb{width:42px;height:28px;background:#78350f;border-radius:8px 8px 0 0;position:absolute;bottom:8px;left:17px;box-shadow:inset 0 3px #92400e}.hat-brim-cb{width:76px;height:10px;background:#78350f;border-radius:6px 6px 12px 12px;position:absolute;bottom:0;box-shadow:0 3px 6px #0000004d}.hat-band-cb{width:42px;height:5px;background:#b45309;position:absolute;bottom:8px;left:17px}.unicorn-horn{position:relative;width:20px;height:50px;top:-10px}.horn-spiral{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:50px solid #fbcfe8;position:absolute;bottom:0;filter:drop-shadow(0 0 4px #ec4899)}.horn-spiral:after{content:"";position:absolute;top:10px;left:-10px;width:20px;height:40px;background:repeating-linear-gradient(45deg,transparent,transparent 5px,#fef08a 5px,#fef08a 10px);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.halo{position:relative;width:60px;height:20px;margin-top:-15px;animation:haloFloat 3s ease-in-out infinite}.halo-ring{width:60px;height:16px;border:4px solid #facc15;border-radius:50%;box-shadow:0 0 10px #facc15,inset 0 0 8px #facc15;background:transparent}@keyframes haloFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tophat{position:relative;width:60px;height:50px}.tophat-body{width:38px;height:42px;background:#111827;position:absolute;bottom:6px;left:11px}.tophat-brim{width:60px;height:8px;background:#111827;border-radius:4px;position:absolute;bottom:0;box-shadow:0 3px 5px #0000004d}.tophat-ribbon{width:38px;height:7px;background:#ef4444;position:absolute;bottom:6px;left:11px}.detective-hat{position:relative;width:70px;height:35px}.hat-body-dt{width:50px;height:30px;background:#854d0e;border-radius:25px 25px 0 0;position:absolute;bottom:5px;left:10px}.hat-brim-dt-l{width:15px;height:8px;background:#854d0e;border-radius:5px 0 0 5px;position:absolute;bottom:5px;left:0;transform:rotate(-10deg)}.hat-brim-dt-r{width:15px;height:8px;background:#854d0e;border-radius:0 5px 5px 0;position:absolute;bottom:5px;right:0;transform:rotate(10deg)}.hat-ribbon-dt{width:50px;height:5px;background:#451a03;position:absolute;bottom:5px;left:10px}.eyepatch{position:relative;width:50px;height:20px}.eyepatch .patch{width:20px;height:20px;background:#111827;border-radius:30% 30% 50% 50%;position:absolute;left:8px;box-shadow:0 2px 4px #0000004d}.eyepatch .strap-l{width:18px;height:2px;background:#111827;position:absolute;left:-8px;top:5px;transform:rotate(-15deg)}.eyepatch .strap-r{width:30px;height:2px;background:#111827;position:absolute;left:26px;top:5px;transform:rotate(15deg)}.heart-glasses{position:relative;width:66px;height:22px;display:flex;align-items:center;justify-content:space-between}.heart-glasses .lens{width:26px;height:22px;font-size:24px;color:#ef4444;display:flex;align-items:center;justify-content:center;line-height:1;filter:drop-shadow(0 2px 3px rgba(239,68,68,.4));-webkit-user-select:none;user-select:none}.heart-glasses .bridge{width:14px;height:4px;background:#ef4444;position:absolute;left:26px;top:9px}.cyborg-eye{position:relative;width:60px;height:20px}.cyborg-eye .eye-lens{width:18px;height:18px;border:2px solid #ef4444;border-radius:50%;background:#7f1d1d;position:absolute;left:8px}.cyborg-eye .eye-glow{width:6px;height:6px;background:#fca5a5;border-radius:50%;position:absolute;left:14px;top:6px;box-shadow:0 0 8px #ef4444,0 0 12px #ef4444;animation:cyborgPulse 1.5s infinite alternate}.cyborg-eye .wire{width:25px;height:2px;background:#475569;position:absolute;left:24px;top:8px}@keyframes cyborgPulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.3);opacity:1}}.clown-nose{width:18px;height:18px;background:#ef4444;border-radius:50%;position:relative;box-shadow:0 2px 6px #ef444499,inset -3px -3px #b91c1c;margin-top:10px}.vr-headset{position:relative;width:66px;height:22px}.vr-visor{width:60px;height:22px;background:#e2e8f0;border:2px solid #cbd5e1;border-radius:6px;position:absolute;left:3px;box-shadow:inset 0 -4px #94a3b8}.vr-light{width:40px;height:4px;background:#38bdf8;border-radius:2px;position:absolute;left:13px;top:9px;box-shadow:0 0 8px #0ea5e9;animation:vrScan 2s ease-in-out infinite alternate}@keyframes vrScan{0%{opacity:.5}to{opacity:1}}.necklace{position:relative;width:60px;height:30px}.necklace .chain-link{width:50px;height:15px;border:3px double #eab308;border-radius:0 0 25px 25px;position:absolute;left:5px;top:0}.necklace .pendant{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:1.2rem;line-height:1}.bowtie{position:relative;width:40px;height:18px;margin-top:5px}.bowtie .wing{width:18px;height:18px;background:#ef4444;position:absolute;border-radius:4px}.bowtie .wing.left{left:0;clip-path:polygon(0 0,100% 30%,100% 70%,0 100%)}.bowtie .wing.right{right:0;clip-path:polygon(100% 0,0 30%,0 70%,100% 100%)}.bowtie .knot{width:8px;height:12px;background:#b91c1c;position:absolute;left:16px;top:3px;border-radius:2px;z-index:2}.apron{position:relative;width:60px;height:45px}.apron-chest{width:32px;height:15px;background:#0d9488;position:absolute;top:0;left:14px;border-radius:3px 3px 0 0}.apron-skirt{width:50px;height:30px;background:#0d9488;position:absolute;bottom:0;left:5px;border-radius:0 0 10px 10px;box-shadow:inset 0 -3px #0f766e}.apron-pocket{width:20px;height:12px;background:#0f766e;position:absolute;bottom:6px;left:20px;border-radius:0 0 4px 4px}.knight-armor{position:relative;width:70px;height:40px}.knight-armor .chestplate{width:46px;height:34px;background:linear-gradient(135deg,#94a3b8,#64748b);border:2px solid #475569;border-radius:8px 8px 15px 15px;position:absolute;bottom:0;left:12px;box-shadow:inset 0 3px #cbd5e1}.knight-armor .pauldrons{width:66px;height:15px;position:absolute;top:2px;left:2px;display:flex;justify-content:space-between}.knight-armor .pauldrons:before,.knight-armor .pauldrons:after{content:"";width:16px;height:12px;background:#64748b;border:2px solid #475569;border-radius:6px 6px 0 0}.bandolier{position:relative;width:64px;height:46px}.bandolier .strap{width:74px;height:8px;background:#78350f;position:absolute;top:18px;left:-5px;transform:rotate(30deg);box-shadow:0 2px 4px #0003}.bandolier .pocket{width:10px;height:12px;background:#451a03;border-radius:2px;position:absolute}.bandolier .pocket.p1{top:14px;left:20px;transform:rotate(30deg)}.bandolier .pocket.p2{top:24px;left:36px;transform:rotate(30deg)}.achievements-scroll-content{max-height:350px;overflow-y:auto;padding-right:5px;display:flex;flex-direction:column;gap:10px}.achievement-row{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;transition:all .2s ease}.achievement-row.locked{filter:grayscale(100%);opacity:.5}.achievement-row.unlocked{border-color:#fef08a;background:#fefce8;box-shadow:0 2px 8px #eab30814}.achievement-badge{font-size:2rem;flex-shrink:0}.achievement-info{flex-grow:1}.achievement-title{font-weight:700;font-size:.9rem;color:#1e293b}.achievement-desc{font-size:.75rem;color:#64748b;margin-top:2px}.achievement-date{font-size:.7rem;color:#94a3b8;margin-top:4px}.daily-quests-container{width:100%;max-width:380px;margin:15px auto 5px;background:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:12px 16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #00326414;text-align:left}.daily-quests-title{font-size:.95rem;font-weight:700;color:#0369a1;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(2,132,199,.1);padding-bottom:6px}.daily-quests-title .quest-reset-time{font-size:.75rem;font-weight:400;color:#64748b}.daily-quests-list{display:flex;flex-direction:column;gap:10px}.daily-quest-item{display:flex;flex-direction:column;gap:4px}.daily-quest-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600}.daily-quest-desc{color:#1e293b}.daily-quest-reward{color:#10b981}.daily-quest-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.daily-quest-progress-fill{height:100%;background:#10b981;width:0%;transition:width .3s ease}.daily-quest-item.completed .daily-quest-desc{text-decoration:line-through;color:#94a3b8}.daily-quest-item.completed .daily-quest-reward{color:#94a3b8}.daily-quest-item.completed .daily-quest-progress-fill{background:#94a3b8}.toast-notification{animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pirate-hat{position:relative;width:80px;height:40px}.hat-bicorn{width:80px;height:35px;background:#1e293b;border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;bottom:5px;box-shadow:inset 0 -4px #0f172a,0 3px 6px #0000004d}.hat-bicorn:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:6px;background:#ef4444;border-radius:3px 3px 0 0}.hat-skull{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:.9rem;color:#fff;z-index:2;line-height:1}.bandana{width:50px;height:8px;background:#dc2626;position:absolute;bottom:2px;left:15px;border-radius:4px}.wizard-hat{position:relative;width:70px;height:60px}.hat-brim{width:70px;height:10px;background:#4a044e;border-radius:5px;position:absolute;bottom:0;box-shadow:0 2px 4px #0003}.hat-cone{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:50px solid #701a75;position:absolute;bottom:8px;left:15px;filter:drop-shadow(0 -2px 3px rgba(0,0,0,.15))}.wizard-hat .star{position:absolute;color:#fef08a;font-size:8px;line-height:1}.wizard-hat .star.s1{top:20px;left:-8px}.wizard-hat .star.s2{top:35px;left:2px}.chef-hat{position:relative;width:50px;height:50px}.hat-band{width:36px;height:12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:2px;position:absolute;bottom:0;left:7px;box-shadow:0 2px 4px #0000001a}.hat-puff{width:32px;height:32px;background:#fff;border:1px solid #cbd5e1;border-radius:50%;position:absolute;bottom:8px;left:9px}.puff-left{width:24px;height:24px;bottom:10px;left:2px}.puff-right{width:24px;height:24px;bottom:10px;left:24px}.crown-hat{position:relative;width:60px;height:35px}.crown-base{width:50px;height:10px;background:linear-gradient(to right,#ca8a04,#eab308,#ca8a04);border-radius:3px;position:absolute;bottom:0;left:5px;border:1px solid #a16207;box-shadow:0 2px 4px #0003}.crown-peaks{display:flex;justify-content:space-between;width:46px;position:absolute;bottom:9px;left:7px}.crown-peaks .peak{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:22px solid #eab308;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.1))}.crown-peaks .peak.center{border-left-width:9px;border-right-width:9px;border-bottom-color:#facc15;border-bottom-width:26px;margin-top:-4px}.crown-jewels{display:flex;justify-content:space-around;width:40px;position:absolute;bottom:2px;left:10px;z-index:2}.jewel{width:5px;height:5px;border-radius:50%}.jewel.ruby{background:#ef4444;box-shadow:0 0 2px #ef4444}.jewel.emerald{background:#10b981;box-shadow:0 0 2px #10b981}.sunglasses{position:relative;width:65px;height:18px;display:flex;align-items:center;justify-content:space-between}.sunglasses .lens{width:26px;height:18px;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #0f172a;border-radius:5px 5px 12px 12px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000004d}.sunglasses .lens:after{content:"";position:absolute;top:2px;left:3px;width:15px;height:3px;background:#fff6;transform:rotate(-15deg)}.sunglasses .bridge{width:13px;height:4px;background:#0f172a;position:absolute;left:26px;top:3px}.monocle{position:relative;width:65px;height:24px}.monocle .lens-rim{width:24px;height:24px;border:2px solid #eab308;background:#bae6fd33;border-radius:50%;position:absolute;left:8px;box-shadow:0 1px 4px #00000026}.monocle .chain{position:absolute;left:26px;top:15px;width:15px;height:15px;border-left:1.5px solid #eab308;border-bottom:1.5px solid #eab308;border-bottom-left-radius:12px}.nerd-glasses{position:relative;width:65px;height:22px;display:flex;align-items:center;justify-content:space-between}.nerd-glasses .lens{width:25px;height:22px;border:3px solid #1e293b;background:#ffffffb3;border-radius:6px;box-shadow:0 2px 4px #00000026}.nerd-glasses .bridge{width:15px;height:4px;background:#1e293b;position:absolute;left:25px;top:8px}.nerd-glasses .tape{width:7px;height:8px;background:#cbd5e1;border:.5px solid #94a3b8;position:absolute;left:29px;top:6px;z-index:2}.party-glasses{position:relative;width:70px;height:26px;display:flex;align-items:center;justify-content:space-between}.party-glasses .star-rim{font-size:2.2rem;color:#ec4899;text-shadow:0 2px 4px rgba(0,0,0,.2),0 0 5px rgba(236,72,153,.5);line-height:1;-webkit-user-select:none;user-select:none}.party-glasses .star-rim.right{color:#facc15;text-shadow:0 2px 4px rgba(0,0,0,.2),0 0 5px rgba(250,204,21,.5)}.party-glasses .bridge{width:12px;height:4px;background:#ec4899;position:absolute;left:29px;top:11px}.tie{position:relative;width:30px;height:40px;display:flex;flex-direction:column;align-items:center}.tie .collar{width:34px;height:8px;background:#f8fafc;border-bottom:1px solid #cbd5e1;border-radius:4px 4px 0 0}.tie .knot{width:12px;height:8px;background:#dc2626;border-radius:2px;z-index:2}.tie .body{width:10px;height:25px;background:linear-gradient(180deg,#dc2626,#991b1b);clip-path:polygon(50% 100%,100% 80%,100% 0%,0% 0%,0% 80%);box-shadow:0 2px 4px #0003}.scarf{position:relative;width:70px;height:25px}.scarf .loop{width:70px;height:14px;background:linear-gradient(to right,#ea580c,#f97316,#ea580c);border-radius:7px;position:absolute;top:0;box-shadow:0 3px 6px #0003;border:1px solid #c2410c}.scarf .tail{width:10px;height:22px;background:#ea580c;border-radius:0 0 2px 2px;position:absolute;top:8px;border:1px solid #c2410c;border-top:none}.scarf .tail.t1{left:15px;transform:rotate(10deg)}.scarf .tail.t2{left:22px;transform:rotate(-5deg);height:26px;z-index:-1}.cape{width:110px;height:45px;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:0 0 40px 40px;position:absolute;left:50%;transform:translate(-50%);top:-10px;z-index:-2;box-shadow:0 4px 10px #0000004d;border:1px solid #991b1b;animation:capeWave 1.5s infinite alternate ease-in-out}@keyframes capeWave{0%{transform:translate(-50%) skew(-2deg)}to{transform:translate(-50%) skew(2deg)}}@keyframes equipPop{0%{transform:translate(-50%) scale(0) rotate(-15deg);opacity:0}70%{transform:translate(-50%) scale(1.2) rotate(10deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}.equip-pop{animation:equipPop .5s cubic-bezier(.34,1.56,.64,1) forwards}@media (max-width: 480px){main{padding:4px!important}.status-container{margin-bottom:4px!important;padding:6px 10px!important;font-size:.85rem!important}.pet-avatar{width:140px!important;height:140px!important}.seal{width:110px!important;height:86px!important}.accessory-head{top:-18px!important}.accessory-eyes{top:16px!important}.accessory-clothing{top:53px!important}#stage-title{font-size:1.05rem!important;padding:4px 10px!important;margin-bottom:2px!important}.daily-quests-container{margin:5px auto 2px!important;padding:8px 10px!important}.daily-quests-title{font-size:.8rem!important;margin-bottom:4px!important;padding-bottom:3px!important}.daily-quest-item{gap:2px!important}.daily-quest-header{font-size:.72rem!important}}.seal:before{display:none!important}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:240px;margin:15px auto}.ttt-cell{aspect-ratio:1;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;cursor:pointer;transition:background .2s,transform .1s;-webkit-user-select:none;user-select:none}.ttt-cell:hover:not(.taken){background:#bae6fd;transform:scale(1.05)}.ttt-cell.taken{cursor:not-allowed;background:#e2e8f0}.ttt-status{font-weight:700;text-align:center;margin-top:10px;font-size:1.1rem;color:#0284c7}.ttt-restart-btn{background:#f59e0b;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer}@media (max-height: 700px){.changelog-content{max-height:220px}}.modal-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;width:100%}.btn-option{background:#0284c714;border:2px solid rgba(2,132,199,.3);border-radius:12px;color:#0369a1;padding:14px 10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px}.btn-option:hover:not(:disabled){background:#0284c726;border-color:#0284c7;transform:translateY(-2px)}.btn-option:disabled{opacity:.6;cursor:not-allowed}.btn-lifeline{background:linear-gradient(135deg,#eab308,#d97706);border:none;border-radius:20px;color:#fff;padding:10px 20px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #00000026;transition:all .2s ease}.btn-lifeline:hover:not(:disabled){background:linear-gradient(135deg,#facc15,#eab308);transform:scale(1.05)}.btn-lifeline:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 480px){.modal-options{grid-template-columns:1fr;gap:8px}.btn-option{padding:10px 8px;font-size:.85rem;min-height:45px}}.catch-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fffffff2;border-radius:16px;padding:20px;box-shadow:0 4px 15px #0000001a;margin-bottom:15px}.catch-game-area{position:relative;width:100%;height:280px;background:linear-gradient(to bottom,#0284c7,#075985,#0c4a6e);border-radius:18px;overflow:hidden;border:3px solid #0284c7;margin:10px auto;box-shadow:inset 0 0 20px #0006;-webkit-user-select:none;user-select:none}.catch-water-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.catch-bubble{position:absolute;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:50%;bottom:-20px;animation:catchBubbleRise 6s infinite linear}.cb-1{width:10px;height:10px;left:20%;animation-duration:5s;animation-delay:1s}.cb-2{width:15px;height:15px;left:55%;animation-duration:7s;animation-delay:3s}.cb-3{width:8px;height:8px;left:80%;animation-duration:4s;animation-delay:0s}@keyframes catchBubbleRise{0%{transform:translateY(0) scale(1);opacity:.1}50%{opacity:.8}to{transform:translateY(-310px) scale(1.2);opacity:0}}.catch-position{position:absolute;font-size:1.7rem;transform:translate(-50%,-50%);opacity:0;transition:opacity .05s ease,transform .1s ease;z-index:5;pointer-events:none}.catch-position.active{opacity:1}#pos-0-0{left:10%;top:18%}#pos-0-1{left:19%;top:25%}#pos-0-2{left:28%;top:32%}#pos-0-3{left:37%;top:39%}#pos-1-0{left:10%;top:82%}#pos-1-1{left:19%;top:75%}#pos-1-2{left:28%;top:68%}#pos-1-3{left:37%;top:61%}#pos-2-0{left:90%;top:18%}#pos-2-1{left:81%;top:25%}#pos-2-2{left:72%;top:32%}#pos-2-3{left:63%;top:39%}#pos-3-0{left:90%;top:82%}#pos-3-1{left:81%;top:75%}#pos-3-2{left:72%;top:68%}#pos-3-3{left:63%;top:61%}.catch-seal-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.catch-seal-container .pet-avatar{margin:0;width:140px;height:140px}.game-seal{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.direction-lt{transform:scale(.65) translate(-45px,-20px) rotate(-38deg)}.direction-lb{transform:scale(.65) translate(-45px,20px) rotate(32deg)}.direction-rt{transform:scale(.65) scaleX(-1) translate(-45px,-20px) rotate(-38deg)}.direction-rb{transform:scale(.65) scaleX(-1) translate(-45px,20px) rotate(32deg)}.catch-position.is-food{text-shadow:0 0 10px rgba(16,185,129,.7);filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.catch-position.is-trash{filter:grayscale(1) brightness(.7) drop-shadow(0 0 4px rgba(239,68,68,.45))}.catch-ctrl-btn{position:absolute;width:60px;height:60px;border-radius:14px;background:#ffffff38;border:2px solid rgba(255,255,255,.6);cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:background .1s,transform .1s,box-shadow .1s;box-shadow:0 4px 12px #0000004d;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(0,0,0,.5)}.catch-ctrl-btn:hover{background:#ffffff59;box-shadow:0 6px 16px #00000059}.catch-ctrl-btn:active{background:#f59e0bcc;transform:scale(.88);box-shadow:0 2px 6px #0003}.ctrl-lt{left:8px;top:8px}.ctrl-lb{left:8px;bottom:8px}.ctrl-rt{right:8px;top:8px}.ctrl-rb{right:8px;bottom:8px}@media (min-width: 1024px){.catch-ctrl-btn{width:48px;height:48px;font-size:1.2rem;opacity:.65}.catch-ctrl-btn:hover{opacity:1}}.catch-hud{display:flex;justify-content:space-between;align-items:center;background:#ffffffd9;padding:10px 18px;border-radius:12px;font-weight:700;font-size:.95rem;color:#0369a1;border:1px solid rgba(2,132,199,.2);margin-top:10px;box-shadow:0 2px 8px #0000000d}.hud-item strong{color:#f59e0b;font-size:1.1rem}.catch-rules{display:flex;gap:10px;margin-bottom:14px;width:100%}.catch-rule{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:12px;font-size:.82rem;font-weight:700;text-align:center}.catch-rule-good{background:#10b9811a;border:2px solid rgba(16,185,129,.4);color:#059669}.catch-rule-bad{background:#ef444414;border:2px solid rgba(239,68,68,.35);color:#dc2626}.catch-rule-emojis{font-size:1.25rem;letter-spacing:2px;line-height:1}.catch-rule-grayscale{filter:grayscale(1) brightness(.65)}.catch-rule-label{font-size:.8rem;font-weight:800;text-align:center;line-height:1.2}.catch-controls-hint{font-size:.76rem;color:#64748b;text-align:center;margin-bottom:14px;line-height:1.5;padding:0 4px}.stage-0 .seal{transform:scale(.75);background:#f8fafc}.stage-0 .seal-snout{background:#cbd5e1}.stage-1 .seal{transform:scale(.9);background:#e2e8f0}.stage-1 .seal-snout{background:#94a3b8}.stage-2-athlete .seal{transform:scale(1.05);background:#3b82f6}.stage-2-athlete .seal-snout{background:#2563eb}.stage-2-athlete .seal:before{content:"👟";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-scientist .seal{transform:scale(1.05);background:#10b981}.stage-2-scientist .seal-snout{background:#059669}.stage-2-scientist .seal:before{content:"🧪";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-artist .seal{transform:scale(1.05);background:#ec4899}.stage-2-artist .seal-snout{background:#db2777}.stage-2-artist .seal:before{content:"✏️";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-diver .seal{transform:scale(1.05);background:#06b6d4}.stage-2-diver .seal-snout{background:#0891b2}.stage-2-diver .seal:before{content:"🐠";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-soccerPlayer .seal{transform:scale(1.05);background:#facc15}.stage-2-soccerPlayer .seal-snout{background:#eab308}.stage-2-soccerPlayer .seal:before{content:"🏐";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-gamer .seal{transform:scale(1.05);background:#a855f7}.stage-2-gamer .seal-snout{background:#9333ea}.stage-2-gamer .seal:before{content:"🕹️";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-astronaut .seal{transform:scale(1.05);background:#0f172a}.stage-2-astronaut .seal-snout{background:#475569}.stage-2-astronaut .seal:before{content:"🧑‍🚀";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-wizard .seal{transform:scale(1.05);background:#581c87}.stage-2-wizard .seal-snout{background:#701a75}.stage-2-wizard .seal:before{content:"🪄";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-2-cyber .seal{transform:scale(1.05);background:#064e3b}.stage-2-cyber .seal-snout{background:#059669}.stage-2-cyber .seal:before{content:"🔌";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-athlete .seal{transform:scale(1.15);background:#1e40af}.stage-3-athlete .seal-snout{background:#1d4ed8}.stage-3-athlete .seal:before{content:"💪";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-scientist .seal{transform:scale(1.15);background:#047857}.stage-3-scientist .seal-snout{background:#059669}.stage-3-scientist .seal:before{content:"🔬";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-artist .seal{transform:scale(1.15);background:#be185d}.stage-3-artist .seal-snout{background:#db2777}.stage-3-artist .seal:before{content:"🎨";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-diver .seal{transform:scale(1.15);background:#0f766e}.stage-3-diver .seal-snout{background:#0d9488}.stage-3-diver .seal:before{content:"🤿";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-soccerPlayer .seal{transform:scale(1.15);background:#ca8a04}.stage-3-soccerPlayer .seal-snout{background:#eab308}.stage-3-soccerPlayer .seal:before{content:"⚽";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-gamer .seal{transform:scale(1.15);background:#7e22ce}.stage-3-gamer .seal-snout{background:#9333ea}.stage-3-gamer .seal:before{content:"🎮";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-astronaut .seal{transform:scale(1.15);background:#312e81}.stage-3-astronaut .seal-snout{background:#4338ca}.stage-3-astronaut .seal:before{content:"🪐";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-wizard .seal{transform:scale(1.15);background:#1e1b4b}.stage-3-wizard .seal-snout{background:#311042}.stage-3-wizard .seal:before{content:"🔮";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-3-cyber .seal{transform:scale(1.15);background:#1e293b}.stage-3-cyber .seal-snout{background:#10b981}.stage-3-cyber .seal:before{content:"⚙️";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-athlete .seal{transform:scale(1.2);background:linear-gradient(45deg,#3b82f6,#2563eb,#1e40af);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-athlete .seal:before{content:"🏆";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-scientist .seal{transform:scale(1.2);background:linear-gradient(45deg,#10b981,#059669,#047857);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-scientist .seal:before{content:"🎓";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-artist .seal{transform:scale(1.2);background:linear-gradient(45deg,#ec4899,#db2777,#be185d);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-artist .seal:before{content:"🌟";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-diver .seal{transform:scale(1.2);background:linear-gradient(45deg,#06b6d4,#0891b2,#0f766e);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-diver .seal:before{content:"🔱";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-soccerPlayer .seal{transform:scale(1.2);background:linear-gradient(45deg,#facc15,#eab308,#ca8a04);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-soccerPlayer .seal:before{content:"🏅";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-gamer .seal{transform:scale(1.2);background:linear-gradient(45deg,#a855f7,#9333ea,#7e22ce);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-gamer .seal:before{content:"👑";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-astronaut .seal{transform:scale(1.2);background:linear-gradient(45deg,#0f172a,#1e1b4b,#312e81,#4c1d95);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-astronaut .seal:before{content:"🚀";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-wizard .seal{transform:scale(1.2);background:linear-gradient(45deg,#581c87,#7e22ce,#db2777,#eab308);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-wizard .seal:before{content:"🧙‍♂️";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-4-cyber .seal{transform:scale(1.2);background:linear-gradient(45deg,#0f172a,#022c22,#064e3b,#10b981);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-cyber .seal:before{content:"🤖";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pet-avatar.hungry .seal{background:#94a3b8!important;filter:grayscale(100%) contrast(.8)}.pet-avatar.hungry .seal-eye{height:4px;border-radius:2px;top:36px;background:#475569}.pet-avatar.hungry .seal-eye:after{display:none}#stage-title{font-size:1.3rem;margin-bottom:5px;background:#ffffffb3;padding:8px 15px;border-radius:15px;color:#0c4a6e;box-shadow:0 2px 8px #0000001a}.stage-2-firefighter .seal{transform:scale(1.05);background:linear-gradient(to bottom,#374151 70%,#facc15 70%,#facc15 78%,#374151 78%)}.stage-2-firefighter .seal-snout{background:#4b5563}.stage-2-firefighter .seal:before{content:"🧯";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-firefighter .seal{transform:scale(1.15);background:linear-gradient(to bottom,#1f2937 68%,#eab308 68%,#eab308 76%,#1f2937 76%);animation:fire-glow 2s infinite alternate}.stage-3-firefighter .seal-snout{background:#374151}.stage-3-firefighter .seal:before{content:"🚒";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-firefighter .seal{transform:scale(1.2);background:linear-gradient(to bottom,#111827 68%,#eab308 68%,#eab308 76%,#111827 76%);animation:fire-glow 1.5s infinite alternate,rainbow 3s ease infinite}.stage-4-firefighter .seal:before{content:"👨‍🚒";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}@keyframes fire-glow{0%{box-shadow:0 0 8px #ea580c}to{box-shadow:0 0 25px #dc2626,inset 0 0 12px #f97316}}.stage-2-farmer .seal{transform:scale(1.05);background:#78350f;animation:sway-2 4s ease-in-out infinite alternate}.stage-2-farmer .seal-snout{background:#b45309}.stage-2-farmer .seal:before{content:"🌱";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-farmer .seal{transform:scale(1.15);background:linear-gradient(135deg,#78350f,#1e3a8a 70%);animation:sway-3 3.5s ease-in-out infinite alternate}.stage-3-farmer .seal-snout{background:#d97706}.stage-3-farmer .seal:before{content:"🚜";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-farmer .seal{transform:scale(1.2);background:linear-gradient(135deg,#451a03,#172554 60%);animation:sway-4 3s ease-in-out infinite alternate,rainbow 3s ease infinite}.stage-4-farmer .seal:before{content:"👨‍🌾";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}@keyframes sway-2{0%{transform:rotate(-3deg) scale(1.05)}to{transform:rotate(3deg) scale(1.05)}}@keyframes sway-3{0%{transform:rotate(-3.5deg) scale(1.15)}to{transform:rotate(3.5deg) scale(1.15)}}@keyframes sway-4{0%{transform:rotate(-4deg) scale(1.2)}to{transform:rotate(4deg) scale(1.2)}}.stage-2-racer .seal{transform:scale(1.05);background:#dc2626;animation:engine-vibe-2 .08s infinite alternate}.stage-2-racer .seal-snout{background:#fff}.stage-2-racer .seal:before{content:"🔧";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-racer .seal{transform:scale(1.15);background:linear-gradient(to right,#dc2626 45%,#fff 45%,#fff 55%,#dc2626 55%);animation:engine-vibe-3 .07s infinite alternate}.stage-3-racer .seal-snout{background:#ef4444}.stage-3-racer .seal:before{content:"🏁";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-racer .seal{transform:scale(1.2);background:linear-gradient(to right,#991b1b 45%,#fff 45%,#fff 55%,#991b1b 55%);animation:engine-vibe-4 .06s infinite alternate,rainbow 3s ease infinite}.stage-4-racer .seal:before{content:"🏎️";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}@keyframes engine-vibe-2{0%{transform:translate(1px,1px) scale(1.05) rotate(.5deg)}to{transform:translate(-1px,-1px) scale(1.05) rotate(-.5deg)}}@keyframes engine-vibe-3{0%{transform:translate(1px,1px) scale(1.15) rotate(.5deg)}to{transform:translate(-1px,-1px) scale(1.15) rotate(-.5deg)}}@keyframes engine-vibe-4{0%{transform:translate(1px,1px) scale(1.2) rotate(.5deg)}to{transform:translate(-1px,-1px) scale(1.2) rotate(-.5deg)}}.stage-2-policeOfficer .seal{transform:scale(1.05);background:#1e3a8a}.stage-2-policeOfficer .seal-snout{background:#3b82f6}.stage-2-policeOfficer .seal:before{content:"🚨";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-policeOfficer .seal{transform:scale(1.15);background:#172554;animation:police-flashing-3 .8s infinite alternate}.stage-3-policeOfficer .seal-snout{background:#2563eb}.stage-3-policeOfficer .seal:before{content:"🚔";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-policeOfficer .seal{transform:scale(1.2);background:linear-gradient(45deg,#172554,#1e3a8a);animation:police-flashing-4 .5s infinite,rainbow 3s ease infinite}.stage-4-policeOfficer .seal:before{content:"👮";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}@keyframes police-flashing-3{0%,49%{box-shadow:0 0 15px #ef4444}50%,to{box-shadow:0 0 15px #3b82f6}}@keyframes police-flashing-4{0%,49%{box-shadow:0 0 30px #ef4444,inset 0 0 15px #ef4444}50%,to{box-shadow:0 0 30px #3b82f6,inset 0 0 15px #3b82f6}}.stage-2-programmer .seal{transform:scale(1.05);background:#090d16;border:1.5px solid #10b981}.stage-2-programmer .seal-snout{background:#064e3b}.stage-2-programmer .seal:before{content:"💾";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-programmer .seal{transform:scale(1.15);background:#020617;border:2px solid #22c55e;animation:matrix-pulse-3 2s infinite alternate}.stage-3-programmer .seal-snout{background:#0f172a}.stage-3-programmer .seal:before{content:"💻";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-programmer .seal{transform:scale(1.2);background:linear-gradient(135deg,#020617,#090d16,#0f172a);border:2px solid #22c55e;animation:matrix-pulse-4 1.5s infinite alternate,rainbow 3s ease infinite}.stage-4-programmer .seal:before{content:"⌨️";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}@keyframes matrix-pulse-3{0%{box-shadow:0 0 6px #10b981}to{box-shadow:0 0 20px #10b981}}@keyframes matrix-pulse-4{0%{box-shadow:0 0 10px #22c55e,inset 0 0 8px #22c55e}to{box-shadow:0 0 35px #22c55e,inset 0 0 20px #22c55e}}.profession-environment{position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:100%;z-index:auto;pointer-events:none;overflow:visible}.seal{z-index:5}.env-programmer-s2{position:absolute;bottom:10px;left:8px;width:44px;height:38px;background:#cbd5e1;border:2px solid #475569;border-radius:4px;box-shadow:0 4px 6px #00000026}.env-programmer-s2 .monitor{position:absolute;top:3px;left:3px;right:3px;bottom:10px;background:#022c22;border:1px solid #10b981;border-radius:2px;box-shadow:0 0 6px #10b981}.env-programmer-s3{position:absolute;width:100%;height:100%;top:0;left:0}.env-programmer-s3 .desk{position:absolute;bottom:8px;left:5px;width:170px;height:12px;background:#78350f;border-radius:2px;border:1.5px solid #451a03;z-index:6}.env-programmer-s3 .monitor{position:absolute;bottom:20px;width:38px;height:28px;background:#1e293b;border:2px solid #0f172a;border-radius:3px}.env-programmer-s3 .monitor.m-left{left:10px;transform:rotate(12deg)}.env-programmer-s3 .monitor.m-right{right:10px;transform:rotate(-12deg)}.env-programmer-s3 .monitor:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#020617;border-bottom:2px solid #22c55e}.env-programmer-s4{position:absolute;width:100%;height:100%;top:0;left:0}.env-programmer-s4 .matrix-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#02061740;border-radius:12px}.env-programmer-s4 .code-stream{position:absolute;top:-50px;width:2px;height:45px;background:linear-gradient(to bottom,transparent,#22c55e);animation:matrixFall 2s infinite linear}.env-programmer-s4 .code-stream.c1{left:15%;animation-delay:0s}.env-programmer-s4 .code-stream.c2{left:45%;animation-delay:.6s;animation-duration:1.4s}.env-programmer-s4 .code-stream.c3{left:85%;animation-delay:1.1s;animation-duration:2.2s}@keyframes matrixFall{0%{top:-50px;opacity:1}to{top:180px;opacity:0}}.env-programmer-s4 .programmer-desk{position:absolute;bottom:8px;left:5px;width:170px;height:14px;background:linear-gradient(to right,#090d16,#1e293b,#090d16);border:1.5px solid #22c55e;box-shadow:0 0 10px #22c55e66;border-radius:3px;z-index:6}.env-programmer-s4 .server-rack{position:absolute;top:20px;right:8px;width:32px;height:60px;background:#0f172a;border:2px solid #334155;border-radius:4px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:4px 0}.env-programmer-s4 .led{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:ledFlash .5s infinite alternate}.env-programmer-s4 .led.l2{background:#22c55e;animation-delay:.25s}@keyframes ledFlash{0%{opacity:.3}to{opacity:1}}.env-firefighter-s2{position:absolute;width:100%;height:100%}.env-firefighter-s2 .hydrant{position:absolute;bottom:10px;left:10px;width:25px;height:45px;background:#ef4444;border:2.5px solid #991b1b;border-radius:12px 12px 4px 4px;box-shadow:0 3px 6px #0003}.env-firefighter-s3{position:absolute;width:100%;height:100%}.env-firefighter-s3 .truck-silhouette{position:absolute;bottom:8px;right:5px;width:60px;height:40px;background:#b91c1c;border:2px solid #7f1d1d;border-radius:6px 12px 4px 4px}.env-firefighter-s3 .hose-spray{position:absolute;bottom:30px;left:20px;width:40px;height:20px;background:radial-gradient(circle,rgba(186,230,253,.6) 0%,transparent 70%);animation:sprayWater 1s infinite alternate ease-in-out}@keyframes sprayWater{0%{transform:scale(.8) translate(0)}to{transform:scale(1.2) translate(-10px,-5px)}}.env-firefighter-s4{position:absolute;width:100%;height:100%;overflow:hidden}.env-firefighter-s4 .fire-glow{position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top,rgba(239,68,68,.3),transparent);animation:fireFlicker 1.5s infinite alternate ease-in-out}@keyframes fireFlicker{0%{opacity:.5}to{opacity:1}}.env-firefighter-s4 .smoke-particle{position:absolute;bottom:-20px;width:24px;height:24px;background:#64748b4d;border-radius:50%;animation:smokeRise 2.5s infinite linear}.env-firefighter-s4 .smoke-particle.p1{left:20px;animation-delay:0s}.env-firefighter-s4 .smoke-particle.p2{left:50px;animation-delay:1.2s;animation-duration:2s}@keyframes smokeRise{0%{bottom:-20px;transform:scale(.5);opacity:.8}to{bottom:180px;transform:scale(1.5);opacity:0}}.env-farmer-s2{position:absolute;width:100%;height:100%}.env-farmer-s2 .sprout{position:absolute;font-size:1.6rem;bottom:8px;animation:farmSway 2s infinite alternate ease-in-out}.env-farmer-s2 .sprout.s1{left:15px}.env-farmer-s2 .sprout.s2{right:15px;animation-delay:.5s}.env-farmer-s3{position:absolute;width:100%;height:100%}.env-farmer-s3 .fence{position:absolute;bottom:10px;left:0;width:100%;height:20px;background:repeating-linear-gradient(90deg,#b45309,#b45309 8px,#78350f 8px,#78350f 12px);border-top:3px solid #b45309}.env-farmer-s4{position:absolute;width:100%;height:100%}.env-farmer-s4 .barn-outline{position:absolute;bottom:10px;left:20px;width:80px;height:50px;background:#b91c1c;border:2px solid #7f1d1d;clip-path:polygon(0% 100%,0% 40%,50% 0%,100% 40%,100% 100%);opacity:.8}.env-farmer-s4 .sunflower{position:absolute;font-size:1.8rem;bottom:10px;animation:farmSway 3s infinite alternate ease-in-out}.env-farmer-s4 .sunflower.sf1{right:15px}.env-farmer-s4 .sunflower.sf2{right:40px;animation-delay:.7s}@keyframes farmSway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.env-racer-s2{position:absolute;width:100%;height:100%}.env-racer-s2 .checkered-flag{position:absolute;font-size:1.8rem;top:15px;right:15px;animation:flagWaving 1.5s infinite alternate ease-in-out}@keyframes flagWaving{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.1)}}.env-racer-s3{position:absolute;width:100%;height:100%}.env-racer-s3 .race-curb{position:absolute;bottom:5px;left:10px;width:160px;height:12px;background:repeating-linear-gradient(90deg,#ef4444,#ef4444 15px,#fff 15px,#fff 30px);border:2.5px solid #1e293b;border-radius:4px;box-shadow:0 4px 6px #00000026}.env-racer-s3 .tire-stack{position:absolute;bottom:15px;right:12px;width:26px;height:38px;background:repeating-linear-gradient(to top,#1e293b,#1e293b 8px,#475569 8px,#475569 10px);border:2px solid #0f172a;border-radius:5px;box-shadow:2px 2px 5px #0003}.env-racer-s4{position:absolute;width:100%;height:100%;overflow:hidden}.env-racer-s4 .podium-bg{position:absolute;bottom:8px;left:20px;width:140px;height:18px;background:linear-gradient(to right,#fbbf24,#f59e0b,#d97706);border:2px solid #78350f;border-radius:3px 3px 0 0;box-shadow:0 0 10px #f59e0b80}.env-racer-s4 .exhaust-smoke{position:absolute;bottom:-10px;left:30px;width:120px;height:25px;background:radial-gradient(ellipse,rgba(203,213,225,.4) 0%,transparent 70%);animation:driftSmoke 2.5s infinite linear}@keyframes driftSmoke{0%{transform:translate(0) scale(.8);opacity:0}30%{opacity:.8}to{transform:translate(-40px) translateY(-15px) scale(1.3);opacity:0}}.env-police-s2{position:absolute;width:100%;height:100%}.env-police-s2 .badge-emblem{position:absolute;font-size:2rem;top:15px;left:15px;filter:drop-shadow(0 2px 5px rgba(59,130,246,.5));animation:badgePulse 2s infinite alternate ease-in-out}@keyframes badgePulse{0%{transform:scale(.9);filter:drop-shadow(0 2px 4px rgba(59,130,246,.4))}to{transform:scale(1.1);filter:drop-shadow(0 4px 10px rgba(59,130,246,.8))}}.env-police-s3{position:absolute;width:100%;height:100%;background:transparent}.env-police-s3 .flashing-siren{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;animation:sirenAlert 1s infinite steps(2);pointer-events:none}@keyframes sirenAlert{0%{background:#3b82f626;box-shadow:inset 0 0 20px #3b82f64d}50%{background:#ef444426;box-shadow:inset 0 0 20px #ef44444d}}.env-police-s4{position:absolute;width:100%;height:100%;overflow:hidden}.env-police-s4 .police-line{position:absolute;bottom:22px;left:-10px;width:200px;height:16px;background:#facc15;color:#000;font-size:.55rem;font-weight:900;letter-spacing:2px;text-align:center;line-height:16px;border-top:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(-5deg);box-shadow:0 4px 8px #0000004d;z-index:6}.env-police-s4 .searchlight{position:absolute;top:0;left:50%;width:60px;height:180px;background:linear-gradient(to bottom,rgba(254,240,138,.4),transparent);clip-path:polygon(45% 0%,55% 0%,100% 100%,0% 100%);transform-origin:top center;animation:lightSweep 4s infinite alternate ease-in-out}@keyframes lightSweep{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}.env-athlete-s2{position:absolute;width:100%;height:100%}.env-athlete-s2 .dumbbell{position:absolute;font-size:1.8rem;bottom:10px;left:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.env-athlete-s3{position:absolute;width:100%;height:100%}.env-athlete-s3 .swim-lane{position:absolute;bottom:12px;left:5%;width:90%;height:8px;background:repeating-linear-gradient(90deg,#3b82f6,#3b82f6 15px,#ef4444 15px,#ef4444 20px,#fff 20px,#fff 35px);border:1px solid #1e40af;border-radius:4px}.env-athlete-s4{position:absolute;width:100%;height:100%;overflow:hidden}.env-athlete-s4 .confetti-stream{position:absolute;top:-20px;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(251,191,36,.1) 0%,transparent 80%);animation:rainConfetti 3s infinite linear}@keyframes rainConfetti{0%{background-position:0 0}to{background-position:40px 180px}}.env-athlete-s4 .gold-medal{position:absolute;font-size:2rem;top:15px;right:15px;animation:medalShine 2s infinite alternate ease-in-out}@keyframes medalShine{0%{transform:scale(1) rotate(-5deg);filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}to{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 6px 12px rgba(251,191,36,.8))}}.env-scientist-s2{position:absolute;width:100%;height:100%}.env-scientist-s2 .beaker{position:absolute;font-size:1.8rem;bottom:10px;left:20px;animation:chemicalBubble 2.5s infinite alternate ease-in-out}@keyframes chemicalBubble{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.05)}}.env-scientist-s3{position:absolute;width:100%;height:100%}.env-scientist-s3 .lab-table{position:absolute;bottom:8px;left:10px;width:160px;height:12px;background:#475569;border-radius:2px;border:2px solid #1e293b;z-index:6}.env-scientist-s3 .flask{position:absolute;bottom:20px;left:25px;width:20px;height:25px;background:#10b9814d;border:1.5px solid #10b981;border-radius:2px 2px 6px 6px}.env-scientist-s3 .flask:before{content:"🫧";position:absolute;top:-12px;left:1px;font-size:.6rem;animation:beakerFloat 1.2s infinite linear}@keyframes beakerFloat{0%{transform:translateY(0);opacity:1}to{transform:translateY(-15px);opacity:0}}.env-scientist-s4{position:absolute;width:100%;height:100%}.env-scientist-s4 .chalkboard{position:absolute;top:15px;left:15px;width:150px;height:60px;background:#064e3b;border:3.5px solid #78350f;border-radius:4px;box-shadow:inset 0 0 10px #00000080;opacity:.6}.env-scientist-s4 .chalkboard:after{content:"E = mc²";position:absolute;top:12px;left:15px;color:#ffffffb3;font-family:monospace;font-size:.8rem;font-weight:700}.env-scientist-s4 .atom-orbit{position:absolute;top:35%;left:35%;width:50px;height:50px;border:1.5px solid rgba(59,130,246,.3);border-radius:50%;animation:rotateOrbit 3s infinite linear}.env-scientist-s4 .atom-orbit:after{content:"";position:absolute;top:-3px;left:22px;width:6px;height:6px;background:#3b82f6;border-radius:50%;box-shadow:0 0 6px #3b82f6}@keyframes rotateOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-artist-s2{position:absolute;width:100%;height:100%}.env-artist-s2 .palette{position:absolute;font-size:2rem;bottom:10px;left:20px;animation:artistSway 2.5s infinite alternate ease-in-out}.env-artist-s3{position:absolute;width:100%;height:100%}.env-artist-s3 .easel{position:absolute;bottom:8px;left:15px;width:45px;height:65px;background:transparent;border-left:3px solid #78350f;border-right:3px solid #78350f;z-index:4}.env-artist-s3 .canvas{position:absolute;top:10px;left:-5px;width:49px;height:35px;background:linear-gradient(135deg,#a855f7,#ec4899);border:2px solid #ffffff;box-shadow:0 3px 6px #00000026;border-radius:2px}.env-artist-s4{position:absolute;width:100%;height:100%}.env-artist-s4 .sculpture{position:absolute;font-size:2.4rem;bottom:8px;left:12px}.env-artist-s4 .art-frame{position:absolute;font-size:2.2rem;top:15px;right:15px;animation:artistSway 3s infinite alternate ease-in-out}@keyframes artistSway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.env-diver-s2{position:absolute;width:100%;height:100%}.env-diver-s2 .seashell{position:absolute;font-size:1.8rem;bottom:8px;right:25px}.env-diver-s3{position:absolute;width:100%;height:100%}.env-diver-s3 .coral{position:absolute;font-size:2rem;bottom:8px;left:15px;animation:coralSway 3s infinite alternate ease-in-out}@keyframes coralSway{0%{transform:rotate(-4deg) skew(-2deg)}to{transform:rotate(4deg) skew(2deg)}}.env-diver-s3 .bubbles-rise{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(56,189,248,.08) 0%,transparent 80%)}.env-diver-s3 .bubbles-rise:after{content:"🫧";position:absolute;bottom:0;left:70%;font-size:1rem;animation:diveBubble 3s infinite linear}@keyframes diveBubble{0%{bottom:0;opacity:1;transform:translate(0)}50%{transform:translate(8px)}to{bottom:150px;opacity:0;transform:translate(-4px)}}.env-diver-s4{position:absolute;width:100%;height:100%}.env-diver-s4 .chest{position:absolute;font-size:2rem;bottom:8px;right:15px;filter:drop-shadow(0 2px 4px rgba(250,204,21,.5))}.env-diver-s4 .submarine{position:absolute;width:48px;height:28px;background:#eab308;border:2px solid #ca8a04;border-radius:14px;top:25px;left:-60px;z-index:3;animation:subCruise 9s infinite linear}.env-diver-s4 .submarine:before{content:"";position:absolute;top:-8px;left:18px;width:6px;height:10px;background:#ca8a04}@keyframes subCruise{0%{left:-60px;transform:scaleX(1)}49%{transform:scaleX(1)}50%{left:200px;transform:scaleX(-1)}99%{transform:scaleX(-1)}to{left:-60px}}.env-soccer-s2{position:absolute;width:100%;height:100%}.env-soccer-s2 .ball{position:absolute;font-size:1.6rem;bottom:10px;left:25px;animation:ballRoll 2s infinite alternate ease-in-out}@keyframes ballRoll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-soccer-s3{position:absolute;width:100%;height:100%}.env-soccer-s3 .goal-net{position:absolute;bottom:10px;left:10px;width:160px;height:40px;background:linear-gradient(#e2e8f01a,#e2e8f04d),repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(226,232,240,.4) 4px,rgba(226,232,240,.4) 8px),repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(226,232,240,.4) 4px,rgba(226,232,240,.4) 8px);border:2px solid #94a3b8;border-radius:4px 4px 0 0}.env-soccer-s4{position:absolute;width:100%;height:100%;overflow:hidden}.env-soccer-s4 .grass-field{position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to bottom,#15803d,#166534);border-top:2px solid #22c55e;border-radius:0 0 12px 12px}.env-soccer-s4 .stadium-lights{position:absolute;top:5px;width:100%;height:40px;display:flex;justify-content:space-between;padding:0 15px}.env-soccer-s4 .stadium-lights:before,.env-soccer-s4 .stadium-lights:after{content:"";width:24px;height:12px;background:#cbd5e1;border:1.5px solid #64748b;border-radius:2px;box-shadow:0 0 10px #fffc}.env-gamer-s2{position:absolute;width:100%;height:100%}.env-gamer-s2 .gamepad{position:absolute;font-size:1.8rem;bottom:12px;left:20px;animation:gamerFloat 2s infinite alternate ease-in-out}@keyframes gamerFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.env-gamer-s3{position:absolute;width:100%;height:100%}.env-gamer-s3 .gamer-setup{position:absolute;bottom:8px;left:5px;width:170px;height:12px;background:#1e1b4b;border-radius:2px;border:1.5px solid #4f46e5;box-shadow:0 0 10px #4f46e5;z-index:6}.env-gamer-s3 .gamer-setup:after{content:"";position:absolute;top:-2px;left:10px;right:10px;height:2px;background:linear-gradient(90deg,#ec4899,#8b5cf6,#3b82f6)}.env-gamer-s4{position:absolute;width:100%;height:100%}.env-gamer-s4 .neon-portal{position:absolute;top:15%;left:15%;width:126px;height:126px;border-radius:50%;border:3px solid #d946ef;box-shadow:0 0 20px #d946ef,inset 0 0 20px #8b5cf6;animation:spinPortal 6s infinite linear;opacity:.25}@keyframes spinPortal{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-gamer-s4 .gamer-chair{position:absolute;bottom:12px;left:48px;width:84px;height:96px;background:linear-gradient(to top,#09090b,#18181b);border:2px solid #a21caf;border-radius:12px 12px 4px 4px;z-index:3;opacity:.85}.env-astronaut-s2{position:absolute;width:100%;height:100%}.env-astronaut-s2 .rocket{position:absolute;font-size:1.8rem;bottom:15px;left:20px;animation:rocketLaunch 1.5s infinite alternate ease-in-out}@keyframes rocketLaunch{0%{transform:translateY(0) rotate(10deg)}to{transform:translateY(-5px) rotate(15deg)}}.env-astronaut-s3{position:absolute;width:100%;height:100%;border-radius:12px;background:radial-gradient(circle,#0f172a,#020617)}.env-astronaut-s3 .stars-bg{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,#ffffff 1px,transparent 1px);background-size:20px 20px;opacity:.4}.env-astronaut-s3 .orbit-planet{position:absolute;font-size:2.2rem;top:20px;right:20px;animation:planetSway 4s infinite alternate ease-in-out}@keyframes planetSway{0%{transform:translateY(0) rotate(-10deg)}to{transform:translateY(8px) rotate(10deg)}}.env-astronaut-s4{position:absolute;width:100%;height:100%;border-radius:12px;background:#020617;overflow:hidden}.env-astronaut-s4 .earth-view{position:absolute;font-size:3rem;top:15px;left:15px;animation:earthSpin 20s infinite linear}@keyframes earthSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-astronaut-s4 .space-cockpit{position:absolute;bottom:0;left:0;width:100%;height:35px;background:linear-gradient(to top,#1e293b,#334155);border-top:3px solid #06b6d4;box-shadow:0 0 10px #06b6d466;z-index:6}.env-astronaut-s4 .space-cockpit:after{content:"";position:absolute;top:8px;left:15px;right:15px;height:6px;background:repeating-linear-gradient(90deg,#10b981 0px,#10b981 10px,transparent 10px,transparent 20px)}.env-wizard-s2{position:absolute;width:100%;height:100%}.env-wizard-s2 .book{position:absolute;font-size:1.8rem;bottom:12px;left:20px;animation:bookFloat 2s infinite alternate ease-in-out}@keyframes bookFloat{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-8px) rotate(5deg)}}.env-wizard-s3{position:absolute;width:100%;height:100%}.env-wizard-s3 .cauldron{position:absolute;bottom:10px;left:15px;width:42px;height:38px;background:#1e1b4b;border:3px solid #312e81;border-radius:50% 50% 40% 40%;box-shadow:0 4px 6px #0000004d}.env-wizard-s3 .smoke-puff{position:absolute;top:-22px;left:10px;font-size:1rem;animation:wizardBubble 2s infinite linear}@keyframes wizardBubble{0%{transform:translateY(0) scale(.6);opacity:0}50%{opacity:1}to{transform:translateY(-20px) scale(1.2);opacity:0}}.env-wizard-s4{position:absolute;width:100%;height:100%}.env-wizard-s4 .crystal-ball{position:absolute;font-size:2.2rem;bottom:8px;left:15px;filter:drop-shadow(0 0 8px #a855f7);animation:ballGlow 2s infinite alternate ease-in-out}@keyframes ballGlow{0%{filter:drop-shadow(0 0 4px #a855f7)}to{filter:drop-shadow(0 0 16px #d946ef)}}.env-wizard-s4 .magic-circle{position:absolute;bottom:5px;left:10px;width:160px;height:12px;border:1.5px dashed #a855f7;border-radius:50%;animation:spinRune 12s infinite linear;box-shadow:0 0 10px #a855f74d}@keyframes spinRune{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-cyber-s2{position:absolute;width:100%;height:100%}.env-cyber-s2 .chip{position:absolute;font-size:1.8rem;bottom:12px;left:20px;filter:drop-shadow(0 0 5px #06b6d4)}.env-cyber-s3{position:absolute;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle,#022c22,#020617);border-radius:12px}.env-cyber-s3 .cyber-grid{position:absolute;top:50%;left:-50%;width:200%;height:100%;background-image:linear-gradient(to right,rgba(16,185,129,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,185,129,.15) 1px,transparent 1px);background-size:20px 20px;transform:perspective(100px) rotateX(60deg);animation:gridScroll 2s infinite linear}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 20px}}.env-cyber-s4{position:absolute;width:100%;height:100%}.env-cyber-s4 .hologram{position:absolute;font-size:2.2rem;top:15px;left:15px;opacity:.65;animation:holoGlitch 1.5s infinite steps(2);filter:drop-shadow(0 0 5px #06b6d4)}@keyframes holoGlitch{0%{transform:translate(0) skew(0);opacity:.6}90%{transform:translate(0) skew(0);opacity:.6}95%{transform:translate(2px,-1px) skew(10deg);opacity:.9}to{transform:translate(-2px,1px) skew(-10deg);opacity:.6}}.env-cyber-s4 .circuit-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px),linear-gradient(rgba(6,182,212,.05) 1px,transparent 1px);background-size:15px 15px}.stage-2-skater .seal{transform:scale(1.05);background:#f97316}.stage-2-skater .seal-snout{background:#ea580c}.stage-2-skater .seal:before{content:"🛹";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-skater .seal{transform:scale(1.15);background:#ea580c}.stage-3-skater .seal-snout{background:#c2410c}.stage-3-skater .seal:before{content:"🤙";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-skater .seal{transform:scale(1.2);background:linear-gradient(45deg,#f97316,#d97706,#b45309);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-skater .seal:before{content:"🛹";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-2-student .seal{transform:scale(1.05);background:#38bdf8}.stage-2-student .seal-snout{background:#0284c7}.stage-2-student .seal:before{content:"🎒";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-student .seal{transform:scale(1.15);background:#0284c7}.stage-3-student .seal-snout{background:#0369a1}.stage-3-student .seal:before{content:"📚";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-student .seal{transform:scale(1.2);background:linear-gradient(45deg,#0284c7,#0369a1,#1e3a8a);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-student .seal:before{content:"🎓";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-2-teacher .seal{transform:scale(1.05);background:#f43f5e}.stage-2-teacher .seal-snout{background:#e11d48}.stage-2-teacher .seal:before{content:"🍎";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-teacher .seal{transform:scale(1.15);background:#e11d48}.stage-3-teacher .seal-snout{background:#be123c}.stage-3-teacher .seal:before{content:"📏";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-teacher .seal{transform:scale(1.2);background:linear-gradient(45deg,#e11d48,#be123c,#881337);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-teacher .seal:before{content:"🏫";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-2-ceo .seal{transform:scale(1.05);background:#64748b}.stage-2-ceo .seal-snout{background:#475569}.stage-2-ceo .seal:before{content:"💼";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-ceo .seal{transform:scale(1.15);background:#475569}.stage-3-ceo .seal-snout{background:#334155}.stage-3-ceo .seal:before{content:"📊";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-ceo .seal{transform:scale(1.2);background:linear-gradient(45deg,#475569,#334155,#1e293b);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-ceo .seal:before{content:"🪙";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.stage-2-miner .seal{transform:scale(1.05);background:#78716c}.stage-2-miner .seal-snout{background:#57534e}.stage-2-miner .seal:before{content:"🪖";position:absolute;top:20px;left:40px;font-size:1.8rem;z-index:10}.stage-3-miner .seal{transform:scale(1.15);background:#57534e}.stage-3-miner .seal-snout{background:#44403c}.stage-3-miner .seal:before{content:"⛏️";position:absolute;top:20px;left:40px;font-size:2rem;z-index:10}.stage-4-miner .seal{transform:scale(1.2);background:linear-gradient(45deg,#44403c,#292524,#1c1917);background-size:200% 200%;animation:rainbow 3s ease infinite}.stage-4-miner .seal:before{content:"💎";position:absolute;top:-30px;left:48px;font-size:2.2rem;z-index:10}.env-skater-s2{position:absolute;width:100%;height:100%}.env-skater-s2 .skateboard{position:absolute;bottom:10px;left:20px;font-size:1.8rem;animation:skateRoll 3s infinite linear}@keyframes skateRoll{0%{transform:translate(0) rotate(0)}50%{transform:translate(20px) rotate(5deg)}to{transform:translate(0) rotate(0)}}.env-skater-s3{position:absolute;width:100%;height:100%}.env-skater-s3 .skate-ramp{position:absolute;bottom:8px;right:15px;width:60px;height:30px;background:#475569;border:2px solid #1e293b;border-radius:0 0 10px;clip-path:polygon(0 100%,100% 100%,100% 0,80% 50%,0% 100%)}.env-skater-s3 .skateboard-mid{position:absolute;bottom:25px;left:40px;font-size:1.8rem;animation:skateJump 2s infinite alternate ease-in-out}@keyframes skateJump{0%{transform:translateY(0) rotate(-10deg)}to{transform:translateY(-15px) rotate(20deg)}}.env-skater-s4{position:absolute;width:100%;height:100%;overflow:hidden}.env-skater-s4 .halfpipe{position:absolute;bottom:5px;left:10px;width:150px;height:25px;background:linear-gradient(to top,#334155,#475569);border:1.5px solid #0f172a;border-radius:4px}.env-skater-s4 .graffiti-wall{position:absolute;top:15px;left:15px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:900;color:#ec4899;text-shadow:0 0 5px #f43f5e,2px 2px #e11d48;transform:rotate(-5deg);animation:textFlash 1s infinite alternate}@keyframes textFlash{0%{opacity:.7}to{opacity:1}}.env-skater-s4 .sparkles-skate{position:absolute;bottom:35px;left:60px;font-size:1.5rem;animation:rotateSparkle 3s infinite linear}@keyframes rotateSparkle{0%{transform:rotate(0) scale(.9)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(.9)}}.env-student-s2{position:absolute;width:100%;height:100%}.env-student-s2 .backpack{position:absolute;bottom:12px;left:15px;font-size:1.8rem;animation:floatBackpack 2s infinite alternate ease-in-out}@keyframes floatBackpack{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.env-student-s3{position:absolute;width:100%;height:100%}.env-student-s3 .school-desk{position:absolute;bottom:8px;left:10px;width:70px;height:35px;background:#d97706;border:2px solid #78350f;border-radius:4px}.env-student-s3 .pencil-holder{position:absolute;bottom:43px;left:20px;font-size:1.4rem}.env-student-s4{position:absolute;width:100%;height:100%}.env-student-s4 .diploma{position:absolute;top:15px;right:15px;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.env-student-s4 .stacked-books{position:absolute;bottom:10px;left:15px;font-size:2.2rem}.env-student-s4 .coffee-mug{position:absolute;bottom:10px;right:20px;font-size:1.6rem;animation:steamRise 1.5s infinite ease-out}@keyframes steamRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-8px) scale(1.1);opacity:0}}.env-teacher-s2{position:absolute;width:100%;height:100%}.env-teacher-s2 .apple-teacher{position:absolute;bottom:12px;right:20px;font-size:1.8rem;animation:appleBounce 1.8s infinite alternate ease-in-out}@keyframes appleBounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.env-teacher-s3{position:absolute;width:100%;height:100%}.env-teacher-s3 .blackboard{position:absolute;top:15px;left:20px;width:130px;height:50px;background:#0f4c3a;border:3px solid #78350f;border-radius:2px;box-shadow:inset 0 0 10px #00000080}.env-teacher-s3 .blackboard:before{content:"2 + 2 = 🐟";position:absolute;top:10px;left:15px;color:#fff;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.env-teacher-s3 .ruler{position:absolute;bottom:10px;left:15px;font-size:1.6rem}.env-teacher-s4{position:absolute;width:100%;height:100%}.env-teacher-s4 .large-blackboard{position:absolute;top:15px;left:15px;width:140px;height:60px;background:#1e3a8a;border:3px solid #d97706;border-radius:4px}.env-teacher-s4 .large-blackboard:before{content:"E = mc² (c=foka)";position:absolute;top:12px;left:10px;color:#f1f5f9;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700}.env-teacher-s4 .teacher-pointer{position:absolute;bottom:10px;left:15px;width:6px;height:50px;background:#d97706;transform:rotate(45deg);border-radius:2px}.env-teacher-s4 .stack-of-tests{position:absolute;bottom:10px;right:15px;font-size:2rem}.env-ceo-s2{position:absolute;width:100%;height:100%}.env-ceo-s2 .briefcase{position:absolute;bottom:10px;left:15px;font-size:1.8rem}.env-ceo-s3{position:absolute;width:100%;height:100%}.env-ceo-s3 .office-chair{position:absolute;bottom:10px;right:20px;font-size:2.2rem}.env-ceo-s3 .growth-chart-line{position:absolute;top:15px;left:15px;font-size:1.8rem;animation:chartBounce 2s infinite alternate ease-in-out}@keyframes chartBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.env-ceo-s4{position:absolute;width:100%;height:100%}.env-ceo-s4 .ceo-desk{position:absolute;bottom:8px;left:10px;width:90px;height:12px;background:#1e293b;border-radius:2px;border:1.5px solid #0284c7}.env-ceo-s4 .cityscape-window{position:absolute;top:15px;left:15px;width:80px;height:50px;background:linear-gradient(to bottom,#1e1b4b,#312e81);border:3px solid #cbd5e1;border-radius:4px;overflow:hidden}.env-ceo-s4 .cityscape-window:before{content:"🏢 🏨 🏢";position:absolute;bottom:0;left:5px;font-size:1rem}.env-ceo-s4 .gold-coins{position:absolute;bottom:10px;right:15px;font-size:1.8rem;animation:moneySpin 2.5s infinite linear}@keyframes moneySpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.env-miner-s2{position:absolute;width:100%;height:100%}.env-miner-s2 .miner-helmet{position:absolute;top:10px;right:20px;font-size:1.8rem;animation:helmetBob 2s infinite alternate ease-in-out}@keyframes helmetBob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.env-miner-s3{position:absolute;width:100%;height:100%}.env-miner-s3 .minecart{position:absolute;bottom:10px;left:15px;font-size:2.2rem;animation:cartRumble .15s infinite alternate ease-in-out}@keyframes cartRumble{0%{transform:translateY(0)}to{transform:translateY(-1px)}}.env-miner-s3 .coal-pile{position:absolute;bottom:10px;right:25px;font-size:1.6rem}.env-miner-s4{position:absolute;width:100%;height:100%}.env-miner-s4 .mine-shaft{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.85) 100%);border-radius:12px}.env-miner-s4 .pickaxe{position:absolute;bottom:10px;left:20px;font-size:2rem;animation:swingPick 1.2s infinite ease-in-out;transform-origin:bottom right}@keyframes swingPick{0%{transform:rotate(0)}50%{transform:rotate(-30deg)}to{transform:rotate(0)}}.env-miner-s4 .shining-diamond{position:absolute;bottom:25px;right:25px;font-size:2rem;animation:diamondShine 1.5s infinite alternate ease-in-out}@keyframes diamondShine{0%{transform:scale(.9);filter:drop-shadow(0 0 2px #38bdf8)}to{transform:scale(1.1);filter:drop-shadow(0 0 15px #38bdf8)}}.profession-environment div[class^=env-]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.howto-content{max-height:400px;overflow-y:auto;text-align:left;padding-right:8px;margin-top:10px}.howto-content::-webkit-scrollbar{width:6px}.howto-content::-webkit-scrollbar-thumb{background:#bae6fd;border-radius:4px}.howto-scroll-content{font-size:.85rem;line-height:1.4;color:#334155;padding-bottom:15px}.howto-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(2,132,199,.1)}.howto-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.howto-step-num{background:#0284c7;color:#fff;font-weight:700;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem;box-shadow:0 2px 4px #0284c733}.howto-step-text{flex-grow:1}.howto-step-text strong{color:#0369a1;display:block;margin-bottom:3px;font-size:.9rem}.howto-step-text em{font-style:normal;font-weight:600;color:#0284c7}header{background-color:#0284c7;padding:12px 5px;z-index:30;position:relative;transition:all .3s ease}nav{display:flex;justify-content:flex-start;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 10px;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}nav button{background:#bae6fd;border:none;padding:8px 14px;border-radius:20px;font-weight:700;cursor:pointer;color:#0369a1;transition:all .2s cubic-bezier(.16,1,.3,1);font-size:.85rem;flex-shrink:0;box-shadow:0 2px 4px #0000000a}nav button:hover:not(:disabled){background:#f0f9ff;transform:translateY(-1px);box-shadow:0 4px 8px #00000014}nav button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0000000a}nav button:disabled{opacity:.5;cursor:not-allowed}#user-display{font-size:.85rem;font-weight:700;color:#bae6fd;display:flex;align-items:center;padding:8px 14px;flex-shrink:0}.admin-name{color:gold!important;text-shadow:0 0 4px rgba(255,215,0,.4)}#nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:25;animation:backdropFadeIn .2s ease}#nav-backdrop.open{display:block}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}#nav-hamburger{display:none;background:#fff3;border:2px solid rgba(255,255,255,.45);color:#fff;border-radius:14px;padding:8px 16px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s;flex-shrink:0;align-items:center;gap:6px;letter-spacing:.3px}#nav-hamburger:hover{background:#ffffff59;transform:translateY(-1px)}#nav-hamburger[aria-expanded=true]{background:#ffffff59;border-color:#ffffffb3}#nav-drawer{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#0369a1,#075985);padding:12px 14px 16px;display:none;grid-template-columns:repeat(2,1fr);gap:10px;z-index:30;border-radius:0 0 18px 18px;box-shadow:0 10px 24px #00000040}#nav-drawer.open{display:grid;animation:drawerSlideDown .22s cubic-bezier(.16,1,.3,1)}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#nav-drawer button{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:12px 8px;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;flex-shrink:0;box-shadow:0 2px 6px #00000026}#nav-drawer button:hover,#nav-drawer button:active{background:#ffffff4d;transform:scale(.97)}main{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;position:relative}.main-column-left,.main-column-right{display:contents}.status-container{display:flex;flex-direction:column;gap:5px;margin-bottom:15px;background:#fff9;padding:10px 20px;border-radius:15px;font-size:1rem;font-weight:700;order:1}.pet-container{order:2}#stage-title{order:3}.victory-container{order:4}.daily-quests-container{order:5}footer{position:relative;background-color:#0284c7;padding:15px;text-align:center;z-index:20}.play-btn{background-color:#f59e0b;color:#fff;border:none;padding:12px 35px;font-size:1.2rem;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 4px #b45309;transition:.1s}.play-btn:hover:not(:disabled){background-color:#fbbf24}.play-btn:disabled{background-color:#ef4444!important;box-shadow:0 4px #991b1b!important;cursor:not-allowed}.play-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #b45309}.bottom-games-container{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:5px auto 12px;width:100%}.bottom-games-container .play-btn{font-size:.95rem;padding:10px 20px;border-radius:20px;box-shadow:0 4px 0 var(--shadow-color)!important}.bottom-games-container .play-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--shadow-color)!important}.bottom-games-container .play-btn:disabled{box-shadow:0 4px #991b1b!important}.game-quiz-btn{--shadow-color: #b45309;background-color:#f59e0b}.game-quiz-btn:hover:not(:disabled){background-color:#fbbf24}.game-ttt-btn{--shadow-color: #047857;background-color:#10b981}.game-ttt-btn:hover:not(:disabled){background-color:#34d399}.game-catch-btn{--shadow-color: #6d28d9;background-color:#8b5cf6}.game-catch-btn:hover:not(:disabled){background-color:#a78bfa}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ab3;z-index:100;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal-content{background:#fffffff2;padding:25px;border-radius:20px;width:92%;max-width:400px;text-align:center;box-shadow:0 15px 30px #0000004d;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h3{color:#0284c7;margin-bottom:12px;font-size:1.3rem}.modal-content p{color:#334155;font-size:1rem;margin-bottom:20px;line-height:1.4}.modal-buttons{display:flex;justify-content:center;gap:15px}.modal-buttons button{padding:10px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:.2s;color:#fff;box-shadow:0 4px 6px #0000001a}.btn-yes{background-color:#10b981}.btn-yes:hover{background-color:#059669;transform:translateY(-2px)}.btn-no{background-color:#ef4444}.btn-no:hover{background-color:#dc2626;transform:translateY(-2px)}.btn-close{background-color:#f59e0b;padding:10px 20px;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:.2s;font-size:1rem;box-shadow:0 4px 6px #0000001a}.btn-close:hover{background-color:#d97706;transform:translateY(-2px)}.modal-avatar-preview{display:flex;justify-content:center;align-items:center;height:100px;margin-bottom:15px;overflow:hidden}.modal-avatar-preview .pet-avatar{transform:scale(.5);transform-origin:center}.confetti{position:fixed;z-index:999;pointer-events:none;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(-50px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}#victory-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;z-index:998;transition:opacity .3s ease}@media (max-height: 700px){.pet-avatar{width:130px;height:130px}.seal{width:105px;height:80px;border-radius:60px 60px 45px 45px}.seal-eyes{width:40px;top:22px;left:32px}.seal-eye{width:8px;height:8px}.seal-snout{width:24px;height:16px;top:32px;left:40px}.seal-nose{width:9px;height:5px}.status-container{margin-bottom:8px;padding:5px 15px;font-size:.85rem}#stage-title{font-size:1.1rem}.play-btn{padding:8px 25px;font-size:1rem}main{padding:5px}}@media (max-width: 1023px){#nav-hamburger{display:flex}#nav-feed{background:#f59e0b;color:#fff;flex-grow:1;font-size:.95rem;padding:10px 16px;border-radius:20px}#nav-feed:hover:not(:disabled){background:#fbbf24;transform:translateY(-1px)}#nav-feed:active:not(:disabled){transform:translateY(1px)}#game-wrapper.panel-open main{filter:blur(2px) brightness(.8);pointer-events:none;transition:filter .3s ease}#game-wrapper.panel-open footer{filter:brightness(.8);pointer-events:none;transition:filter .3s ease}.panel{position:fixed;bottom:0;top:auto;left:0;right:0;transform:translateY(100%);width:100%;max-width:none;max-height:85vh;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px #00000026;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,15px));z-index:90;animation:slideUpMobile .35s cubic-bezier(.16,1,.3,1) forwards}#game-wrapper.panel-open .panel[style*="display: block" i],#game-wrapper.panel-open .panel[style*="display: flex" i]{display:flex!important;flex-direction:column}#chart.panel{width:100%;max-width:none;height:80vh;max-height:80vh;top:auto;bottom:0;left:0;transform:translateY(100%);border-radius:24px 24px 0 0;animation:slideUpMobile .35s cubic-bezier(.16,1,.3,1) forwards}.changelog-content,.howto-content,.achievements-scroll-content{max-height:none!important;flex-grow:1;overflow-y:auto!important;-webkit-overflow-scrolling:touch}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.footer-links{margin-top:10px;font-size:.85rem;display:flex;justify-content:center;gap:15px;align-items:center}@media (max-width: 480px){.language-switcher{position:absolute;top:70px;right:15px;bottom:auto;height:auto}.lang-btn{padding:6px 10px;font-size:.75rem;height:auto}footer{padding:8px 10px!important}.bottom-games-container{gap:6px!important;margin:3px auto 6px!important}.bottom-games-container .play-btn{font-size:.76rem!important;padding:8px 10px!important;border-radius:12px!important}.footer-links{margin-top:6px!important;font-size:.75rem!important;gap:10px!important}.author-signature{margin-top:6px!important;font-size:.7rem!important}}@media (min-width: 1024px){#game-wrapper.panel-open{max-width:1400px;width:95%;display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "main panel-side" "footer footer";gap:20px;padding:20px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.3);height:auto;min-height:auto;flex-grow:0;margin:auto;align-self:center;box-shadow:0 15px 50px #005f9940}#game-wrapper.panel-open header{grid-area:header;background:transparent;padding:10px 0}#game-wrapper.panel-open main{grid-area:main;width:100%;background:#ffffff73;border-radius:20px;border:1px solid rgba(255,255,255,.5);min-height:450px;align-self:start}#game-wrapper.panel-open footer{grid-area:footer;background:transparent;padding:10px 0}#game-wrapper.panel-open .panel{grid-area:panel-side;position:relative;top:auto;left:auto;transform:none;width:100%;min-width:0;max-width:none;height:auto;max-height:700px;align-self:start;margin:0;box-shadow:none;border:1px solid rgba(2,132,199,.2);background:#ffffffd9;display:none!important;flex-direction:column;overflow:hidden;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}#game-wrapper.panel-open .panel[style*="display: block" i],#game-wrapper.panel-open .panel[style*="display: flex" i]{display:flex!important}#game-wrapper.panel-open #chart.panel[style*="display: flex" i]{max-height:none}#game-wrapper.panel-open .changelog-content,#game-wrapper.panel-open .achievements-scroll-content,#game-wrapper.panel-open .howto-content{max-height:none;flex-grow:1;overflow-y:auto}#game-wrapper.panel-open .wardrobe-grid{max-height:400px;overflow-y:auto}#game-wrapper:not(.panel-open){max-width:820px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.3);height:auto;min-height:auto;flex-grow:0;margin:auto;align-self:center;box-shadow:0 15px 50px #005f9940;padding:20px}#game-wrapper:not(.panel-open) header{background:transparent;padding:10px 0}#game-wrapper:not(.panel-open) main{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;background:#ffffff73;border-radius:20px;border:1px solid rgba(255,255,255,.5);padding:30px;margin:10px 0;min-height:400px}#game-wrapper:not(.panel-open) footer{background:transparent;padding:10px 0;padding-bottom:calc(15px + env(safe-area-inset-bottom,10px))}#game-wrapper:not(.panel-open) .main-column-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:48%}#game-wrapper:not(.panel-open) .main-column-right{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:48%}#game-wrapper:not(.panel-open) .pet-container{margin-bottom:0;display:flex;justify-content:center;align-items:center}#game-wrapper:not(.panel-open) .status-container{width:100%;margin-bottom:0;background:#ffffffbf;border:1px solid rgba(255,255,255,.4)}#game-wrapper:not(.panel-open) #stage-title{margin-top:5px;margin-bottom:0;font-size:1.25rem}#game-wrapper:not(.panel-open) .victory-container{margin-top:5px}#game-wrapper:not(.panel-open) .daily-quests-container{width:100%;max-width:none;margin:0}nav{justify-content:center;flex-wrap:wrap;overflow-x:visible;gap:12px}#nav-hamburger{display:none!important}#nav-drawer{display:contents!important;position:static;background:none;box-shadow:none;padding:0;grid-template-columns:none}#nav-drawer button{background:#bae6fd;border:none;padding:8px 14px;border-radius:20px;font-weight:700;color:#0369a1;font-size:.85rem;flex-shrink:0;min-height:unset;box-shadow:0 2px 4px #0000000a}#nav-drawer button:hover:not(:disabled){background:#f0f9ff;transform:translateY(-1px);box-shadow:0 4px 8px #00000014}#nav-drawer button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0000000a}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.author-signature{position:absolute;bottom:10px;left:15px;font-size:.75rem;color:#ffffff73;font-weight:500;cursor:pointer;letter-spacing:.5px;font-family:Outfit,sans-serif;transition:color .2s ease}.author-signature:hover{color:#22c55e}@media (max-width: 768px){.author-signature{position:static;margin-top:10px;text-align:center;display:block;color:#fff9}}#author-page-dimmer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:9998;pointer-events:none;transition:background .7s ease}#author-page-dimmer.active{background:#000000de;pointer-events:none}#author-logo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease}#author-logo-modal.active{opacity:1;pointer-events:all}#author-logo-close{position:fixed;top:20px;right:24px;background:none;border:none;color:#ffffff80;font-size:1.6rem;cursor:pointer;line-height:1;transition:color .2s ease,transform .2s ease;z-index:10001;padding:4px 8px}#author-logo-close:hover{color:#2f4;transform:rotate(90deg)}#author-logo-inner{display:flex;align-items:center;justify-content:center}#l2-svg{width:min(300px,80vw);height:auto;overflow:visible;filter:drop-shadow(0 0 18px rgba(34,255,68,.55))}@keyframes l2-draw{to{stroke-dashoffset:0}}.l2-animate{animation:l2-draw .5s ease forwards}@keyframes l2-text-appear{0%{opacity:0;letter-spacing:8px}to{opacity:1;letter-spacing:1px}}#l2-text.l2-text-show{animation:l2-text-appear .6s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 0 10px rgba(162,82,255,.7))}@keyframes l2-erase{to{stroke-dashoffset:var(--dash-len)}}.l2-erase{animation:l2-erase .35s ease forwards}@keyframes l2-text-hide{to{opacity:0;letter-spacing:8px}}#l2-text.l2-text-hide{animation:l2-text-hide .25s ease forwards}