.error-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:12px 16px;box-shadow:0 2px 8px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.error-banner-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:12px}.error-banner-icon{font-size:20px;flex-shrink:0}.error-banner-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.error-banner-dismiss{background:#fff3;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:50%;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0;line-height:1}.error-banner-dismiss:hover{background:#ffffff4d}.error-banner-dismiss:active{background:#fff6}@media (max-width: 768px){.error-banner{padding:10px 12px}.error-banner-message{font-size:13px}.error-banner-icon{font-size:18px}.error-banner-dismiss{width:28px;height:28px;font-size:20px}}.recent-activity{background:#0f1914d9;border:1px solid rgba(50,80,60,.4);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:300px;overflow-y:auto;margin-bottom:1rem}.activity-header{display:none}.activity-loading,.activity-empty{padding:1rem;text-align:center;font-size:.8rem;color:#ffffff80}.activity-list{padding:.75rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#0f191466;border:1px solid rgba(50,80,60,.3);border-radius:8px;transition:all .2s ease}.activity-item:hover{background:#141e1980;border-color:#7fb05d66}.activity-icon-img{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.header-icon-img{width:24px;height:24px;object-fit:contain;margin-right:.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.6))}.activity-text{font-size:.85rem;color:#fff;font-weight:500;margin-bottom:.25rem;word-wrap:break-word}.activity-detail{font-size:.75rem;color:#fff9;word-wrap:break-word}.welcome-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease-in-out}.welcome-modal{background:linear-gradient(135deg,#0f2818,#1a3d25);border:2px solid rgba(74,124,47,.5);border-radius:20px;padding:2rem 1.5rem;max-width:400px;width:100%;box-shadow:0 8px 32px #0009;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.skip-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#a3d97799;font-size:14px;cursor:pointer;padding:.5rem;transition:color .2s}.skip-button:hover{color:#a3d977}.welcome-content{text-align:center;margin-bottom:2rem}.welcome-title{font-size:1.8rem;font-weight:700;color:#a3d977;margin:0 0 1rem;text-shadow:2px 2px 8px rgba(0,0,0,.6)}.welcome-description{font-size:1rem;color:#ffffffe6;margin:0 0 1rem;line-height:1.5}.welcome-highlight{background:linear-gradient(135deg,#4a7c2f4d,#6ba85233);border:1px solid rgba(74,124,47,.5);border-radius:12px;padding:.75rem 1rem;color:gold;font-weight:600;font-size:.95rem;margin-top:1rem}.welcome-progress{display:flex;gap:8px;justify-content:center;margin-bottom:1.5rem}.progress-dot{width:10px;height:10px;border-radius:50%;background:#a3d9774d;transition:all .3s}.progress-dot.active{background:#a3d977;width:24px;border-radius:5px}.progress-dot.completed{background:#4a7c2f}.welcome-next-button{width:100%;padding:1rem;background:linear-gradient(135deg,#4a7c2f,#6ba852);border:2px solid rgba(107,168,82,.5);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4a7c2f66}.welcome-next-button:active{transform:scale(.98);background:linear-gradient(135deg,#6ba852,#4a7c2f)}.home-hub{padding:0;padding-bottom:2rem}.community-actions{display:flex;flex-direction:column;gap:10px;padding:0 1rem;margin:1.5rem 0}.community-actions.dual{flex-direction:row;flex-wrap:wrap}.community-actions.dual .connect-wallet-button,.community-actions.dual .community-button,.community-actions.dual .share-button{flex:1 1 220px;min-height:54px;padding:12px 14px;font-size:14px}.share-button,.community-button,.overworld-button,.connect-wallet-button{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;min-height:56px;border-radius:14px;border:3px solid #ffd700;background:linear-gradient(135deg,#a3d977,#6ba852);color:#0a1a0f;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ffd70080,0 2px 8px #0000004d,inset 0 1px #ffffff4d;position:relative}.overworld-button{min-height:64px;background:linear-gradient(135deg,#2d7a4a,#1e5631);border:3px solid #4a9f6f;box-shadow:0 6px 20px #4a9f6f99,0 2px 8px #0000004d,inset 0 1px #fff3}.overworld-button:active{transform:scale(.98) translateY(1px);background:linear-gradient(135deg,#1e5631,#2d7a4a);border-color:#6ba852;box-shadow:0 4px 12px #4a9f6fb3,0 1px 4px #0006,inset 0 2px 4px #0003}.connect-wallet-button{background:linear-gradient(135deg,#8a6b31,#b89a5f);border:3px solid #ffd700;box-shadow:0 4px 16px #ffd70099,0 2px 8px #0000004d,inset 0 1px #ffffff4d}.connect-wallet-button:active,.connect-wallet-button:disabled{transform:scale(.98) translateY(1px);background:linear-gradient(135deg,#6b4a23,#8a6b31);border-color:orange;opacity:.8;cursor:not-allowed}.share-button:active,.community-button:active{transform:scale(.98) translateY(1px);background:linear-gradient(135deg,#8bc34a,#5a9b3a);border-color:orange;box-shadow:0 2px 8px #ffd70099,0 1px 4px #0006,inset 0 2px 4px #0003}.button-content{display:flex;align-items:center;gap:12px;flex:1;position:relative;min-width:0}.button-content span:first-of-type{flex:0 0 auto;flex-shrink:0}.centered-button .button-content{justify-content:center;gap:10px}.centered-button .button-content span:nth-of-type(2){flex:0 0 auto}.button-content span:nth-of-type(2){flex:1;text-align:center;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis}.button-chevron{font-size:24px;color:#0a1a0f99;font-weight:700}.share-icon,.community-icon{font-size:20px}.action-icon{font-size:1.5rem;margin-right:.5rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.action-icon-img{width:32px;height:32px;margin-right:.5rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));object-fit:contain;background:transparent;isolation:isolate}.hero-banner{background:linear-gradient(135deg,#0f2818,#1a3d25);padding:2rem 1.5rem;margin:-1rem -1rem 1.5rem;border-bottom:2px solid rgba(74,124,47,.3);box-shadow:0 4px 16px #0006}.hero-content{text-align:center;margin-bottom:1.5rem}.hero-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 2px 8px rgba(0,0,0,.6)}.hero-subtitle{font-size:1.1rem;color:var(--swamp-accent);margin:0 0 1rem;opacity:.9}.player-status{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.level-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--gold),#ffa500);padding:.5rem 1rem;border-radius:20px;color:#000;font-weight:700;box-shadow:0 4px 12px #ffd70066}.level-icon{font-size:1.2rem}.level-text{font-size:1rem}.status-title{font-size:1.1rem;font-weight:700;color:var(--swamp-accent);text-transform:uppercase;letter-spacing:1px}.xp-progress{width:100%;max-width:400px;margin:0 auto}.xp-bar{width:100%;height:24px;background:#0006;border-radius:12px;overflow:hidden;border:2px solid rgba(127,176,93,.3)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd700);transition:width .5s ease;box-shadow:0 0 10px #ffd70080}.xp-text{text-align:center;font-size:.85rem;color:#fffc;margin-top:.5rem}.hero-stats{display:flex;gap:1rem;justify-content:center}.stat-item{display:flex;align-items:center;gap:.75rem;background:#0000004d;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(127,176,93,.2);flex:1;max-width:200px}.stat-icon{font-size:2rem}.stat-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--gold)}.section-header{padding:0 1rem;margin:1.5rem 0 1rem}.section-header h2{font-size:1.25rem;margin:0;color:var(--swamp-accent);font-weight:600;letter-spacing:.5px}.recent-activity{padding:0 1rem;margin-bottom:1.5rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f191499;border:1px solid rgba(50,80,60,.3);border-radius:12px;margin-bottom:.75rem;transition:all .2s ease}.activity-item:hover{background:#0f1914cc;border-color:#7fb05d66}.activity-icon{font-size:2rem;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-title{font-size:.95rem;font-weight:500;color:#fff;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:.8rem;color:#ffffff80}.activity-reward{font-size:.9rem;font-weight:700;color:var(--gold);flex-shrink:0}.quest-preview{padding:0 1rem;margin-bottom:1.5rem}.quest-card{width:100%;background:linear-gradient(135deg,#2a4a1e,#3d6629);border:2px solid rgba(127,176,93,.4);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.quest-card:active{transform:scale(.98)}.quest-icon{font-size:2.5rem}.quest-info{flex:1;text-align:left}.quest-title{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.quest-subtitle{font-size:.9rem;color:#fffc}.quest-arrow{font-size:1.5rem;opacity:.6}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}.game-card{border:none;border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0006;color:#fff;text-align:center;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.game-card:active{transform:translateY(2px);box-shadow:0 2px 8px #00000080}.game-card-icon{font-size:3rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.game-card-icon{font-size:4rem;margin-bottom:.5rem;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.6))}.game-card-icon-img{width:80px;height:80px;margin-bottom:.5rem;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.6));object-fit:contain;background:transparent;isolation:isolate}.quest-card-icon{font-size:2.5rem;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.5))}.quest-card-icon-img{width:60px;height:60px;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.5));object-fit:contain;background:transparent;isolation:isolate}.section-header-icon{width:32px;height:32px;vertical-align:middle;margin-right:8px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.game-card-content{width:100%}.game-card-title{font-size:1.1rem;font-weight:700;margin:0 0 .25rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.game-card-description{font-size:.85rem;margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (min-width: 600px){.game-grid{grid-template-columns:repeat(3,1fr)}}.hero-banner-new{position:relative;height:240px;background:url(/forest-header.jpg) center/cover no-repeat;margin:-1rem -1rem 1.5rem;overflow:hidden;display:flex;align-items:flex-end;padding:2rem 1.5rem}.forest-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000004d,#000000b3);pointer-events:none}.sp-display{position:absolute;top:1rem;right:1rem;background:#000000b3;padding:.5rem 1rem;border-radius:8px;font-size:1rem;font-weight:700;color:var(--gold);z-index:2}.hero-info{position:relative;z-index:2;width:100%}.username{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:.5px;text-transform:uppercase}.level-badge-new{display:inline-block;background:var(--swamp-green);padding:.4rem 1rem;border-radius:8px;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.5rem}.status-title-new{font-size:1.1rem;color:var(--gold);font-weight:600;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.game-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem;margin-bottom:2rem}.game-card-new{background:#141e19cc;border:1px solid rgba(50,80,60,.4);border-radius:16px;padding:2rem 1rem;cursor:pointer;transition:all .3s ease;text-align:center;color:#fff}.game-card-new:active{transform:scale(.98);background:#19231ee6}.game-card-icon-new{font-size:3.5rem;margin-bottom:.75rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.game-card-title-new{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;letter-spacing:.5px}.game-card-stat{font-size:.85rem;color:#ffffffb3}.stats-section{padding:0 1rem;margin-top:2rem}.stats-header{font-size:1rem;font-weight:600;color:#fff9;margin-bottom:1rem;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card-new{background:#141e1999;border:1px solid rgba(50,80,60,.3);border-radius:12px;padding:1rem;text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-label-new{font-size:.75rem;font-weight:600;color:#fffc;margin-bottom:.25rem;letter-spacing:.5px}.stat-sublabel{font-size:.7rem;color:#ffffff80}.xp-progress-bar{width:100%;max-width:300px;height:18px;background:#00000080;border-radius:10px;overflow:hidden;margin-top:.75rem;border:2px solid rgba(255,215,0,.3)}.xp-fill-bar{height:100%;background:linear-gradient(90deg,var(--gold),#ffd700);transition:width .5s ease;box-shadow:0 0 10px #ffd70099}.xp-text-bar{font-size:.85rem;color:#ffffffe6;margin-top:.4rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.game-grid-2row{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:0 .5rem;margin-bottom:1.5rem}.game-card-compact{background:#4a7c2f26;border:2px solid rgba(163,217,119,.5);border-radius:12px;padding:.5rem .25rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem;box-shadow:0 3px 12px #0006,0 0 15px #a3d97733,inset 0 1px #ffffff1a;position:relative}.game-card-compact:before{content:"TAP";position:absolute;top:4px;right:4px;background:#a3d9774d;border:1.5px solid rgba(163,217,119,.7);color:#a3d977;font-size:8px;font-weight:800;padding:2px 5px;border-radius:8px;letter-spacing:.3px;animation:pulse-tap-compact 2s ease-in-out infinite;z-index:5;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes pulse-tap-compact{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.game-card-compact:active{transform:scale(.95);background:#4a7c2f40;border-color:#a3d977b3;box-shadow:0 2px 8px #0000004d,0 0 12px #a3d97740}.game-icon-sticker{width:100%;max-width:65px;height:auto;object-fit:contain;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.6));transition:all .3s ease}.game-card-compact:hover .game-icon-sticker{filter:drop-shadow(0 0 12px rgba(163,217,119,.6)) drop-shadow(2px 2px 6px rgba(0,0,0,.6));transform:scale(1.05)}.game-icon-emoji-home{font-size:50px;width:100%;max-width:65px;text-align:center;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.6))}.game-card-title-compact{font-size:.65rem;font-weight:700;color:#fff;text-align:center;line-height:1.1;text-shadow:1px 1px 3px rgba(0,0,0,.9),0 0 8px rgba(163,217,119,.3);word-break:break-word}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.wallet-modal{background:linear-gradient(135deg,#0f2818,#1a3d25);border-radius:16px;border:3px solid #6ba852;box-shadow:0 8px 32px #00000080;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid rgba(107,168,82,.3)}.modal-header h3{margin:0;color:#a3d977;font-size:1.25rem;font-weight:700}.modal-close{background:transparent;border:none;color:#a3d977;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#6ba85233;transform:rotate(90deg)}.wallet-address-input{width:100%;padding:12px;border-radius:8px;border:2px solid #6ba852;background:#0a1a0f80;color:#fff;font-size:14px;font-family:monospace;margin-bottom:1rem;transition:all .2s}.wallet-address-input:focus{outline:none;border-color:#a3d977;box-shadow:0 0 0 3px #6ba8524d}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-button{flex:1;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;border:2px solid}.cancel-button{background:transparent;color:#a3d977;border-color:#6ba852}.cancel-button:hover:not(:disabled){background:#6ba85233}.confirm-button{background:linear-gradient(135deg,#6ba852,#4a7c2f);color:#fff;border-color:#6ba852}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#7bc862,#5a9b3a);transform:translateY(-2px);box-shadow:0 4px 12px #6ba85266}.modal-button:disabled{opacity:.5;cursor:not-allowed}@keyframes gentle-pulse{0%,to{transform:scale(1);filter:drop-shadow(2px 2px 6px rgba(0,0,0,.6))}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(255,215,0,.6)) drop-shadow(2px 2px 6px rgba(0,0,0,.6))}}.game-card-compact.first-time-hint .game-icon-sticker{animation:gentle-pulse 2s ease-in-out infinite}.game-card-compact.first-time-hint:after{content:"TAP ME!";position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:.6rem;font-weight:800;padding:3px 6px;border-radius:8px;box-shadow:0 2px 8px #ffd70099;animation:gentle-pulse 2s ease-in-out infinite;z-index:10}.game-card-compact{position:relative}.login-screen{display:flex;justify-content:center;align-items:center;min-height:auto;background:transparent;padding:20px;width:100%}.login-container{background:#000c;border-radius:16px;padding:40px;max-width:400px;width:100%;box-shadow:0 8px 32px #0000004d;border:2px solid #4a7c2a}@media (max-width: 768px){.login-container{padding:24px 20px;max-width:100%;margin:0 10px}.login-header h1{font-size:2em}.login-header p{font-size:1em}.login-btn{padding:14px 20px;font-size:1em}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#4a7c2a;font-size:2.5em;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.login-header p{color:#ccc;font-size:1.1em;margin:0}.login-error{background:#dc354533;border:1px solid #dc3545;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.login-options{display:flex;flex-direction:column;gap:25px}.login-section{display:flex;flex-direction:column;gap:12px}.login-section-title{color:#4a7c2a;font-size:1.2em;margin:0;font-weight:600}.login-section-subtitle{color:#888;font-size:.9em;margin:-8px 0 8px}.wallet-providers{display:flex;flex-direction:column;gap:10px}.wallet-install-links{display:flex;flex-direction:column;gap:8px;margin-top:10px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.login-btn:disabled{opacity:.5;cursor:not-allowed}.telegram-btn{background:linear-gradient(135deg,#08c,#06a);box-shadow:0 4px 12px #0088cc4d}.telegram-btn:hover:not(:disabled){background:linear-gradient(135deg,#09d,#07b);transform:translateY(-2px);box-shadow:0 6px 16px #08c6}.wallet-btn{background:linear-gradient(135deg,#9945ff,#7c2dd2);box-shadow:0 4px 12px #9945ff4d}.wallet-btn:hover:not(:disabled){background:linear-gradient(135deg,#a5f,#8c3de2);transform:translateY(-2px);box-shadow:0 6px 16px #9945ff66}.spectator-btn{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 12px #6c757d4d}.spectator-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c858d,#6a7278);transform:translateY(-2px);box-shadow:0 6px 16px #6c757d66}.login-icon{font-size:1.5em}.phantom-logo,.wallet-logo,.telegram-logo{width:32px;height:32px;object-fit:contain;display:block;flex-shrink:0}.wallet-help{text-align:center;padding:15px;background:#4a7c2a1a;border-radius:8px;border:1px solid #4a7c2a}.wallet-help p{color:#ccc;margin:0 0 10px;font-size:.9em}.wallet-link{color:#4a7c2a;text-decoration:none;font-weight:600;border-bottom:1px solid #4a7c2a;transition:color .3s ease}.wallet-link:hover{color:#6a9c4a;border-bottom-color:#6a9c4a}.login-footer{margin-top:30px;text-align:center}.login-note{color:#888;font-size:.9em;margin:0;line-height:1.5}@media (max-width: 768px){.login-section-title{font-size:1.1em}.login-section-subtitle,.login-note,.wallet-help p{font-size:.85em}.phantom-logo,.wallet-logo,.telegram-logo{width:28px;height:28px}}.daily-tasks-page{padding:1rem 1rem 2rem}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0;font-size:1.75rem;display:flex;align-items:center;gap:.5rem}.header-icon-inline{width:32px;height:32px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.back-btn{background:#4a7c2f4d;border:1px solid var(--swamp-light);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.back-btn:active{transform:scale(.95);background:#4a7c2f80}.quest-section{margin-bottom:2rem}.section-title{font-size:1.25rem;margin:0 0 1rem;color:var(--swamp-accent)}.quest-item{background:#0f1914e6;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #0006}.quest-item.completed{border-color:var(--gold);box-shadow:0 0 20px #ffd70033}.quest-item.claimed{opacity:.6;border-color:#32503c33}.quest-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.quest-icon-large{font-size:2.5rem;flex-shrink:0}.quest-title-section{flex:1}.quest-name{margin:0 0 .25rem;font-size:1.1rem;color:#fff}.quest-desc{margin:0;font-size:.9rem;color:#ffffffb3}.quest-tier{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.quest-progress-bar{position:relative;background:#0000004d;border-radius:8px;height:32px;margin-bottom:1rem;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--swamp-green),var(--swamp-light));transition:width .3s ease}.progress-fill.complete{background:linear-gradient(90deg,var(--gold),#ffd700)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.quest-footer{display:flex;justify-content:space-between;align-items:center}.quest-reward{display:flex;align-items:center;gap:.5rem}.reward-icon{font-size:1.5rem}.reward-text{font-size:1.1rem;font-weight:700;color:var(--gold)}.claim-btn{background:linear-gradient(135deg,var(--gold),#ffa500);border:none;color:#000;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #ffd7004d}.claim-btn:active{transform:scale(.95)}.claim-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state p{margin:.5rem 0}.quest-item.clickable{cursor:pointer;transition:all .2s ease}.quest-item.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7fb05d4d;border-color:#7fb05d99}.quest-item.clickable:active{transform:translateY(0)}.goto-hint{font-size:.75rem;color:#7fb05de6;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.verification-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#7fff00,#6ad800);color:#1a1a1a;border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #7fff004d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7fff0080}.action-btn:active{transform:translateY(0)}.verify-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#4a7c2f,#3d6627);color:#fff;border:2px solid #7FFF00;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.verify-btn:hover{background:linear-gradient(135deg,#5a8c3f,#4d7637);border-color:#8fff10}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.page-banner{width:100%;max-width:600px;margin:0 auto 20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.banner-image{width:100%;height:auto;display:block;object-fit:cover}@media (max-width: 768px){.page-banner{margin:0 auto 15px;border-radius:8px}}.croc-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.croc-selector-modal{background:linear-gradient(135deg,#0a0e0a,#1a1f1a);border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;border:2px solid #7FFF00;animation:slideUp .3s ease-out;box-shadow:0 0 30px #7fff004d}.croc-selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #1a3d0a}.croc-selector-header h2{margin:0;color:#7fff00;font-size:22px;text-shadow:0 0 10px rgba(127,255,0,.5)}.close-button{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-button:hover{background:#ffffff1a}.rarity-filters{display:flex;gap:8px;padding:16px;border-bottom:2px solid #1a3d0a;overflow-x:auto;flex-wrap:wrap;background:#0000004d}.rarity-filter{padding:8px 16px;border-radius:20px;border:2px solid;background:transparent;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:14px}.rarity-filter:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.rarity-filter.active{transform:scale(1.05)}.croc-grid{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;align-content:start}.no-crocs-message{grid-column:1 / -1;text-align:center;color:#9ca3af!important;padding:40px 20px;font-size:16px}.croc-card{background:#0009;border:2px solid #1a3d0a;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px;align-items:center}.croc-card:hover{transform:translateY(-4px);border-color:#7fff00;background:#7fff001a;box-shadow:0 0 20px #7fff0066}.croc-emoji{font-size:48px;margin-bottom:4px}.croc-rarity-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#fff!important;text-transform:uppercase;letter-spacing:.5px}.croc-card-body{flex:1}.croc-name{color:#90ee90!important;font-weight:700;font-size:15px;text-align:center;margin-bottom:6px;min-height:32px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;width:100%}.croc-stats{display:flex;gap:8px;justify-content:space-around}.croc-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{font-size:10px;color:#9ca3af!important;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:700;color:#7fff00!important}.select-indicator{text-align:center;color:#7fff00!important;font-size:11px;font-weight:600;margin-top:4px;opacity:0;transition:opacity .2s}.croc-card:hover .select-indicator{opacity:1}.croc-selector-footer{padding:16px;border-top:2px solid #1a3d0a;display:flex;justify-content:center;background:#0000004d}.cancel-button{background:#0009;border:2px solid #2d5a15;color:#90ee90;padding:12px 32px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#000c;border-color:#7fff00;box-shadow:0 0 15px #7fff004d;transform:scale(1.05)}.loading-spinner{text-align:center;color:#fff;padding:40px;font-size:16px}.croc-grid::-webkit-scrollbar{width:8px}.croc-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.croc-grid::-webkit-scrollbar-thumb{background:#4a7c2f;border-radius:4px}.croc-grid::-webkit-scrollbar-thumb:hover{background:#5a9c3f}.swampquest-page{min-height:100vh;background:linear-gradient(180deg,#0a0e0a,#1a1f1a,#0d120d);color:#e8f5e9;padding:20px 20px 100px}.swampquest-page .page-header.compact{margin-bottom:15px}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.class-card{background:#000c;border:2px solid #1a3d0a;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s;text-align:center;box-shadow:0 0 10px #7fff001a}.class-card:hover{transform:translateY(-3px);box-shadow:0 0 20px #7fff004d;border-color:#2d5a15}.class-card.selected{background:#7fff0026;border-color:#7fff00;box-shadow:0 0 30px #7fff0080}.class-emoji{font-size:48px;margin-bottom:10px}.class-card h3{font-size:18px;margin-bottom:8px;color:#7fff00;text-shadow:0 0 10px rgba(127,255,0,.5);font-weight:700}.class-desc{font-size:13px;color:#90ee90;margin-bottom:10px;line-height:1.3}.class-stats{display:flex;justify-content:space-around;gap:5px;font-size:12px;color:#7fff00;font-weight:700}.quest-type-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.quest-type-card{background:#000000b3;border:2px solid #1a3d0a;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s;text-align:left;box-shadow:0 0 10px #7fff001a}.quest-type-card:hover{transform:translate(5px);box-shadow:0 0 20px #7fff0033;border-color:#2d5a15}.quest-type-card.selected{background:#7fff001a;border-color:#7fff00;box-shadow:0 0 25px #7fff0066}.quest-type-card .quest-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.quest-emoji{font-size:32px}.quest-type-card h3{font-size:16px;margin-bottom:5px;color:#7fff00;font-weight:700}.quest-type-card p{font-size:13px;color:#90ee90;margin:0}.quest-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px}.difficulty{color:#7fff00}.stages{color:#7fff00;font-weight:700}.start-quest-btn{width:100%;padding:16px;background:linear-gradient(135deg,#7fff00,#5cb800);color:#000;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 0 20px #7fff004d}.start-quest-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 30px #7fff0099}.start-quest-btn:disabled{opacity:.5;cursor:not-allowed}.battle-screen{padding:15px}.battle-stats{display:flex;justify-content:space-around;gap:10px;margin-bottom:20px;padding:12px;background:#0009;border-radius:10px;border:1px solid #1a3d0a}.stat-item{text-align:center}.stat-label{display:block;font-size:11px;color:#90ee90;margin-bottom:3px}.stat-value{display:block;font-size:16px;font-weight:700;color:#7fff00;text-shadow:0 0 5px rgba(127,255,0,.5)}.battle-arena{background:#000000b3;border:2px solid #1a3d0a;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 0 20px #7fff0026}.player-section,.enemy-section{margin-bottom:20px}.character-info,.enemy-info{margin-bottom:10px}.character-info h3,.enemy-info h3{font-size:18px;margin-bottom:5px;color:#7fff00;text-shadow:0 0 10px rgba(127,255,0,.5)}.character-class,.enemy-reward{font-size:13px;color:#90ee90}.hp-bar-container{width:100%}.hp-bar{position:relative;width:100%;height:28px;border-radius:14px;overflow:hidden;border:2px solid #666666;display:flex;align-items:center}.hp-fill{height:100%;transition:width .5s ease;background:linear-gradient(90deg,#2ecc71,#27ae60);flex-shrink:0}.hp-empty{height:100%;transition:width .5s ease;background:#000;flex-shrink:0}.hp-text{position:absolute;width:100%;text-align:center;font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2;padding:0 10px}.vs-divider{text-align:center;font-size:32px;margin:15px 0}.battle-log{background:#0009;border:1px solid #1a3d0a;border-radius:10px;padding:12px;margin-bottom:15px;max-height:150px;overflow-y:auto;box-shadow:inset 0 0 10px #00000080}.battle-log h4{font-size:14px;margin-bottom:8px;color:#7fff00}.log-entries{display:flex;flex-direction:column;gap:5px}.log-entry{font-size:13px;color:#90ee90;padding:5px;background:#7fff000d;border-radius:5px;border-left:2px solid #1a3d0a}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.action-btn{padding:14px;border:2px solid;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.attack{background:#7fff0026;border-color:#7fff00;color:#7fff00}.action-btn.attack:hover:not(:disabled){background:#7fff0040;box-shadow:0 0 20px #7fff0066}.action-btn.defend{background:#7fff001a;border-color:#5cb800;color:#90ee90}.action-btn.defend:hover:not(:disabled){background:#5cb80033;box-shadow:0 0 20px #5cb8004d}.action-btn.special{background:#7fff0033;border-color:#9fff00;color:#adff2f}.action-btn.special:hover:not(:disabled){background:#7fff004d;box-shadow:0 0 20px #7fff0080}.action-btn.flee{background:#0009;border-color:#2d5a15;color:#90ee90}.action-btn.flee:hover:not(:disabled){background:#000c;box-shadow:0 0 15px #2d5a1566}.quit-btn{width:100%;padding:12px;background:#000c;border:2px solid #1a3d0a;border-radius:10px;color:#90ee90;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}.quit-btn:hover{background:#000000e6;box-shadow:0 0 20px #7fff0033;border-color:#2d5a15}.summary-container{padding:20px;max-width:600px;margin:0 auto}.summary-section{background:#000000b3;border:2px solid #1a3d0a;border-radius:12px;padding:25px;text-align:center;margin-bottom:25px;box-shadow:0 0 30px #7fff0033}.summary-section h2{font-size:28px;color:#7fff00;margin-bottom:15px;text-shadow:0 0 15px rgba(127,255,0,.5)}.summary-text{font-size:16px;color:#90ee90;line-height:1.5}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.summary-stat-item{background:#0009;border:2px solid #1a3d0a;border-radius:12px;padding:20px;text-align:center;box-shadow:0 0 10px #7fff001a}.summary-stat-item .stat-label{display:block;font-size:13px;color:#90ee90;margin-bottom:8px}.summary-stat-item .stat-value{display:block;font-size:24px;font-weight:700;color:#7fff00;text-shadow:0 0 10px rgba(127,255,0,.4)}.summary-stat-item .stat-value.green{color:#7fff00;text-shadow:0 0 10px rgba(127,255,0,.5)}.summary-stat-item .stat-value.blue{color:#90ee90;text-shadow:0 0 10px rgba(144,238,144,.5)}.battle-log.summary{max-height:300px;margin-bottom:25px}.croc-battle-image{width:120px;height:120px;object-fit:contain;margin:0 auto 10px;display:block;filter:drop-shadow(0 0 15px rgba(127,255,0,.4));animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 15px rgba(127,255,0,.4))}50%{filter:drop-shadow(0 0 25px rgba(127,255,0,.7))}}.enemy-emoji-large{font-size:100px;text-align:center;margin:10px auto;animation:enemy-float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,100,100,.5))}@keyframes enemy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.croc-level-display{font-size:12px;color:#90ee90;margin-top:5px}.class-image{width:100%;height:160px;object-fit:contain;border-radius:8px;margin-bottom:10px;padding:10px;background:#0000004d;filter:brightness(.9);transition:all .3s}.class-card:hover .class-image{filter:brightness(1.1)}.class-card.selected .class-image{filter:brightness(1.2) drop-shadow(0 0 15px rgba(127,255,0,.6))}.quest-icon-image{width:50px;height:50px;object-fit:cover;border-radius:8px;border:2px solid #1a3d0a;margin-right:12px;filter:brightness(.9);transition:all .3s}.quest-type-card:hover .quest-icon-image{filter:brightness(1.1);border-color:#2d5a15}.quest-type-card.selected .quest-icon-image{border-color:#7fff00;filter:brightness(1.2) drop-shadow(0 0 10px rgba(127,255,0,.5))}.enemy-battle-image{width:140px;height:140px;object-fit:contain;margin:10px auto;display:block;filter:drop-shadow(0 0 20px rgba(255,50,50,.6));animation:enemy-menace 3s ease-in-out infinite}@keyframes enemy-menace{0%,to{transform:scale(1) translateY(0);filter:drop-shadow(0 0 20px rgba(255,50,50,.6))}50%{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 0 30px rgba(255,50,50,.9))}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content.cave-modal{background:linear-gradient(135deg,#1a1f1a,#0d120d);border:3px solid #8B4513;border-radius:20px;padding:30px;max-width:400px;width:90%;box-shadow:0 0 50px #8b451399,inset 0 0 30px #00000080;animation:scaleIn .3s ease-out}.cave-modal h2{color:#d2691e;text-align:center;font-size:24px;margin-bottom:20px;text-shadow:0 0 15px rgba(210,105,30,.7)}.cave-description{color:#e8f5e9;text-align:center;font-size:16px;line-height:1.6;margin-bottom:15px}.cave-warning-box{margin-bottom:25px;padding:15px;background:#ff00001a;border-radius:12px;border:2px solid rgba(255,0,0,.4)}.cave-warning-title{color:#ff5722;text-align:center;font-size:16px;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.cave-warning{color:#ff9800;text-align:center;font-size:15px;font-weight:700;margin-bottom:10px;line-height:1.6}.cave-danger{color:#f44336;text-align:center;font-size:14px;font-weight:700;animation:dangerPulse 2s ease-in-out infinite}@keyframes dangerPulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(244,67,54,.5)}50%{opacity:.7;text-shadow:0 0 20px rgba(244,67,54,.8)}}.cave-decision-buttons{display:flex;gap:15px;justify-content:center}.cave-btn{flex:1;padding:15px 20px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cave-btn.enter{background:linear-gradient(135deg,#7fff00,#5cb300);color:#0a0e0a;box-shadow:0 0 20px #7fff0066}.cave-btn.enter:hover:not(:disabled){background:linear-gradient(135deg,#8fff00,#6cd300);box-shadow:0 0 30px #7fff0099;transform:translateY(-2px)}.cave-btn.skip{background:linear-gradient(135deg,#666,#444);color:#fff;box-shadow:0 0 20px #6666}.cave-btn.skip:hover:not(:disabled){background:linear-gradient(135deg,#777,#555);box-shadow:0 0 30px #6669;transform:translateY(-2px)}.cave-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fishing-page{max-width:600px;margin:0 auto}.fishing-visual{text-align:center;padding:2rem;position:relative;min-height:150px}.fishing-rod{font-size:4rem;display:inline-block;transition:transform .3s ease}.fishing-rod.casting{animation:cast 1s ease-in-out infinite}@keyframes cast{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-20px) rotate(10deg)}}.water-ripples{height:4px;background:linear-gradient(90deg,transparent,var(--swamp-accent),transparent);margin-top:1rem;border-radius:2px;opacity:.5}.catch-result{margin-top:1.5rem;padding:1.5rem;text-align:center}.catch-animation{margin-bottom:1rem}.fish-caught{font-size:5rem;display:inline-block;animation:catchAnimation .6s ease-out}.fish-caught-image{width:200px;height:200px;object-fit:contain;display:inline-block;animation:catchAnimation .6s ease-out;border-radius:12px}@keyframes catchAnimation{0%{transform:translateY(100px) scale(0);opacity:0}60%{transform:translateY(-10px) scale(1.1)}to{transform:translateY(0) scale(1);opacity:1}}.fish-name{font-size:1.5rem;font-weight:700;margin:.5rem 0}.fish-rarity{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.875rem;margin:.5rem 0}.rarity-legendary{background:linear-gradient(135deg,gold,orange);color:#000}.rarity-epic{background:linear-gradient(135deg,#9945ff,#7b3ff2)}.rarity-rare{background:linear-gradient(135deg,#3b82f6,#2563eb)}.rarity-uncommon{background:linear-gradient(135deg,#10b981,#059669)}.rarity-common{background:linear-gradient(135deg,#6b7280,#4b5563)}.fish-size{font-size:1.125rem;color:#fffc;margin:.5rem 0}.sp-earned{font-size:1.25rem;color:var(--gold);font-weight:700;margin:.5rem 0}.tips ul{list-style:none;padding:0}.tips li{padding:.5rem 0;color:#ffffffe6;line-height:1.5}.taxed-result{margin-top:1.5rem;padding:1.5rem;text-align:center;background:linear-gradient(135deg,#ff450033,#8b000033);border-radius:12px;border:2px solid rgba(255,69,0,.4)}.taxed-animation{margin-bottom:1rem}.taxed-image{max-width:100%;width:300px;border-radius:12px;animation:taxedShake .6s ease-out;box-shadow:0 4px 12px #ff45004d}@keyframes taxedShake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-5deg)}20%,40%,60%,80%{transform:rotate(5deg)}}.taxed-title{font-size:1.75rem;color:#ff4500;margin:1rem 0 .5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.taxed-message{font-size:1.125rem;color:#ffffffe6;margin:.5rem 0}.collecting-page{max-width:600px;margin:0 auto}.equipped-item{background:linear-gradient(135deg,#4caf501a,#2e7d321a);border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:1rem;margin-bottom:1rem;text-align:center}.equipped-item h4{margin:0 0 .5rem;font-size:1rem;color:#ffffffe6}.item-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.item-name{font-size:1.125rem;font-weight:700;margin:0;color:#fff}.item-rarity{display:inline-block;padding:2px 8px;border-radius:8px;font-weight:700;font-size:.75rem;margin:0}.item-boost{font-size:.875rem;color:var(--gold);font-weight:700;margin:.25rem 0 0}.trap-details{margin-top:.75rem;width:100%;padding:.5rem;background:#0003;border-radius:8px}.detail-label{font-size:.875rem;color:#fffc;margin:0 0 .25rem;font-weight:600}.item-boost-large{font-size:1.25rem;color:var(--gold);font-weight:700;margin:.25rem 0}.detail-note{font-size:.75rem;color:#ffffffb3;margin:.25rem 0 0}.enhancements{margin-top:.75rem;width:100%}.enhancements-label{font-size:.875rem;color:#fffc;margin:0 0 .5rem;font-weight:600}.enhancements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;font-size:.75rem}.enhancement{padding:4px 6px;border-radius:6px;font-weight:700;text-align:center;background:#ffffff0d}.enhancement.positive{color:#4caf50;background:#4caf5026}.enhancement.negative{color:#999;background:#ffffff0d}.enhancement.neutral{color:#999}.collecting-visual{text-align:center;padding:2rem;position:relative;min-height:150px}.trap{font-size:4rem;display:inline-block;transition:transform .3s ease}.trap.catching{animation:trapSet 1s ease-in-out infinite}@keyframes trapSet{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.swamp-grass{font-size:2rem;opacity:.5;margin-top:.5rem}.croc-caught{font-size:5rem;display:inline-block;animation:crocCaught .6s ease-out}@keyframes crocCaught{0%{transform:translate(-100px) rotate(-45deg) scale(0);opacity:0}60%{transform:translate(10px) rotate(5deg) scale(1.1)}to{transform:translate(0) rotate(0) scale(1);opacity:1}}.croc-name{font-size:1.5rem;font-weight:700;margin:.5rem 0}.croc-rarity{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.875rem;margin:.5rem 0}.suplexed-result{margin-top:1.5rem;padding:1.5rem;text-align:center;background:linear-gradient(135deg,#8a2be233,#4b008233);border-radius:12px;border:2px solid rgba(138,43,226,.4)}.suplexed-animation{margin-bottom:1rem}.suplexed-video{max-width:100%;width:300px;border-radius:12px;animation:suplexBounce .8s ease-out;box-shadow:0 4px 12px #8a2be24d}@keyframes suplexBounce{0%{transform:translateY(-100px) rotate(-180deg) scale(0);opacity:0}60%{transform:translateY(10px) rotate(10deg) scale(1.1)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.suplexed-title{font-size:1.75rem;color:#8a2be2;margin:1rem 0 .5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.suplexed-message{font-size:1.125rem;color:#ffffffe6;margin:.5rem 0}.croc-caught-image{display:inline-block;margin-bottom:1rem}.croc-image{width:200px;height:200px;object-fit:contain;border-radius:12px;animation:crocCaught .6s ease-out}.result-content{background:linear-gradient(135deg,#1a2f1a,#0d1f0d);border:3px solid #ffd700;border-radius:20px;padding:30px;max-width:500px;width:90%;text-align:center;animation:slideUp .5s}.result-content h2{color:gold;margin:20px 0;font-size:24px;text-shadow:0 0 15px rgba(255,215,0,.5)}.close-button{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ffd7004d}.close-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffd70066}.close-button:active{transform:scale(.98)}.error-message{color:#ffffffe6;font-size:1.125rem;margin:1rem 0}.inventory-page{max-width:600px;margin:0 auto;padding:1rem}.page-header{margin-bottom:1.5rem}.page-header .header h1{font-size:2rem;color:var(--swamp-accent);text-align:center;margin:1rem 0}.equipment-sections{display:flex;flex-direction:column;gap:1.5rem}.equipment-section{background:#0f191499;border:1px solid rgba(50,80,60,.4);border-radius:16px;padding:1.5rem}.section-title{font-size:1.25rem;color:var(--swamp-accent);margin:0 0 1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.equipment-item-card{background:#0a141099;border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:1.25rem;position:relative}.equipment-item-card.armored-croc-card{margin-bottom:1rem}.equipment-item-card.armored-croc-card:last-child{margin-bottom:0}.equipment-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.croc-info{display:flex;align-items:center;gap:.75rem}.croc-emoji{font-size:2rem}.croc-details{display:flex;flex-direction:column;gap:.25rem}.croc-level{font-size:.85rem;color:#fff9;font-weight:600}.item-name{font-size:1.1rem;font-weight:700;color:#fff}.item-rarity{font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;background:#0000004d}.armor-pieces-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.armor-piece-item{background:#0000004d;border:1px solid rgba(127,176,93,.2);border-radius:8px;padding:.75rem}.armor-piece-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.body-part-emoji{font-size:1.2rem}.body-part-name{font-size:.75rem;color:#fff9;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.armor-piece-name{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.25rem}.armor-piece-rarity{font-size:.75rem;font-weight:600;margin-bottom:.5rem}.armor-piece-stats{display:flex;gap:.75rem;font-size:.8rem;color:#fffc;font-weight:600}.equipment-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0003;border-radius:8px}.stat-label{font-size:.9rem;color:#ffffffb3}.stat-value{font-size:1rem;font-weight:700;color:var(--swamp-accent)}.equipped-badge{display:inline-block;background:linear-gradient(135deg,#7fb05d,#4a7c2f);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #7fb05d66}.no-equipment-hint{text-align:center;padding:1rem;color:#ffffff80;font-style:italic;font-size:.9rem}.loading{text-align:center;padding:3rem 1rem;color:var(--swamp-accent);font-size:1.25rem}.pending-loot-card{background:linear-gradient(135deg,#7fb05d1a,#4a7c2f1a);border:2px solid rgba(255,215,0,.5);box-shadow:0 0 20px #ffd70033}.equip-armor-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#7fb05d,#4a7c2f);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #7fb05d4d}.equip-armor-btn:hover{background:linear-gradient(135deg,#8fc16d,#5a8c3f);box-shadow:0 6px 16px #7fb05d80;transform:translateY(-2px)}.equip-armor-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(135deg,#1a2e1f,#0f1915);border:2px solid rgba(127,176,93,.5);border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #000c}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(127,176,93,.3)}.modal-header h2{margin:0;color:var(--swamp-accent);font-size:1.5rem}.modal-close-btn{background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:#fff}.modal-body{padding:1.5rem}.armor-to-equip{background:#7fb05d1a;border:1px solid rgba(127,176,93,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.armor-to-equip h3{margin:0 0 .5rem;color:var(--swamp-accent);font-size:1.1rem}.armor-to-equip p{margin:.25rem 0;color:#fffc;font-size:.9rem}.croc-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.croc-selector-card{background:#0a141099;border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.croc-selector-card:hover{background:#7fb05d33;border-color:#7fb05d99;transform:translateY(-4px);box-shadow:0 8px 16px #7fb05d4d}.croc-selector-image{width:80px;height:80px;object-fit:contain;border-radius:8px;margin-bottom:.5rem}.croc-selector-emoji{font-size:3rem;margin-bottom:.5rem}.croc-selector-name{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.25rem}.croc-selector-level{font-size:.75rem;color:#fff9;margin-bottom:.25rem}.croc-selector-rarity{font-size:.75rem;font-weight:600}.leaderboard-page{max-width:600px;margin:0 auto}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{background:#2d50164d;border:2px solid var(--swamp-light);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.leaderboard-item.clickable{cursor:pointer}.leaderboard-item.clickable:hover{transform:scale(1.02);border-color:var(--swamp-accent);background:#2d501680}.leaderboard-item:active{transform:scale(.98)}.leaderboard-item.rank-1{background:linear-gradient(135deg,#ffd70033,#2d50164d);border-color:var(--gold)}.leaderboard-item.rank-2{background:linear-gradient(135deg,#c0c0c033,#2d50164d);border-color:var(--silver)}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f3233,#2d50164d);border-color:var(--bronze)}.rank{font-size:1.5rem;font-weight:700;min-width:50px;text-align:center}.player-info{flex:1}.player-name-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.player-name{font-weight:700;font-size:1rem}.player-level{color:#7cfc00;font-weight:700;font-size:.9rem;padding:2px 8px;background:#7cfc0026;border-radius:12px;border:1px solid rgba(124,252,0,.3)}.player-id{font-weight:700;margin-bottom:.25rem}.player-stats{display:flex;gap:1rem;font-size:.875rem;color:var(--swamp-accent);margin-bottom:.25rem}.profile-hint{font-size:.75rem;color:#ffffff80;font-style:italic}.shop-page{padding:1rem 1rem 2rem;position:relative}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:500;box-shadow:0 8px 24px #00000080;animation:slideIn .3s ease-out;max-width:90%;text-align:center}.toast-notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid #34d399}.toast-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #f87171}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.shop-page .header{flex:1}.sp-balance{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:#0000004d;border-radius:8px;border:1px solid var(--gold)}.sp-icon{font-size:1.5rem}.sp-amount{font-size:1.25rem;font-weight:700;color:var(--gold)}.shop-desc{text-align:center;color:var(--swamp-accent);margin:1rem 0 1.5rem;font-size:.95rem}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.shop-item{background:#0f1914e6;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1rem;transition:all .3s ease;box-shadow:0 4px 12px #0006}.shop-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.item-name{margin:0;font-size:1.1rem;color:#fff}.item-rarity{font-size:.85rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.item-stats{margin-bottom:1rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-row:last-child{border-bottom:none}.stat-divider{height:1px;background:#7fb05d4d;margin:.5rem 0}.stat-label{font-size:.85rem;color:#ffffffb3}.stat-value{font-weight:700;font-size:.9rem}.stat-value.positive{color:#7fb05d}.stat-value.negative{color:#ff6b6b}.buy-btn{width:100%;background:linear-gradient(135deg,var(--gold),#ffa500);border:none;color:#000;padding:.75rem;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #ffd7004d}.buy-btn:active{transform:scale(.98)}.buy-btn:disabled{opacity:.5;cursor:not-allowed;background:#64646480}.coming-soon-message{text-align:center;padding:3rem 2rem;margin:2rem 0;background:#0f1914e6;border:2px solid rgba(127,176,93,.3);border-radius:16px}.coming-soon-message h2{margin:0 0 1rem;font-size:2rem}.coming-soon-message p{margin:.5rem 0;font-size:1.1rem;color:var(--swamp-accent)}.coming-soon-message .subtext{margin-top:1.5rem;font-size:.9rem;opacity:.7;font-style:italic}@media (max-width: 600px){.item-grid{grid-template-columns:1fr}}.crocdex-page{padding:1rem 1rem 2rem}.dex-stats{display:flex;gap:1rem;margin-bottom:1.5rem;padding:0 .5rem}.dex-stats .stat{flex:1;background:#0f1914e6;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1rem;text-align:center}.dex-stats .stat-label{display:block;font-size:.8rem;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.dex-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--gold)}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.filter-tab{padding:.5rem 1rem;background:#0f1914e6;border:2px solid rgba(50,80,60,.4);border-radius:8px;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:.9rem}.filter-tab:active{transform:scale(.95)}.filter-tab.active{background:var(--swamp-green);border-color:var(--swamp-light);box-shadow:0 0 12px #7fb05d66}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.dex-card{background:#0f1914f2;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1.25rem;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #0006;position:relative}.dex-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0009}.dex-card.clickable{cursor:pointer}.dex-card.clickable:active{transform:translateY(-2px) scale(.98)}.count-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--swamp-green),var(--swamp-light));color:#fff;font-weight:700;font-size:.85rem;padding:4px 10px;border-radius:12px;box-shadow:0 2px 8px #0006;z-index:10}.dex-emoji{font-size:3.5rem;margin-bottom:.75rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.dex-image-container{position:relative;margin-bottom:.75rem}.dex-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0009;background:#0000004d}.artwork-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;box-shadow:0 2px 6px #0006}.dex-name{font-size:.95rem;font-weight:700;margin-bottom:.5rem;color:#fff;line-height:1.3}.dex-rarity{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dex-level{margin-top:.5rem;font-size:.85rem;color:var(--gold);font-weight:700}.empty-state p{margin:.5rem 0;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(180deg,#0f1914fa,#0a140ffa);border:2px solid var(--swamp-green);border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0009}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid rgba(50,80,60,.4)}.modal-header h2{margin:0;color:#fff;font-size:1.3rem}.close-btn{background:#f003;border:2px solid rgba(255,0,0,.4);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#f006;border-color:#f009}.modal-body{padding:1.5rem;overflow-y:auto}.instance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.instance-card{background:#0f1914f2;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1rem;text-align:center;transition:all .2s ease}.instance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0009}.instance-image{width:100%;height:auto;border-radius:8px;margin-bottom:.75rem;box-shadow:0 4px 12px #0009}.instance-emoji{font-size:3rem;margin-bottom:.75rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.instance-info{display:flex;flex-direction:column;gap:.25rem}.instance-name{font-weight:700;color:#fff;font-size:.9rem}.instance-level{color:var(--gold);font-size:.85rem;font-weight:700}.instance-xp{color:#fff9;font-size:.75rem}@media (max-width: 600px){.dex-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dex-emoji{font-size:3rem}.instance-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.modal-content{max-height:90vh}}.fishdex-page{padding:1rem 1rem 2rem}.fishdex-page .dex-stats{display:flex;gap:1rem;margin-bottom:1.5rem;padding:0 .5rem}.fishdex-page .dex-stats .stat{flex:1;background:#0f1914e6;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1rem;text-align:center}.fishdex-page .dex-stats .stat-label{display:block;font-size:.8rem;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.fishdex-page .dex-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#3a9fbf}.feed-instruction{text-align:center;padding:1rem;margin-bottom:1rem;background:#10b98126;border:2px solid rgba(16,185,129,.3);border-radius:12px;color:#10b981}.feed-instruction p{margin:0;font-size:.95rem;font-weight:500}.fishdex-page .filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.fishdex-page .filter-tab{padding:.5rem 1rem;background:#0f1914e6;border:2px solid rgba(50,80,60,.4);border-radius:8px;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:.9rem}.fishdex-page .filter-tab:active{transform:scale(.95)}.fishdex-page .filter-tab.active{background:linear-gradient(135deg,#2b5d5e,#3a7a7b);border-color:#3a9fbf;box-shadow:0 0 12px #3a9fbf66}.fishdex-page .dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.fishdex-page .dex-card{background:#0f1914f2;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1.25rem;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #0006;position:relative}.fishdex-page .dex-card.clickable{cursor:pointer}.fishdex-page .dex-card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0009;border-color:#10b981}.fishdex-page .dex-card.clickable:active{transform:translateY(-2px)}.fishdex-page .dex-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.fishdex-page .dex-image img{width:100%;height:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.6))}.fishdex-page .dex-emoji{font-size:3.5rem;margin-bottom:.75rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.fishdex-page .dex-name{font-size:.95rem;font-weight:700;margin-bottom:.5rem;color:#fff;line-height:1.3}.fishdex-page .dex-rarity{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.fish-xp-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;margin-top:.5rem;box-shadow:0 2px 6px #10b98166}.fish-count-badge{position:absolute;top:.5rem;right:.5rem;background:#0f1914f2;border:2px solid #3a9fbf;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#3a9fbf;box-shadow:0 2px 6px #0006}.selected-fish-banner{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1.5rem;background:#0f1914f2;border:2px solid #10b981;border-radius:12px;box-shadow:0 0 20px #10b9814d}.fish-banner-image{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.fish-banner-image img{width:100%;height:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.6))}.fish-banner-emoji{font-size:4rem;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.5))}.fish-banner-info{flex:1}.fish-banner-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.fish-banner-rarity{font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.fish-banner-xp{font-size:1rem;font-weight:700;color:#10b981}.croc-rarity-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.croc-rarity-tab{padding:.5rem 1rem;background:#0f1914e6;border:2px solid rgba(50,80,60,.4);border-radius:8px;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:.85rem}.croc-rarity-tab:active{transform:scale(.95)}.croc-rarity-tab.active{background:linear-gradient(135deg,#2b5d5e,#3a7a7b);box-shadow:0 0 12px #3a9fbf66}.croc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.croc-card{background:#0f1914f2;border:2px solid rgba(50,80,60,.4);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease}.croc-card:hover:not(.max-level){transform:translateY(-4px);box-shadow:0 6px 20px #0009}.croc-card.selected{border-color:#10b981;box-shadow:0 0 20px #10b98180;transform:translateY(-4px)}.croc-card.max-level{cursor:not-allowed}.croc-image{width:100%;height:auto;border-radius:8px;margin-bottom:.75rem}.croc-name{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.5rem}.croc-rarity{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.croc-level{font-size:.8rem;color:#3a9fbf;font-weight:700;margin-bottom:.25rem}.croc-xp{font-size:.7rem;color:#ffffffb3}.feed-actions{position:fixed;bottom:80px;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(10,31,13,.98),rgba(10,31,13,.95),transparent);z-index:100}.feed-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b98166}.feed-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98180}.feed-btn:active:not(:disabled){transform:translateY(0)}.feed-btn:disabled{opacity:.5;cursor:not-allowed}.fishdex-page .empty-state{text-align:center;padding:3rem 1rem;color:#fff9}.fishdex-page .empty-state p{margin:.5rem 0;font-size:1.1rem}@media (max-width: 600px){.fishdex-page .dex-grid,.croc-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.fishdex-page .dex-emoji,.fish-banner-emoji{font-size:3rem}}.profile-page{padding-bottom:2rem}.back-btn{background:#0f1914cc;border:1px solid rgba(127,176,93,.4);color:var(--swamp-accent);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;margin-bottom:1.5rem;transition:all .2s ease}.back-btn:active{transform:scale(.95);background:#0f1914}.profile-hero{text-align:center;padding:2rem 1rem;background:#0f191499;border:1px solid rgba(50,80,60,.3);border-radius:16px;margin-bottom:1.5rem}.profile-avatar-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.8));margin-bottom:1rem}.profile-name{font-size:2rem;font-weight:700;color:#fff;margin:.5rem 0}.profile-title{font-size:1.2rem;color:var(--gold);font-weight:600;letter-spacing:.5px}.profile-section .nickname-row{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.nickname-info{display:flex;flex-direction:column;gap:4px;color:#fff}.nickname-label{font-size:.9rem;color:#ffffffb3}.nickname-value{font-size:1.1rem;font-weight:700}.nickname-cooldown{font-size:.85rem;color:#ffffffb3}.nickname-edit{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nickname-edit input{flex:1 1 220px;padding:10px 12px;border-radius:8px;border:1px solid rgba(50,80,60,.6);background:#0f191499;color:#fff}.nickname-edit input:disabled{opacity:.7}.nickname-save-btn{padding:10px 14px;border-radius:8px;border:1px solid var(--swamp-accent);background:linear-gradient(135deg,#4a9f6f,#2d7a4a);color:#fff;font-weight:700;cursor:pointer}.nickname-save-btn:disabled{opacity:.7;cursor:not-allowed}.nickname-error{color:#ff8a80;font-size:.9rem}.nickname-success{color:#a3d977;font-size:.9rem}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f191499;border:1px solid rgba(50,80,60,.3);border-radius:12px}.stat-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.stat-icon-text{font-size:1.5rem;font-weight:700;color:var(--swamp-accent);min-width:40px;text-align:center}.stat-info{flex:1}.stat-label{font-size:.85rem;color:#fff9;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.profile-equipment{background:#0f191499;border:1px solid rgba(50,80,60,.3);border-radius:16px;padding:1.5rem}.profile-equipment h2{color:var(--swamp-accent);font-size:1.25rem;margin:0 0 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-header-icon-inline{width:28px;height:28px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.equipment-grid{display:grid;gap:1rem}.equipment-item{background:#0a141066;border:1px solid rgba(50,80,60,.3);border-radius:8px;padding:1rem}.equipment-label{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.equipment-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.equipment-rarity{font-size:.9rem;color:var(--gold);font-weight:500}.profile-actions{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#1a3d2599,#2d501699);border:2px solid rgba(127,176,93,.3);border-radius:16px}.claim-xp-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--gold),#ffa500);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffd70066}.claim-xp-btn:active{transform:scale(.98)}.claim-xp-btn:disabled{opacity:.6;cursor:not-allowed}.claim-xp-hint{text-align:center;font-size:.85rem;color:#ffffffb3;margin-top:.75rem;margin-bottom:0}.profile-section{background:#0f191499;border:1px solid rgba(50,80,60,.3);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.profile-section h2{color:var(--swamp-accent);font-size:1.25rem;margin:0 0 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.battle-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.battle-stat{background:#0a141066;border:1px solid rgba(50,80,60,.3);border-radius:12px;padding:1rem;text-align:center}.battle-stat-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6));margin-bottom:.5rem}.battle-stat-icon-text{font-size:2rem;font-weight:700;color:var(--swamp-accent);margin-bottom:.5rem}.battle-stat-value{font-size:1.5rem;font-weight:700;color:var(--gold);margin-bottom:.25rem}.battle-stat-label{font-size:.85rem;color:#ffffffb3}.battle-page{min-height:100vh;padding:1rem 1rem 5rem;background:linear-gradient(135deg,#1a1a1a,#0d3d1a)}.battle-header{text-align:center;margin-bottom:2rem}.battle-header h1{font-size:2rem;color:var(--gold);margin-bottom:.5rem}.sp-display{background:#ffd70026;border:2px solid var(--gold);border-radius:12px;padding:.75rem;font-size:1.1rem;font-weight:700;color:var(--gold);display:inline-block}.tabs{display:flex;gap:.5rem;margin-bottom:2rem}.tab{flex:1;padding:.75rem;background:#1a3d2580;border:2px solid rgba(127,176,93,.3);border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.tab.active{background:linear-gradient(135deg,#1a3d25e6,#2d5016e6);border-color:var(--gold);color:var(--gold)}.opponents-section h2,.challenges-section h3{color:var(--gold);margin:1.5rem 0 1rem;font-size:1.2rem}.opponents-list,.challenges-list{display:flex;flex-direction:column;gap:.75rem}.opponent-card,.challenge-card{background:linear-gradient(135deg,#1a3d25b3,#2d5016b3);border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease}.opponent-card:hover,.opponent-card.selected{border-color:var(--gold);background:linear-gradient(135deg,#1a3d25e6,#2d5016e6);transform:scale(1.02)}.opponent-name,.challenge-header{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.opponent-stats,.challenge-wager{font-size:.9rem;color:#ffffffb3}.croc-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:1.5rem}.croc-card{background:linear-gradient(135deg,#1a3d2599,#2d501699);border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:.75rem;text-align:center;cursor:pointer;transition:all .3s ease}.croc-card:hover,.croc-card.selected{border-color:var(--gold);background:linear-gradient(135deg,#1a3d25cc,#2d5016cc);transform:scale(1.05)}.croc-emoji{font-size:2.5rem;margin-bottom:.5rem}.croc-name{font-size:.85rem;color:#fff;margin-bottom:.25rem;font-weight:700}.croc-rarity{font-size:.75rem;color:var(--gold);margin-bottom:.25rem}.croc-level{font-size:.75rem;color:#fff9}.wager-section{margin-bottom:1.5rem}.wager-input{width:100%;padding:1rem;background:#0006;border:2px solid var(--gold);border-radius:12px;color:#fff;font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:.75rem}.quick-wagers{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.quick-wagers button{padding:.5rem;background:#1a3d2599;border:2px solid rgba(127,176,93,.3);border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.quick-wagers button:active{background:#1a3d25e6;border-color:var(--gold)}.challenge-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--gold),#ffa500);border:none;border-radius:12px;font-size:1.2rem;font-weight:700;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffd70066}.challenge-btn:active{transform:scale(.98)}.challenge-btn:disabled{opacity:.5;cursor:not-allowed}.croc-select-small{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin:1rem 0}.croc-mini{background:#1a3d2580;border:2px solid rgba(127,176,93,.3);border-radius:8px;padding:.5rem;text-align:center;font-size:.75rem;cursor:pointer;transition:all .3s ease}.croc-mini.selected{border-color:var(--gold);background:#1a3d25e6}.croc-mini div:first-child{font-size:2rem;margin-bottom:.25rem}.challenge-actions{display:flex;gap:.5rem;margin-top:1rem}.accept-btn,.decline-btn{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.accept-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.decline-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.accept-btn:active,.decline-btn:active{transform:scale(.98)}.accept-btn:disabled,.decline-btn:disabled{opacity:.5;cursor:not-allowed}.waiting{text-align:center;color:#fff9;font-style:italic;margin-top:.5rem}.loading,.empty-state{text-align:center;color:#fff9;padding:2rem;font-size:1.1rem}.history-section h2{color:var(--gold);margin:1.5rem 0 1rem;font-size:1.3rem;text-align:center}.history-list{display:flex;flex-direction:column;gap:1rem}.history-card{background:linear-gradient(135deg,#1a3d25b3,#2d5016b3);border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden}.history-card.won{border-color:#2ecc7199;background:linear-gradient(135deg,#1a3d25cc,#27ae604d)}.history-card.lost{border-color:#e74c3c99;background:linear-gradient(135deg,#1a3d25cc,#c0392b4d)}.history-result{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;justify-content:center;font-size:1rem;padding-right:130px}.history-result .winner{color:var(--gold);font-weight:700;font-size:1.1rem}.history-result .vs{color:#ffffff80;font-style:italic;font-size:.9rem}.history-result .loser{color:#ffffffb3;font-size:1rem}.history-details{background:#0000004d;border-radius:8px;padding:.75rem;margin-top:.75rem}.croc-battle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:#fff}.croc-battle .croc-name{flex:1;font-weight:700}.croc-battle .vs-icon{font-size:1.2rem;color:var(--gold)}.battle-wager{font-size:.85rem;color:#ffffffb3;text-align:center;margin-top:.5rem}.participant-badge{position:absolute;top:.5rem;right:.5rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.won-badge{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 2px 8px #2ecc7166}.lost-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 8px #e74c3c66}.croc-stats{margin-bottom:1rem;padding:.75rem;background:#0003;border-radius:8px;border-left:3px solid var(--gold)}.croc-header{font-size:1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:#fff}.croc-header strong{color:var(--gold)}.stat-line{font-size:.85rem;color:#ffffffd9;margin:.25rem 0;padding-left:.5rem}.vs-divider{text-align:center;font-size:1.2rem;color:var(--gold);margin:.75rem 0;font-weight:700;text-shadow:0 0 10px rgba(212,175,55,.5)}.rarity-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:12px;font-weight:700;text-transform:uppercase;display:inline-block}.rarity-badge.common{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.rarity-badge.uncommon{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.rarity-badge.rare{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.rarity-badge.epic{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.rarity-badge.legendary{background:linear-gradient(135deg,#f39c12,#d68910);color:#fff;box-shadow:0 0 10px #f39c1280}.rarity-badge.godly{background:linear-gradient(135deg,#8e44ad,#2c3e50);color:#fff;box-shadow:0 0 15px #8e44adb3}.bossraids-page{min-height:100vh;background:linear-gradient(135deg,#1a0e2e,#2d1b3d);padding-bottom:80px}.boss-card{background:linear-gradient(135deg,#2d1b3d,#3a2449);border:2px solid rgba(138,43,226,.3);margin-bottom:20px}.boss-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.boss-icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(138,43,226,.6))}.boss-info{flex:1}.boss-info h2{margin:0 0 8px;font-size:24px;color:#fff;text-shadow:0 0 10px rgba(138,43,226,.5)}.tier-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.tier-badge.legendary{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.tier-badge.epic{background:linear-gradient(135deg,#9b59b6,#e74c3c);color:#fff}.boss-hp{margin:20px 0}.hp-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#fffc}.hp-bar-container{height:30px;background:#0006;border-radius:15px;overflow:hidden;border:2px solid rgba(138,43,226,.3);display:flex;justify-content:flex-start}.hp-bar{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);transition:width .5s ease;box-shadow:0 0 15px #2ecc71cc}.hp-percentage{text-align:center;margin-top:8px;font-size:18px;font-weight:700;color:#fff}.btn-attack{width:100%;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:15px;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;margin-top:20px;transition:all .3s}.btn-attack:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #e74c3c99}.btn-attack:disabled{opacity:.5;cursor:not-allowed}.boss-defeated{text-align:center;padding:20px;background:#2ecc7133;border-radius:10px;margin-top:20px}.boss-defeated h3{color:#2ecc71;margin:0 0 8px;font-size:24px}.boss-defeated p{color:#fffc;margin:0}.attack-result{margin-top:20px;padding:15px;background:#2ecc7133;border-radius:10px;border:2px solid #2ecc71}.attack-result h3{margin:0 0 10px;color:#2ecc71;font-size:20px}.damage-dealt{font-size:24px;font-weight:700;color:#ff6b6b;margin:8px 0}.croc-info{color:#ffffffe6;margin:5px 0}.total-damage{color:#fffc;margin:5px 0}.rank{font-size:18px;font-weight:700;color:gold;margin:8px 0}.rewards{font-size:16px;font-weight:700;color:#2ecc71;margin-top:10px;padding:10px;background:#2ecc7133;border-radius:8px}.stats-card{background:linear-gradient(135deg,#2d1b3d,#3a2449);border:2px solid rgba(138,43,226,.3);margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.stat{display:flex;flex-direction:column;align-items:center;padding:15px;background:#0000004d;border-radius:10px}.stat-label{font-size:12px;color:#fff9;margin-bottom:5px;text-transform:uppercase}.stat-value{font-size:24px;font-weight:700;color:gold}.leaderboard-card{background:linear-gradient(135deg,#2d1b3d,#3a2449);border:2px solid rgba(138,43,226,.3);margin-bottom:20px}.leaderboard{margin-top:15px}.no-attacks{text-align:center;color:#ffffff80;padding:20px}.leaderboard-entry{display:flex;align-items:center;padding:12px;background:#0000004d;border-radius:8px;margin-bottom:8px;gap:12px}.leaderboard-entry.rank-1{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:2px solid rgba(255,215,0,.5)}.leaderboard-entry.rank-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c01a);border:2px solid rgba(192,192,192,.5)}.leaderboard-entry.rank-3{background:linear-gradient(135deg,#cd7f3233,#cd7f321a);border:2px solid rgba(205,127,50,.5)}.leaderboard-entry .rank{font-size:20px;min-width:40px;text-align:center;margin:0}.leaderboard-entry .username{flex:1;color:#fff;font-weight:500}.leaderboard-entry .damage{color:#ff6b6b;font-weight:700}.rewards-info{margin-top:20px;padding:15px;background:#2ecc711a;border-radius:10px;border:2px solid rgba(46,204,113,.3)}.rewards-info h4{margin:0 0 10px;color:#2ecc71;font-size:16px}.rewards-info ul{margin:0;padding-left:20px}.rewards-info li{color:#fffc;margin:5px 0}.loading{text-align:center;color:#ffffffb3;padding:40px 20px;font-size:18px}.tips h3{margin-bottom:15px}.tips ul{margin:0;padding-left:20px}.tips li{margin-bottom:10px;line-height:1.6}.teamquest-page{min-height:100vh;background:linear-gradient(135deg,#1a3d1a,#2d4d2d);padding-bottom:80px}.teamquest-content{padding:20px}.error-message{background:#e74c3c33;border:2px solid #e74c3c;color:#fff;padding:15px;border-radius:10px;margin-bottom:20px;text-align:center}.lobby-actions{margin-bottom:30px}.create-lobby-btn{width:100%;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:18px;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #27ae604d}.create-lobby-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #27ae6080}.lobbies-section h2{margin:0 0 20px;color:#fff;font-size:22px;text-align:center}.loading-msg{text-align:center;color:#ffffffb3;padding:40px}.no-lobbies{text-align:center;padding:40px;background:#0003;border-radius:10px;border:2px dashed rgba(255,255,255,.2)}.no-lobbies p{color:#fff;margin:10px 0}.no-lobbies .hint{color:#fff9;font-size:14px}.lobbies-grid{display:grid;gap:15px}.lobby-card{background:linear-gradient(135deg,#2d4d2d,#3a5a3a);border:2px solid rgba(39,174,96,.3);border-radius:12px;padding:20px;transition:all .3s}.lobby-card:hover{border-color:#27ae6099;transform:translateY(-2px);box-shadow:0 4px 15px #27ae6033}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.lobby-header h3{margin:0;color:#fff;font-size:18px}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.waiting{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.status-badge.selecting_quest{background:linear-gradient(135deg,#f39c12,#d68910);color:#fff}.status-badge.selecting_crocs{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.status-badge.in_progress{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.lobby-info{margin-bottom:15px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;color:#fffc;font-size:14px}.info-row .value{color:#fff;font-weight:700}.info-row .timer{color:#f39c12}.lobby-players{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.player-tag{background:#27ae6033;border:1px solid rgba(39,174,96,.4);padding:6px 12px;border-radius:15px;font-size:12px;color:#fff}.join-lobby-btn{width:100%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s}.join-lobby-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #3498db66}.lobby-detail{background:#0003;border-radius:12px;padding:20px}.lobby-status h2{margin:0 0 20px;color:#fff;font-size:20px;text-align:center}.players-list{display:grid;gap:12px;margin-bottom:30px}.player-card{background:#27ae601a;border:2px solid rgba(39,174,96,.3);border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px}.player-icon{font-size:32px}.player-name{flex:1;color:#fff;font-weight:700}.host-badge{background:linear-gradient(135deg,gold,#ff8c00);color:#000;padding:4px 10px;border-radius:10px;font-size:10px;font-weight:700}.lobby-timer{text-align:center;margin-bottom:30px;padding:15px;background:#f39c1233;border:2px solid rgba(243,156,18,.4);border-radius:10px}.lobby-timer p{margin:0;color:#fff;font-size:16px}.lobby-timer strong{color:#f39c12;font-size:20px}.quest-selection h2{margin:0 0 10px;color:#fff;font-size:20px;text-align:center}.quest-selection .hint{text-align:center;color:#fff9;font-size:14px;margin-bottom:20px}.quest-types{display:grid;gap:15px}.quest-option{background:linear-gradient(135deg,#34495e,#2c3e50);border:2px solid rgba(52,152,219,.3);border-radius:10px;padding:15px;transition:all .3s}.quest-option:hover{border-color:#3498db99;transform:translateY(-2px)}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quest-header h3{margin:0;color:#fff;font-size:16px}.stars{color:#f39c12;font-size:14px}.quest-desc{color:#fffc;font-size:13px;margin:0 0 12px;line-height:1.4}.quest-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.quest-stats span{background:#0000004d;padding:4px 8px;border-radius:8px;font-size:11px;color:#ffffffe6}.select-quest-btn{width:100%;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s}.select-quest-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #27ae6066}.lobby-actions-bottom{margin-top:30px}.leave-lobby-btn{width:100%;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:12px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s}.leave-lobby-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7a7b)}.waiting-for-team{text-align:center;padding:40px 20px}.waiting-for-team h2{margin:0 0 20px;color:#27ae60;font-size:24px}.waiting-for-team>p{color:#fffc;margin-bottom:30px}.selection-status{display:grid;gap:12px;max-width:400px;margin:0 auto}.player-status{background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center}.player-status span{color:#fff}.player-status .ready{color:#27ae60;font-weight:700}.player-status .waiting{color:#f39c12}.croc-selection h2{margin:0 0 20px;color:#fff;font-size:20px;text-align:center}.quest-progress{background:#0003;border-radius:12px;padding:20px}.stage-info h2{margin:0 0 20px;color:#fff;font-size:24px;text-align:center}.team-hp-bar{margin-bottom:30px}.hp-label{font-size:14px;color:#fffc;margin-bottom:8px;text-align:center}.hp-bar-container{height:30px;background:#0006;border-radius:15px;overflow:hidden;border:2px solid rgba(39,174,96,.3)}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#27ae60,#229954);transition:width .5s ease;box-shadow:0 0 15px #27ae6099}.hp-numbers{text-align:center;margin-top:8px;font-size:16px;font-weight:700;color:#fff}.quest-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.stat-box{background:#0000004d;border:2px solid rgba(39,174,96,.3);border-radius:10px;padding:15px;text-align:center}.stat-label{display:block;color:#fff9;font-size:12px;margin-bottom:8px}.stat-value{display:block;color:#27ae60;font-size:24px;font-weight:700}.quest-message{text-align:center;padding:20px;background:#3498db33;border:2px solid rgba(52,152,219,.3);border-radius:10px}.quest-message p{margin:10px 0;color:#fff}.quest-message .hint{color:#fff9;font-size:14px}.invite-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:15px 25px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;margin-right:10px;transition:all .3s}.invite-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1e3a1e,#2d4d2d);border-radius:15px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;border:2px solid rgba(39,174,96,.3);box-shadow:0 10px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:22px}.close-btn{background:#e74c3c33;border:2px solid #e74c3c;color:#e74c3c;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn:hover{background:#e74c3c66;transform:rotate(90deg)}.modal-body{padding:20px;overflow-y:auto;flex:1}.no-players{text-align:center;color:#fff9;padding:40px 20px}.players-to-invite{display:flex;flex-direction:column;gap:10px}.invite-player-card{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s}.invite-player-card:hover{background:#27ae601a;border-color:#27ae6080}.invite-player-card.selected{background:#27ae6033;border-color:#27ae60;box-shadow:0 0 15px #27ae604d}.player-info{display:flex;flex-direction:column;gap:5px}.player-name{color:#fff;font-weight:700;font-size:16px}.player-level{color:#fff9;font-size:14px}.checkbox{width:30px;height:30px;border:2px solid rgba(255,255,255,.3);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#27ae60;font-size:20px;font-weight:700;transition:all .3s}.invite-player-card.selected .checkbox{background:#27ae60;border-color:#27ae60;color:#fff}.modal-footer{display:flex;gap:10px;padding:20px;border-top:2px solid rgba(255,255,255,.1)}.cancel-btn,.send-invites-btn{flex:1;padding:15px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s;border:none}.cancel-btn{background:#95a5a633;border:2px solid rgba(149,165,166,.5);color:#fff}.cancel-btn:hover{background:#95a5a64d}.send-invites-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.send-invites-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #27ae6066}.send-invites-btn:disabled{opacity:.5;cursor:not-allowed}.games-page{min-height:100vh;background:linear-gradient(to bottom,#0a1f0d,#1a3a1f);padding:20px 20px 100px}.page-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.back-button{background:#4a7c2f4d;border:1px solid #4a7c2f;color:#a3d977;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.back-button:active{background:#4a7c2f80;transform:scale(.95)}.page-header h1{color:#a3d977;font-size:24px;margin:0}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.game-card{padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .3s;border:2px solid rgba(163,217,119,.4);position:relative;min-height:120px;box-shadow:0 4px 15px #0006,0 0 20px #a3d97726,inset 0 1px #ffffff1a}.game-card:hover{transform:translateY(-3px);border-color:#a3d97799;box-shadow:0 6px 25px #00000080,0 0 30px #a3d97740,inset 0 1px #ffffff26}.game-card:active{transform:scale(.98);box-shadow:0 2px 10px #0000004d,0 0 15px #a3d97733;border-color:#a3d977b3}.game-icon{font-size:48px;text-align:center;margin-bottom:5px}.game-icon-img{width:60px;height:60px;display:block;margin:0 auto 5px;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.6));object-fit:contain}.game-icon-emoji{font-size:60px;text-align:center;margin:0 auto 5px;display:block;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.6))}.header-icon{width:32px;height:32px;vertical-align:middle;margin-right:8px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.game-info{text-align:center;flex:1}.game-info h3{color:#fff;font-size:18px;margin:0 0 8px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.game-info p{color:#ffffffe6;font-size:14px;margin:0;opacity:.9}.game-arrow{position:absolute;bottom:15px;right:15px;color:#a3d977e6;font-size:24px;font-weight:700;transition:all .3s;text-shadow:0 0 10px rgba(163,217,119,.5)}.game-card:hover .game-arrow{color:#a3d977;transform:translate(3px);text-shadow:0 0 15px rgba(163,217,119,.8)}.tap-indicator{position:absolute;top:10px;right:10px;background:#a3d97740;border:1.5px solid rgba(163,217,119,.6);color:#a3d977;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;letter-spacing:.5px;animation:pulse-tap 2s ease-in-out infinite;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 2px 8px #0000004d}@keyframes pulse-tap{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.game-card:hover .tap-indicator{background:#a3d97759;border-color:#a3d977cc}@media (max-width: 600px){.games-grid{grid-template-columns:1fr}.game-card{flex-direction:row;align-items:center;gap:15px}.game-icon{font-size:36px;margin:0}.game-info{text-align:left}}.all-crocs-page{min-height:100vh;background:linear-gradient(to bottom,#0a1f0d,#1a3a1f);padding:20px 20px 100px}.croc-stats-summary{display:flex;gap:15px;margin-bottom:20px}.stat-box{flex:1;background:#0f1914cc;border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:15px;text-align:center}.stat-number{font-size:2rem;font-weight:700;color:gold;margin-bottom:5px}.stat-label{font-size:.9rem;color:#7fb05d}.rarity-filter{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.rarity-tab{flex-shrink:0;background:#0f191499;border:2px solid;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.rarity-tab.active{background:#0f1914e6;transform:scale(1.05)}.rarity-count{font-size:.8rem;opacity:.8;margin-left:4px}.all-crocs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.croc-dictionary-card{background:#0f1914d9;border:2px solid;border-radius:16px;padding:15px;transition:all .3s ease}.croc-dictionary-card.caught{box-shadow:0 4px 20px #7fb05d4d}.croc-dictionary-card.not-caught{opacity:.6;filter:grayscale(50%)}.croc-dictionary-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006}.croc-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.croc-card-emoji{font-size:2.5rem}.custom-art-badge{background:linear-gradient(135deg,gold,orange);padding:4px 8px;border-radius:8px;font-size:.8rem}.croc-card-image-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#ffffff0d;border-radius:12px;overflow:hidden}.croc-card-image{max-width:100%;max-height:100%;object-fit:contain}.croc-card-info{text-align:center}.croc-card-name{font-size:1.2rem;font-weight:700;margin:0 0 5px}.croc-card-rarity{font-size:.9rem;font-weight:600;margin-bottom:10px}.croc-card-description{font-size:.85rem;color:#ffffffb3;line-height:1.4;margin-bottom:12px}.croc-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgba(127,176,93,.2)}.caught-badge{background:linear-gradient(135deg,#06ffa5,#0c8);color:#000;padding:5px 12px;border-radius:12px;font-size:.8rem;font-weight:700}.not-caught-badge{background:#64646466;color:#888;padding:5px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.catch-rate{font-size:.75rem;color:#ffffff80}.no-crocs{text-align:center;padding:40px 20px;color:#ffffff80}.croc-levelup-page{min-height:100vh;background:linear-gradient(180deg,#1a2e1a,#0d1f0d);color:#fff;padding-bottom:80px}.sp-info{background:#0000004d;border-radius:12px;padding:16px;margin:16px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,215,0,.2)}.sp-balance{display:flex;flex-direction:column;gap:4px}.sp-balance .label{font-size:.85rem;color:#9ca3af}.sp-balance .value{font-size:1.5rem;font-weight:700;color:gold}.conversion-rate{font-size:.85rem;color:#9ca3af;background:#ffffff0d;padding:8px 12px;border-radius:8px}.filter-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;white-space:nowrap}.filter-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s;flex-shrink:0}.filter-tab.active{background:#ffd70033;border-color:gold;color:gold;font-weight:700}.crocs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.croc-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.croc-card:hover{border-color:#ffd7004d;box-shadow:0 4px 12px #ffd7001a}.croc-image{width:100%;max-width:120px;height:120px;border-radius:8px;overflow:hidden;background:#ffffff0d;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.croc-image img{width:100%;height:100%;object-fit:contain}.croc-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3rem;opacity:.5}.placeholder-text{font-size:.6rem;margin-top:4px;opacity:.7}.croc-name{font-size:.9rem;font-weight:700;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.duplicate-badge{background:#ffffff26;padding:2px 6px;border-radius:6px;font-size:.75rem;font-weight:400;color:#fff}.croc-level{font-size:.75rem;color:#9ca3af;margin-bottom:8px}.croc-stats{background:#ffffff0d;border-radius:8px;padding:8px;margin-bottom:8px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;min-width:0;gap:8px}.stat-row .label{color:#9ca3af;font-size:.7rem;white-space:nowrap;flex-shrink:0}.stat-row .value{font-weight:700;font-size:.75rem;line-height:1.3;text-align:right;flex:1}.stat-row .value.cost{color:gold}.stat-row .value.gain{color:#7fb05d;font-weight:700}.levelup-btn{width:100%;background:linear-gradient(135deg,gold,#ffed4e);color:#1a2e1a;border:none;padding:12px;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ffd7004d}.levelup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.levelup-btn:active{transform:translateY(0)}.levelup-btn.disabled{background:#9ca3af4d;color:#6b7280;cursor:not-allowed;box-shadow:none}.levelup-btn.disabled:hover{transform:none}.max-level-badge{width:100%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:12px;border-radius:8px;font-weight:700;text-align:center;box-shadow:0 2px 8px #8b5cf64d}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state p{margin:8px 0}.levelup-buttons{width:100%;display:flex;gap:6px}.levelup-buttons .levelup-btn{flex:1;padding:10px 8px;font-size:.85rem}.levelup-btn.levelup-10x{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.levelup-btn.levelup-10x:hover{box-shadow:0 4px 12px #8b5cf666}.croc-combo-container{padding:20px 20px 100px;max-width:800px;margin:0 auto;background:linear-gradient(135deg,#1a2f1a,#0d1f0d);min-height:100vh;color:#fff}.combo-header{display:flex;align-items:center;margin-bottom:20px;gap:15px}.combo-title{display:flex;align-items:center;gap:12px}.combo-header-icon{width:50px;height:50px;object-fit:contain;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.6))}.combo-header h1{font-size:28px;margin:0;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.debug-info{font-size:14px;color:#888;margin-top:10px}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:8px 15px;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .3s}.back-button:hover{background:#fff3;transform:translate(-3px)}.combo-info-box{background:#0006;border-radius:12px;padding:15px;margin-bottom:20px;border:2px solid rgba(255,215,0,.3)}.sp-display{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.sp-icon{font-size:28px}.combo-cost-display{text-align:center;font-size:15px;color:#ff9500;font-weight:600}.coin-stack{position:relative;width:50px;height:50px;animation:stackBounce 2s ease-in-out infinite}@keyframes stackBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.coin{position:absolute;font-size:24px;animation:coinSpin 3s linear infinite}.coin-1{left:0;top:0;animation-delay:0s}.coin-2{left:10px;top:8px;animation-delay:.3s}.coin-3{left:20px;top:16px;animation-delay:.6s}@keyframes coinSpin{0%,to{transform:rotateY(0) scale(1)}25%{transform:rotateY(90deg) scale(1.1)}50%{transform:rotateY(180deg) scale(1)}75%{transform:rotateY(270deg) scale(1.1)}}.sp-amount{font-size:24px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.combo-cost{font-size:16px;color:#ff9500;font-weight:600}.combo-description{background:#ffd7001a;border-left:4px solid #ffd700;padding:15px;margin-bottom:20px;border-radius:8px}.combo-description p{margin:8px 0;font-size:14px;line-height:1.6}.selection-display{margin-bottom:25px}.selection-display h3{margin-bottom:15px;color:gold}.selected-slots{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.selection-slot{width:100px;height:120px;border:3px dashed rgba(255,255,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0003;transition:all .3s}.selection-slot.filled{border-style:solid;border-color:gold;background:#ffd7001a;animation:slotGlow 2s ease-in-out infinite}@keyframes slotGlow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.selected-croc{text-align:center;padding:10px}.croc-emoji{font-size:36px;display:block;margin-bottom:5px}.croc-name-small{font-size:11px;display:block;font-weight:600;color:#90ee90!important}.empty-slot{font-size:48px;color:#fff3}.combine-button{width:100%;padding:18px;font-size:20px;font-weight:700;background:linear-gradient(135deg,gold,#ff9500);color:#000;border:none;border-radius:15px;cursor:pointer;margin-bottom:25px;transition:all .3s;box-shadow:0 4px 15px #ffd70066}.combine-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.combine-button:disabled{opacity:.5;cursor:not-allowed}.combining-animation{display:inline-block;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.crocs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.croc-card{background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s;position:relative}.croc-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.croc-card.selected{border-color:gold;background:#ffd70033;box-shadow:0 0 20px #ffd70066}.selection-badge{position:absolute;top:-8px;right:-8px;background:gold;color:#000;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 8px #0000004d}.croc-card .croc-emoji{font-size:48px;margin-bottom:8px}.croc-card .croc-image{width:80px;height:80px;object-fit:contain;margin-bottom:8px;border-radius:8px}.croc-name{font-size:14px;font-weight:600;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#90ee90!important}.croc-rarity{font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px;display:inline-block;margin:5px 0}.croc-level{font-size:12px;color:#ffffffb3!important}.rarity-common{border-color:gray}.rarity-common .croc-rarity{background:gray;color:#fff}.rarity-uncommon{border-color:#0f0}.rarity-uncommon .croc-rarity{background:#0f0;color:#000}.rarity-rare{border-color:#0080ff}.rarity-rare .croc-rarity{background:#0080ff;color:#fff}.rarity-epic{border-color:#f0f}.rarity-epic .croc-rarity{background:#f0f;color:#fff}.rarity-legendary{border-color:gold}.rarity-legendary .croc-rarity{background:gold;color:#000}.error-message{background:#f003;border:1px solid #ff0000;color:#f66;padding:12px;border-radius:8px;margin-bottom:15px;text-align:center}.result-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.result-content{background:linear-gradient(135deg,#1a2f1a,#0d1f0d);border:3px solid #ffd700;border-radius:20px;padding:30px;max-width:500px;width:90%;animation:slideUp .5s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.result-animation{text-align:center}.sparkles{font-size:32px;margin-bottom:10px;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.result-animation h2{color:gold;margin-bottom:20px;font-size:24px;text-shadow:0 0 15px rgba(255,215,0,.5)}.combined-crocs{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:25px;flex-wrap:wrap}.combined-croc{padding:8px 15px;border-radius:8px;font-size:14px;font-weight:600}.combo-arrow{font-size:24px;color:gold}.new-croc-display{border:3px solid;border-radius:15px;padding:25px;margin:20px 0;background:#0000004d}.new-croc-emoji{font-size:64px;margin-bottom:10px;animation:bounceIn .8s}.new-croc-image{width:120px;height:120px;object-fit:contain;margin-bottom:10px;border-radius:12px;animation:bounceIn .8s}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.new-croc-name{font-size:22px;font-weight:700;margin:10px 0}.new-croc-rarity{font-size:16px;font-weight:600;padding:5px 12px;border-radius:6px;display:inline-block;margin:8px 0}.new-croc-desc{font-size:13px;color:#fffc;margin-top:10px;line-height:1.4}.cost-display{position:relative;margin:20px 0;padding:15px;background:#0000004d;border-radius:10px}.coins-falling{position:absolute;top:-30px;left:50%;transform:translate(-50%);display:flex;gap:10px}.falling-coin{font-size:20px;animation:fall 1.5s ease-out infinite}.falling-coin:nth-child(2){animation-delay:.3s}.falling-coin:nth-child(3){animation-delay:.6s}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(40px) rotate(360deg);opacity:0}}.cost-display p{margin:5px 0;font-size:14px}.close-button{width:100%;padding:15px;font-size:18px;font-weight:700;background:linear-gradient(135deg,gold,#ff9500);color:#000;border:none;border-radius:12px;cursor:pointer;margin-top:20px;transition:all .3s}.close-button:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd70099}.empty-state{text-align:center;padding:40px 20px}.empty-state p{font-size:18px;margin-bottom:20px;color:#fffc}.action-button{padding:12px 30px;font-size:16px;background:linear-gradient(135deg,gold,#ff9500);color:#000;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s}.action-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd70080}.loading{text-align:center;font-size:18px;padding:40px;color:#ffffffb3}.step-container{padding:20px 0}.step-title{text-align:center;color:gold;font-size:20px;margin-bottom:25px;text-shadow:0 0 10px rgba(255,215,0,.3)}.count-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.count-button{background:#00000080;border:3px solid rgba(255,215,0,.4);border-radius:15px;padding:25px 15px;text-align:center;cursor:pointer;transition:all .3s;color:#fff}.count-button:hover{border-color:gold;background:#ffd70026;transform:translateY(-3px);box-shadow:0 5px 20px #ffd70066}.count-number{font-size:48px;font-weight:700;color:gold;margin-bottom:10px}.count-label{font-size:18px;font-weight:600;margin-bottom:5px}.count-desc{font-size:13px;color:#ffffffb3}.rarity-buttons{display:flex;flex-direction:column;gap:12px}.rarity-button{background:#00000080;border:2px solid;border-radius:10px;padding:18px;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.rarity-button:hover{transform:translate(5px);box-shadow:0 3px 15px #0006}.rarity-name{font-size:18px;color:#fff!important}.rarity-count{font-size:14px;opacity:.8;color:#d0d0d0!important}.reset-button{width:100%;padding:12px;margin-top:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;cursor:pointer;font-size:15px;transition:all .3s}.reset-button:hover{background:#fff3}.instance-modal{max-width:600px;max-height:80vh;overflow-y:auto}.modal-title{color:gold;font-size:22px;margin-bottom:10px;text-align:center}.modal-subtitle{color:#d0d0d0;font-size:14px;margin-bottom:20px;text-align:center}.instance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:20px}.instance-card{background:#0006;border:2px solid;border-radius:12px;padding:12px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center}.instance-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #ffd7004d}.instance-image{width:80px;height:80px;object-fit:contain;margin-bottom:8px;border-radius:8px}.instance-emoji{font-size:48px;margin-bottom:8px}.instance-details{text-align:center;width:100%}.instance-name{font-size:14px;font-weight:600;margin-bottom:4px;color:#fff}.instance-level{font-size:12px;color:gold;margin-bottom:4px}.instance-number{font-size:11px;color:#888}.marketplace-page{min-height:100vh;background:linear-gradient(180deg,#0a1f0d,#0f2814,#0a190f);padding:1rem;padding-bottom:80px;position:relative}.marketplace-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(127,176,93,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(80,120,60,.06) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;opacity:.4;z-index:1}.marketplace-header{position:relative;z-index:2;text-align:center;margin-bottom:1.5rem}.marketplace-title{font-size:2rem;font-weight:700;color:var(--swamp-accent);text-shadow:0 0 20px rgba(127,176,93,.5),0 4px 8px rgba(0,0,0,.8);margin:.5rem 0}.marketplace-subtitle{color:#ffffffb3;font-size:.9rem;margin-top:.5rem}.marketplace-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;position:relative;z-index:2}.tab-btn{flex:1;padding:.8rem 1rem;background:#0f1914b3;border:2px solid rgba(127,176,93,.3);border-radius:8px;color:#ffffffb3;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-btn:active{transform:scale(.95)}.tab-btn.active{background:linear-gradient(135deg,#7fb05d66,#50783c66);border-color:var(--swamp-accent);color:var(--swamp-accent);box-shadow:0 0 25px #7fb05d66,inset 0 2px 10px #7fb05d33;transform:translateY(-2px)}.filter-section{background:#142319cc;border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--swamp-accent);font-weight:600;font-size:.9rem;text-shadow:0 0 10px rgba(127,176,93,.3)}.filter-select{padding:.75rem;background:#0a140fe6;border:2px solid rgba(127,176,93,.3);border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.filter-select:hover{border-color:var(--swamp-accent);box-shadow:0 0 15px #7fb05d33}.filter-select:focus{border-color:var(--swamp-accent);box-shadow:0 0 20px #7fb05d4d}.filter-select option{background:#0a140f;color:#fff;padding:.5rem}@media (min-width: 640px){.filter-section{flex-direction:row;align-items:flex-end}.filter-group{flex:1}}.rarity-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;position:relative;z-index:2}.rarity-tab{flex:1;min-width:90px;padding:.6rem .8rem;background:#0f1914b3;border:2px solid rgba(127,176,93,.3);border-radius:8px;color:#ffffffb3;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.rarity-tab:active{transform:scale(.95)}.rarity-tab.active{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.rarity-tab.godly.active{background:linear-gradient(135deg,#ec48994d,#db27774d);border-color:#ec4899;color:#ec4899;box-shadow:0 0 20px #ec489966}.rarity-tab.legendary.active{background:linear-gradient(135deg,#f59e0b4d,#d977064d);border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 20px #f59e0b66}.rarity-tab.epic.active{background:linear-gradient(135deg,#a855f74d,#9333ea4d);border-color:#a855f7;color:#a855f7;box-shadow:0 0 20px #a855f766}.rarity-tab.rare.active{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border-color:#3b82f6;color:#3b82f6;box-shadow:0 0 20px #3b82f666}.rarity-tab.uncommon.active{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border-color:#22c55e;color:#22c55e;box-shadow:0 0 20px #22c55e66}.rarity-tab.common.active{background:linear-gradient(135deg,#9ca3af4d,#6b72804d);border-color:#9ca3af;color:#9ca3af;box-shadow:0 0 20px #9ca3af66}.marketplace-message{padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:600;position:relative;z-index:2;animation:slideDown .3s ease}.marketplace-message.success{background:#22c55e33;border:2px solid rgba(34,197,94,.5);color:#22c55e}.marketplace-message.error{background:#ef444433;border:2px solid rgba(239,68,68,.5);color:#ef4444}.marketplace-content{position:relative;z-index:2}.section-title{font-size:1.5rem;color:var(--swamp-accent);margin-bottom:1rem;text-shadow:0 0 10px rgba(127,176,93,.5)}.section-subtitle{font-size:1.1rem;color:#fffc;margin:1.5rem 0 1rem}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.listing-card{background:#0f1914d9;border:2px solid rgba(127,176,93,.3);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 16px #0009}.listing-card:hover{transform:translateY(-4px);border-color:var(--swamp-accent);box-shadow:0 8px 24px #7fb05d4d}.listing-card.my-listing{border-color:#a855f766}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.listing-type{padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.croc-display{display:flex;justify-content:center;align-items:center;min-height:120px;margin-bottom:1rem;background:#0003;border-radius:8px;padding:1rem}.croc-image-large{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}.listing-info{margin-bottom:1rem}.croc-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.croc-stats{display:flex;gap:1rem;margin-bottom:.5rem}.stat{font-size:.9rem;color:#fffc}.price-tag{padding:.6rem;background:#f59e0b33;border:2px solid rgba(245,158,11,.5);border-radius:6px;text-align:center;font-weight:700;color:#f59e0b;font-size:1.1rem;margin-bottom:.5rem}.seller-info{font-size:.85rem;color:#fff9;margin-top:.5rem}.accept-btn,.cancel-btn,.create-listing-btn{width:100%;padding:.8rem;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;border:2px solid}.accept-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff}.accept-btn:active{transform:scale(.95)}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.cancel-btn:active{transform:scale(.95)}.create-listing-btn{background:linear-gradient(135deg,var(--swamp-accent),var(--swamp-light));border-color:var(--swamp-accent);color:#fff;margin-top:1.5rem}.create-listing-btn:disabled{opacity:.5;cursor:not-allowed}.create-listing-btn:active:not(:disabled){transform:scale(.95)}.listing-type-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.type-btn{flex:1;padding:.8rem;background:#0f1914b3;border:2px solid rgba(127,176,93,.3);border-radius:8px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.type-btn.active{border-color:var(--swamp-accent);color:var(--swamp-accent);background:#7fb05d33}.price-input-container{margin-bottom:1.5rem}.price-input-container label{display:block;color:#fffc;margin-bottom:.5rem;font-weight:600}.price-input{width:100%;padding:.8rem;background:#0f1914b3;border:2px solid rgba(127,176,93,.3);border-radius:8px;color:#fff;font-size:1rem;font-weight:600}.price-input:focus{outline:none;border-color:var(--swamp-accent);box-shadow:0 0 10px #7fb05d4d}.croc-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;max-height:400px;overflow-y:auto;padding:.5rem}.croc-card{position:relative;background:#0f1914b3;border:2px solid rgba(127,176,93,.3);border-radius:8px;padding:.8rem;cursor:pointer;transition:all .3s ease;text-align:center}.croc-card:hover{transform:translateY(-2px);border-color:var(--swamp-accent)}.croc-card.selected{border-color:#22c55e;background:#22c55e33;box-shadow:0 0 20px #22c55e4d}.croc-image-small{width:60px;height:60px;object-fit:contain;margin-bottom:.5rem}.croc-card-info{display:flex;flex-direction:column;gap:.3rem}.croc-card-name{font-size:.85rem;font-weight:700}.croc-card-level{font-size:.75rem;color:#fff9}.croc-count-badge{position:absolute;top:.5rem;right:.5rem;background:#0f1914f2;border:2px solid #7fb05d;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#7fb05d;box-shadow:0 2px 6px #0006}.empty-state{text-align:center;padding:3rem 1rem;color:#fff9}.empty-state p{margin-bottom:1rem;font-size:1.1rem}.back-button{position:absolute;top:0;left:0;background:#0f1914d9;border:2px solid rgba(127,176,93,.3);color:var(--swamp-accent);padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.croc-selector-grid::-webkit-scrollbar{width:8px}.croc-selector-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.croc-selector-grid::-webkit-scrollbar-thumb{background:#7fb05d80;border-radius:4px}.croc-selector-grid::-webkit-scrollbar-thumb:hover{background:#7fb05db3}.listing-actions{display:flex;gap:.5rem;width:100%}.share-btn{flex:1;padding:.75rem;background:linear-gradient(135deg,#22c55e33,#16a34a33);border:2px solid rgba(34,197,94,.4);border-radius:8px;color:#22c55e;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.share-btn:hover{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.share-btn:active{transform:scale(.95)}.trade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.trade-modal-content{background:linear-gradient(135deg,#1a2820,#0f1912);border:2px solid rgba(127,176,93,.3);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#ef444433;border:2px solid rgba(239,68,68,.4);color:#ef4444;width:36px;height:36px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close-btn:hover{background:#ef44444d;border-color:#ef4444;transform:rotate(90deg)}.modal-title{text-align:center;color:var(--swamp-accent);margin:1.5rem 0;font-size:1.5rem}.trade-seller-section{padding:1.5rem;background:#7fb05d1a;border-radius:12px;margin:1rem 1.5rem;border:2px solid rgba(127,176,93,.2)}.trade-seller-section h3{color:var(--swamp-accent);margin-bottom:1rem;font-size:1.1rem}.trade-croc-display{display:flex;align-items:center;gap:1rem;background:#0000004d;padding:1rem;border-radius:10px}.trade-croc-image{width:80px;height:80px;object-fit:contain;border-radius:8px;background:#ffffff0d}.trade-croc-info{flex:1}.trade-croc-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.trade-croc-stats{color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem}.trade-score{color:#f59e0b;font-weight:600;font-size:1rem}.trade-buyer-section{padding:1.5rem;margin:1rem 1.5rem}.trade-buyer-section h3{color:var(--swamp-accent);margin-bottom:1rem;font-size:1.1rem}.trade-crocs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#0003;border-radius:10px}.trade-croc-card{position:relative;background:#0f1914cc;border:2px solid rgba(127,176,93,.3);border-radius:10px;padding:.75rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.trade-croc-card.eligible{border-color:#22c55e80}.trade-croc-card.eligible:hover{transform:translateY(-4px);border-color:#22c55e;box-shadow:0 4px 12px #22c55e4d;background:#0f1914f2}.trade-croc-card.ineligible{opacity:.4;cursor:not-allowed;border-color:#ef44444d}.trade-croc-card.selected{border-color:#3b82f6;background:#3b82f61a;box-shadow:0 0 20px #3b82f680}.trade-card-image{width:60px;height:60px;object-fit:contain;margin-bottom:.5rem;border-radius:6px;background:#ffffff0d}.trade-card-name{font-size:.85rem;font-weight:600;margin-bottom:.25rem;min-height:2.5em}.trade-card-stats{font-size:.75rem;color:#fff9;margin-bottom:.25rem}.trade-card-rarity{font-size:.7rem;font-weight:600;margin-bottom:.25rem}.trade-card-score{font-size:.8rem;font-weight:700;margin-top:.25rem}.trade-card-score.fair{color:#22c55e}.trade-card-score.unfair{color:#ef4444}.unfair-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ef444426;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.8rem;color:#ef4444;font-weight:700;pointer-events:none}.selected-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f626;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.5rem;pointer-events:none}.trade-modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid rgba(127,176,93,.2)}.modal-cancel-btn{flex:1;padding:.75rem 1.5rem;background:#7f7f7f33;border:2px solid rgba(127,127,127,.4);border-radius:8px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-cancel-btn:hover:not(:disabled){background:#7f7f7f4d;border-color:#ffffff80}.modal-confirm-btn{flex:2;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:2px solid rgba(59,130,246,.5);border-radius:8px;color:#3b82f6;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.modal-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f666,#2563eb66);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.modal-confirm-btn:disabled{opacity:.3;cursor:not-allowed}.trade-summary{text-align:center;padding:0 1.5rem 1rem;color:#fffc;font-size:.9rem}.trade-summary strong{color:var(--swamp-accent);font-weight:700}.no-crocs-message{text-align:center;color:#ffffff80;padding:2rem;font-style:italic}@media (max-width: 768px){.trade-modal-content{max-height:95vh}.trade-crocs-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.trade-croc-card{padding:.5rem}.trade-card-image{width:50px;height:50px}}.user-profile-page{max-width:600px;margin:0 auto;padding-bottom:2rem}.profile-content{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem}.xp-section{background:#2d50164d;border:2px solid var(--swamp-light);border-radius:12px;padding:1rem}.xp-bar-container{width:100%;height:24px;background:#0000004d;border-radius:12px;overflow:hidden;margin-bottom:.5rem}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#7cfc00,#00ff7f);transition:width .3s ease}.xp-text{text-align:center;font-weight:700;color:var(--swamp-accent);font-size:.9rem}.total-xp{margin-left:.5rem;font-size:.8rem;color:#fff9}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{background:#2d50164d;border:2px solid var(--swamp-light);border-radius:12px;padding:1rem;text-align:center;transition:transform .2s}.stat-card:active{transform:scale(.98)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--swamp-accent);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#ffffffb3}.best-croc-section h2{color:var(--swamp-accent);margin-bottom:1rem;text-align:center}.best-croc-card{background:#2d50164d;border:2px solid var(--swamp-light);border-radius:12px;padding:1.5rem}.croc-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.croc-emoji{font-size:3rem}.croc-info h3{margin:0;font-size:1.25rem;color:var(--swamp-accent)}.croc-rarity{font-weight:700;font-size:.875rem}.croc-stats{display:flex;gap:2rem;margin-bottom:1rem}.croc-stat{display:flex;flex-direction:column;gap:.25rem}.croc-stat .label{font-size:.75rem;color:#fff9}.croc-stat .value{font-size:1.1rem;font-weight:700;color:var(--swamp-accent)}.equipped-armor{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.equipped-armor h4{margin:0 0 .75rem;font-size:1rem;color:var(--swamp-accent)}.armor-grid{display:flex;flex-direction:column;gap:.5rem}.armor-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0003;border-radius:8px}.armor-name{font-weight:500}.armor-rarity{font-weight:700;font-size:.875rem}.no-crocs{text-align:center;padding:2rem;background:#2d50164d;border:2px solid var(--swamp-light);border-radius:12px;color:#fff9}.error-message{text-align:center;padding:2rem;background:#ff00001a;border:2px solid rgba(255,0,0,.3);border-radius:12px;color:#ff6b6b}.error-message button{margin-top:1rem;padding:.5rem 1.5rem;background:var(--swamp-primary);border:2px solid var(--swamp-light);border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.chat-toggle-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4a7c59,#2d5016);border:3px solid #6b8e5a;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 4px 12px #0006,0 0 0 2px #6b8e5a4d,inset 0 2px 4px #fff3;z-index:1001;transition:all .3s ease;padding:8px}.chat-toggle-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000080,0 0 0 3px #6b8e5a80,inset 0 2px 4px #ffffff4d}.chat-toggle-button:active{transform:scale(.95)}.chat-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.chat-toggle-button{width:56px;height:56px;bottom:16px;right:16px}.chat-badge{font-size:9px}}.game-chat-container{position:fixed;bottom:20px;right:20px;width:380px;max-width:calc(100vw - 40px);height:500px;max-height:calc(100vh - 40px);background:linear-gradient(145deg,#1a3d1a,#0f2410);border:3px solid #4a7c59;border-radius:16px;box-shadow:0 8px 24px #0009,0 0 0 2px #4a7c5966,inset 0 2px 8px #0000004d;display:flex;flex-direction:column;z-index:1002;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(0);opacity:1;transition:transform .3s ease-out,opacity .3s ease-out}.game-chat-container.open{transform:translate(0);opacity:1}@media (max-width: 768px){.game-chat-container{width:calc(100vw - 32px);height:calc(100vh - 120px);max-height:500px;bottom:16px;right:16px;border-radius:12px}}.game-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#2d5016,#1a3d1a);border-bottom:2px solid #4a7c59;box-shadow:inset 0 1px 2px #ffffff1a}.chat-title{display:flex;align-items:center;gap:8px;color:#a8d5a8;font-weight:700;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.chat-icon{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.chat-close-button{background:transparent;border:none;color:#a8d5a8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-close-button:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.chat-close-button:active{transform:rotate(90deg) scale(.9)}.game-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;background:#0f241080}.game-chat-messages::-webkit-scrollbar{width:8px}.game-chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:4px}.game-chat-messages::-webkit-scrollbar-thumb{background:#4a7c59;border-radius:4px}.game-chat-messages::-webkit-scrollbar-thumb:hover{background:#6b8e5a}.chat-message{background:#2d501699;border:1px solid rgba(74,124,89,.3);border-radius:8px;padding:10px 12px;animation:messageSlideIn .3s ease;box-shadow:0 2px 4px #0003}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}.message-username{font-weight:700;color:#6bcf6b;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.message-time{font-size:11px;color:#7a9a7a;white-space:nowrap}.message-text{color:#d4e6d4;font-size:14px;line-height:1.4;word-wrap:break-word}.game-chat-input-form{display:flex;gap:8px;padding:12px;background:linear-gradient(180deg,#1a3d1a,#0f2410);border-top:2px solid #4a7c59;box-shadow:inset 0 1px 2px #0000004d}.game-chat-input{flex:1;background:#0f2410cc;border:2px solid #4a7c59;border-radius:8px;padding:10px 12px;color:#d4e6d4;font-size:14px;outline:none;transition:all .2s ease}.game-chat-input::placeholder{color:#7a9a7a}.game-chat-input:focus{border-color:#6bcf6b;box-shadow:0 0 0 3px #6bcf6b33;background:#0f2410f2}.chat-send-button{background:linear-gradient(135deg,#4a7c59,#2d5016);border:2px solid #6b8e5a;border-radius:8px;color:#fff;cursor:pointer;padding:10px 14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#6b8e5a,#4a7c59);transform:translateY(-1px);box-shadow:0 4px 8px #0006}.chat-send-button:active:not(:disabled){transform:translateY(0)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.game-chat-input-form{padding:10px}.game-chat-input{font-size:16px;padding:12px}.chat-send-button{padding:12px 16px}}@media (max-width: 480px){.game-chat-container{height:calc(100vh - 100px);max-height:400px}}.overworld-game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;background:#1a3d1a;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;height:100dvh}.phaser-game{width:100%;height:100%;margin:0;padding:0;touch-action:none}.phaser-game canvas{display:block;width:100%!important;height:100%!important;object-fit:cover;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.overworld-game-container{width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available;z-index:1000}.phaser-game{width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available}.phaser-game canvas{width:100vw!important;height:100vh!important;height:100dvh!important;object-fit:cover!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.game-back-button{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4a7c59,#2d5016);border:3px solid #6b8e5a;border-radius:12px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #0006,0 0 0 2px #6b8e5a4d,inset 0 2px 4px #fff3;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.game-back-button:hover{transform:translate(-4px);box-shadow:0 6px 16px #00000080,0 0 0 3px #6b8e5a80,inset 0 2px 4px #ffffff4d}.game-back-button:active{transform:translate(-2px)}.game-back-button svg{transition:transform .3s ease}.game-back-button:hover svg{transform:translate(-2px)}@media (max-width: 768px){.game-back-button{top:16px;left:16px;padding:10px 16px;font-size:14px;gap:6px}.game-back-button span{display:none}.game-back-button{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%}}@media (hover: none) and (pointer: coarse){.overworld-game-container{touch-action:none}}.wallet-connect{padding:12px;border-radius:8px;background:#000000b3;color:#fff;font-size:14px}.wallet-connect.connected{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wallet-provider{font-weight:700;font-size:12px;text-transform:uppercase}.wallet-address{font-family:monospace;background:#ffffff1a;padding:4px 8px;border-radius:4px}.wallet-chain{font-size:11px;color:#aaa;text-transform:capitalize}.wallet-connect-btn,.wallet-disconnect-btn,.wallet-option-btn,.wallet-cancel-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.wallet-connect-btn{background:#4caf50;color:#fff;width:100%}.wallet-connect-btn:hover:not(:disabled){background:#45a049}.wallet-disconnect-btn{background:#f44336;color:#fff;white-space:nowrap}.wallet-disconnect-btn:hover{background:#da190b}.wallet-options{display:flex;flex-direction:column;gap:8px}.wallet-options h3{margin:0 0 8px;font-size:16px}.wallet-option-btn{background:#2196f3;color:#fff;width:100%;text-align:left;padding:12px}.wallet-option-btn:hover:not(:disabled){background:#0b7dda}.wallet-cancel-btn{background:#666;color:#fff;width:100%}.wallet-cancel-btn:hover:not(:disabled){background:#555}.wallet-error{background:#f4433633;color:#ffcdd2;padding:8px;border-radius:4px;margin-bottom:8px;font-size:12px}.wallet-connect.no-wallet{text-align:center}.wallet-connect.no-wallet p{margin:0 0 12px}.wallet-links{display:flex;gap:12px;justify-content:center}.wallet-links a{color:#4caf50;text-decoration:none;font-weight:500}.wallet-links a:hover{text-decoration:underline}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.wallet-connect.connected{flex-direction:column;align-items:stretch}.wallet-info{justify-content:center}.wallet-disconnect-btn{width:100%}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-screen-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.loading-logo{max-width:80%;max-height:50vh;object-fit:contain;animation:pulse 2s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,200,0,.2);border-top:4px solid #00c800;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spectator-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:12px 20px;box-shadow:0 2px 8px #0000004d;border-bottom:2px solid #ff5252;cursor:pointer;transition:background .2s ease,transform .1s ease}.spectator-banner:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(1px)}.spectator-banner:active{transform:translateY(0)}.spectator-banner-content{display:flex;align-items:center;justify-content:center;gap:10px;max-width:1200px;margin:0 auto;font-size:.95em;font-weight:600}.spectator-icon{font-size:1.2em}.spectator-text{text-align:center}.spectator-arrow{font-size:1.2em;margin-left:5px;transition:transform .2s ease}.spectator-banner:hover .spectator-arrow{transform:translate(3px)}@media (max-width: 768px){.spectator-banner{padding:10px 15px}.spectator-banner-content{font-size:.85em;gap:8px}}.wallet-connect-container{position:fixed;top:10px;right:10px;z-index:1000;max-width:300px}@media (max-width: 768px){.wallet-connect-container{top:5px;right:5px;left:5px;max-width:100%}}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);height:auto;max-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.overworld-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.overworld-background>*{pointer-events:auto}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080}.page-container{flex:1;padding:1rem;padding-bottom:60px;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;min-height:0;height:auto;max-height:calc(100vh - 60px)}.page-container:has(.overworld-game-container){padding:0;overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#0a1410f2;border-top:1px solid rgba(127,176,93,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2px 0;z-index:1000;padding-bottom:max(2px,env(safe-area-inset-bottom));height:42px!important}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 4px!important;background:transparent;border:none;color:#fff9;cursor:pointer;transition:all .2s ease;max-width:16.666%;height:100%}.nav-item.active{color:var(--swamp-accent)}.nav-item .nav-icon{font-size:12px!important}.nav-icon-img{width:16px!important;height:16px!important;margin-bottom:0;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.6));object-fit:contain}.nav-item .nav-label{font-size:8px!important;font-weight:500;white-space:nowrap;line-height:1}.nav-item:active{transform:scale(.95)}.card{background:#0f1914d9;border:1px solid rgba(50,80,60,.4);border-radius:8px;padding:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0009}.btn{background:linear-gradient(135deg,var(--swamp-green),var(--swamp-light));border:2px solid var(--swamp-accent);color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin:8px 0}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:linear-gradient(135deg,gold,orange);border-color:gold}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:var(--swamp-accent)}.coming-soon{padding:4rem 2rem;text-align:center}.coming-soon h2{font-size:2rem;margin-bottom:1rem}.coming-soon p{font-size:1.2rem;color:var(--swamp-accent);margin-bottom:2rem}.coming-soon .back-btn{background:var(--swamp-green);border:2px solid var(--swamp-light);color:#fff;padding:1rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer}.error{background:#ff00001a;border:2px solid #ff4444;color:#f66;padding:1rem;border-radius:8px;margin:1rem 0}.success{background:#00ff001a;border:2px solid #44ff44;color:#6f6;padding:1rem;border-radius:8px;margin:1rem 0}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050a08;color:#fff;overflow-x:hidden;overflow-y:auto!important;position:relative;min-height:100%;height:auto;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(5,10,8,.8) 8%,rgba(5,10,8,.6) 10%,transparent 12%,transparent 88%,rgba(5,10,8,.6) 90%,rgba(5,10,8,.8) 92%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(5,10,8,.7) 4%,rgba(5,10,8,.5) 6%,transparent 8%,transparent 20%,rgba(5,10,8,.7) 22%,rgba(5,10,8,.5) 24%,transparent 26%,transparent 38%,rgba(5,10,8,.7) 40%,rgba(5,10,8,.5) 42%,transparent 44%,transparent 56%,rgba(5,10,8,.7) 58%,rgba(5,10,8,.5) 60%,transparent 62%,transparent 74%,rgba(5,10,8,.7) 76%,rgba(5,10,8,.5) 78%,transparent 80%,transparent 92%,rgba(5,10,8,.7) 94%,rgba(5,10,8,.5) 96%,transparent 98%),repeating-linear-gradient(90deg,transparent,transparent 35px,rgba(5,10,8,.4) 35px,rgba(5,10,8,.3) 38px,transparent 38px),linear-gradient(180deg,#0a1410,#0d1a15,#0f1f18 60%,#0a1612);opacity:1;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 10%,rgba(20,40,30,.5) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(15,25,20,.4) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(15,25,20,.3) 0%,transparent 25%);pointer-events:none;z-index:0;animation:forestPulse 8s ease-in-out infinite}@keyframes forestPulse{0%,to{opacity:.6}50%{opacity:.8}}#root{min-height:100vh;width:100%;position:relative;z-index:1;overflow-x:hidden;overflow-y:auto;height:auto}:root{--swamp-dark: #0a1f0d;--swamp-green: #2d5016;--swamp-light: #4a7c2f;--swamp-accent: #7fb05d;--gold: #FFD700;--silver: #C0C0C0;--bronze: #CD7F32}