:root{--bg0:#000511;--bg1:#0a0f1f;--panel: rgba(255,255,255,.04);--panel2: rgba(255,255,255,.08);--text:#f8fafc;--muted: rgba(248,250,252,.65);--gold:#fbbf24;--accent:#60a5fa;--danger:#f87171;--ok:#34d399;--shadow: 0 12px 30px rgba(0,0,0,.65);--radius: 16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 50% 15%,rgba(125,211,252,.16),transparent 60%),radial-gradient(900px 600px at 20% 85%,rgba(246,208,122,.14),transparent 55%),radial-gradient(600px 400px at 80% 75%,rgba(167,139,250,.1),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(125,211,252,.08) 0%,transparent 30%),radial-gradient(circle at 75% 75%,rgba(246,208,122,.06) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(167,139,250,.04) 0%,transparent 40%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 60% 20%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.15),transparent),radial-gradient(1.5px 1.5px at 70% 80%,rgba(255,255,255,.2),transparent);background-size:200px 200px,150px 150px,180px 180px,220px 220px,160px 160px;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(520px,100%);margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;gap:12px;align-items:center;padding:14px 14px 10px}.avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#7dd3fccc,#f6d07a99),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:rgb(125,211,252);stop-opacity:0.8" /><stop offset="100%" style="stop-color:rgb(246,208,122);stop-opacity:0.6" /></linearGradient></defs><circle cx="50" cy="40" r="15" fill="url(%23grad)"/><path d="M30 70 Q50 55 70 70 L65 85 Q50 75 35 85 Z" fill="url(%23grad)"/></svg>');background-size:cover,contain;background-position:center;box-shadow:0 0 20px #7dd3fc66,var(--shadow);border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden}.avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:avatarShine 3s ease-in-out infinite}@keyframes avatarShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.identity{flex:1;display:flex;flex-direction:column;gap:6px}.titleRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.name{font-weight:700;letter-spacing:.2px}.realm{color:var(--gold);font-size:12px;opacity:.95}.chips{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.chip{padding:10px 14px;border-radius:14px;background:var(--panel2);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #0006}.chipLabel{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chipValue{font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5)}.main{position:relative;padding:10px 14px 0;flex:1}.panel{background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.progressPanel{padding:12px;display:flex;flex-direction:column;gap:10px}.progressBar{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#7dd3fcd9,#f6d07ad9)}.actions{display:flex;gap:10px}.btn{flex:1;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7dd3fc4d;background:#ffffff1f}.btn:active{transform:translateY(1px);box-shadow:0 2px 8px #0003}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:hover{background:#ffffff14;transform:none;box-shadow:none}.btnPrimary{background:linear-gradient(180deg,#f6d07af2,#f6d07a8c);border-color:#f6d07a73;color:#1a1f33;font-weight:800;box-shadow:0 4px 16px #f6d07a4d}.btnPrimary:hover{background:linear-gradient(180deg,#f6d07a,#f6d07aa6);box-shadow:0 6px 24px #f6d07a80;transform:translateY(-1px)}.btnDanger{background:linear-gradient(180deg,#fb7185f2,#fb71858c);border-color:#fb718566;color:#240c14;font-weight:800;box-shadow:0 4px 16px #fb71854d}.btnDanger:hover{background:linear-gradient(180deg,#fb7185,#fb7185a6);box-shadow:0 6px 24px #fb718580;transform:translateY(-1px)}.centerArt{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.rune{width:320px;height:320px;border-radius:999px;background:radial-gradient(circle at 50% 50%,#ffffff26,#ffffff0d 55%,#fff0 70%),conic-gradient(from 20deg,#7dd3fc4d,#f6d07a40,#a78bfa33,#7dd3fc4d);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 40px #7dd3fc4d,0 0 80px #f6d07a33,0 24px 60px #00000080;position:relative;overflow:hidden}.rune:before{content:"";position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:999px;border:2px dashed rgba(246,208,122,.45);filter:drop-shadow(0 0 15px rgba(246,208,122,.3));animation:spin 12s linear infinite}.rune:after{content:"";position:absolute;top:64px;right:64px;bottom:64px;left:64px;border-radius:999px;background:radial-gradient(circle at 50% 55%,#7dd3fc2e,#111a3300 62%);border:2px solid rgba(125,211,252,.28);box-shadow:inset 0 0 20px #f6d07a26}.rune-symbols{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:999px;pointer-events:none}.rune-symbol{position:absolute;color:#f6d07a99;font-size:10px;font-weight:700;animation:pulse 3s ease-in-out infinite}.rune-symbol:nth-child(1){top:10%;left:50%;transform:translate(-50%);animation-delay:0s}.rune-symbol:nth-child(2){top:30%;right:15%;animation-delay:.5s}.rune-symbol:nth-child(3){bottom:30%;right:15%;animation-delay:1s}.rune-symbol:nth-child(4){bottom:10%;left:50%;transform:translate(-50%);animation-delay:1.5s}.rune-symbol:nth-child(5){bottom:30%;left:15%;animation-delay:2s}.rune-symbol:nth-child(6){top:30%;left:15%;animation-delay:2.5s}@keyframes pulse{0%,to{opacity:.4;transform:scale(1) translate(-50%)}50%{opacity:1;transform:scale(1.2) translate(-50%)}}.rune-symbol:nth-child(2),.rune-symbol:nth-child(3),.rune-symbol:nth-child(4),.rune-symbol:nth-child(5),.rune-symbol:nth-child(6){animation-name:pulseNoTranslate}@keyframes pulseNoTranslate{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.silhouette{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:160px;height:180px;border-radius:90px 90px 60px 60px;background:linear-gradient(135deg,#eef2ff33,#a78bfa1a),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 140"><defs><linearGradient id="meditator" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:rgb(238,242,255);stop-opacity:0.4" /><stop offset="50%" style="stop-color:rgb(167,139,250);stop-opacity:0.3" /><stop offset="100%" style="stop-color:rgb(125,211,252);stop-opacity:0.2" /></linearGradient><radialGradient id="aura"><stop offset="0%" style="stop-color:rgb(246,208,122);stop-opacity:0.3" /><stop offset="100%" style="stop-color:transparent;stop-opacity:0" /></radialGradient></defs><circle cx="50" cy="25" r="15" fill="url(%23meditator)"/><circle cx="50" cy="25" r="20" fill="none" stroke="url(%23aura)" stroke-width="0.5"/><path d="M35 55 Q50 35 65 55 L75 95 Q50 85 25 95 Z" fill="url(%23meditator)" stroke="rgba(238,242,255,0.1)" stroke-width="0.5"/><path d="M30 95 Q50 85 70 95 L65 125 Q50 115 35 125 Z" fill="url(%23meditator)" stroke="rgba(238,242,255,0.1)" stroke-width="0.5"/><circle cx="42" cy="60" r="2" fill="rgba(246,208,122,0.6)"/><circle cx="58" cy="60" r="2" fill="rgba(246,208,122,0.6)"/><path d="M50 65 Q45 68 40 65" fill="none" stroke="rgba(238,242,255,0.3)" stroke-width="1"/></svg>');background-size:cover,contain;background-position:center;border:2px solid rgba(255,255,255,.15);filter:blur(.5px);animation:meditateFloat 6s ease-in-out infinite;box-shadow:0 0 30px #7dd3fc66,inset 0 0 20px #a78bfa33}@keyframes meditateFloat{0%,to{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(-50%,-52%) scale(1.01)}66%{transform:translate(-50%,-48%) scale(.99)}}.silhouette:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(125,211,252,.4),transparent,rgba(246,208,122,.3),transparent,rgba(167,139,250,.2),transparent),conic-gradient(from 60deg,transparent,rgba(255,255,255,.2),transparent,rgba(246,208,122,.2),transparent);background-size:100% 100%,80% 80%;background-position:center;animation:energyOrbit 12s linear infinite;z-index:-1;filter:blur(1px)}@keyframes energyOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.silhouette:after{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle,#f6d07ae6,#f6d07a66);border-radius:50%;top:15%;left:65%;box-shadow:15px 20px 0 3px #7dd3fcb3,-20px 30px 0 2px #a78bfacc,25px 50px 0 4px #f6d07a99,-15px 60px 0 2px #7dd3fc80,10px 80px 0 3px #a78bfa99,-25px 70px 0 2px #f6d07a66;animation:particleFloat 4s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6;filter:blur(0px)}25%{transform:translateY(-8px) scale(1.1);opacity:.9;filter:blur(1px)}50%{transform:translateY(-12px) scale(1.2);opacity:1;filter:blur(2px)}75%{transform:translateY(-6px) scale(1.05);opacity:.8;filter:blur(.5px)}}.silhouette-aura{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(125,211,252,.1) 70%,transparent 100%);animation:auraPulse 8s ease-in-out infinite;pointer-events:none}@keyframes auraPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.centerStats{text-align:center}.bigGain{font-size:22px;font-weight:900;letter-spacing:.2px;color:#f6d07af2}.muted{color:var(--muted);font-size:12px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;border-top:1px solid rgba(255,255,255,.1);background:#0000002e;position:sticky;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab{text-align:center;padding:8px 6px;border-radius:12px;color:#eef2ffb8;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;cursor:pointer;font-size:11px;transition:all .2s ease}.tab:hover{background:#ffffff1a;transform:translateY(-1px)}.tabActive{color:#1a1f33f2;background:linear-gradient(180deg,#7dd3fcf2,#7dd3fc8c);border-color:#7dd3fc73;font-weight:900}.card{padding:12px}.card h3{margin:0 0 8px;font-size:14px;color:#eef2ffe6}.list{display:flex;flex-direction:column;gap:8px}.item{padding:10px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.itemTitle{font-weight:800}.itemSub{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.4}.log{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#eef2ffc7;max-height:240px;overflow:auto}.logLine{padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.1)}.kbd{display:inline-block;padding:2px 6px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);font-variant-numeric:tabular-nums}.quality-common{border-left:3px solid #888}.quality-rare{border-left:3px solid #4a9eff}.quality-epic{border-left:3px solid #b19cd9}.quality-legendary{border-left:3px solid #ffd700;background:linear-gradient(90deg,rgba(255,215,0,.1),transparent)}.pet-active{background:#34d3991a;border-color:#34d3994d}.pet-resting{background:#ffffff0f;border-color:#ffffff1a}.activity-available{background:#7dd3fc1a;border-color:#7dd3fc4d}.activity-completed{background:#34d3991a;border-color:#34d3994d}.activity-expired{background:#fb71851a;border-color:#fb71854d;opacity:.6}.equipment-equipped{background:#f6d07a1a;border-color:#f6d07a4d}.difficulty-easy{color:var(--ok)}.difficulty-normal{color:var(--accent)}.difficulty-hard{color:#ff9800}.difficulty-nightmare{color:var(--danger)}.pill-use-effect{animation:pillGlow .6s ease-out}@keyframes pillGlow{0%{box-shadow:0 0 #f6d07acc}to{box-shadow:0 0 20px #f6d07a00}}.equipment-switch{animation:equipFlash .4s ease-out}@keyframes equipFlash{0%,to{background:#ffffff0f}50%{background:#f6d07a33}}.skill-tag{display:inline-block;padding:1px 6px;margin:2px;border-radius:6px;background:#7dd3fc33;border:1px solid rgba(125,211,252,.3);font-size:10px;color:#eef2ffe6}.mini-progress{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:4px 0}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:2px;transition:width .3s ease}.countdown-urgent{color:var(--danger)!important;font-weight:700;animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.6}}.avatar-option{cursor:pointer;transition:all .2s ease}.avatar-option:hover{transform:scale(1.1);box-shadow:0 0 15px #7dd3fc66}.avatar-option.selected{border:2px solid var(--gold)!important;transform:scale(1.05);box-shadow:0 0 20px #f6d07a80}.settings-input{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--text);font-size:14px;margin:10px 0;width:100%;transition:all .2s ease}.settings-input:focus{outline:none;border-color:var(--accent);background:#ffffff1f;box-shadow:0 0 10px #7dd3fc33}.gm-panel{border:2px solid var(--gold);background:linear-gradient(135deg,#f6d07a26,#ffd7000d);box-shadow:0 0 25px #f6d07a4d}.gm-button{background:linear-gradient(135deg,#f6d07acc,#ffd70099);border-color:#f6d07a66;color:#1a1f33;font-weight:700}.gm-button:hover{background:linear-gradient(135deg,#f6d07a,#ffd700cc);box-shadow:0 6px 20px #f6d07a80}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:inherit}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.header-left,.header-right{flex:1;display:flex;align-items:center}.header-center{flex:2;display:flex;justify-content:center}.player-name-section{position:relative}.nameEditBtn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.nameEditBtn:hover{background:#ffffff26;border-color:#ffffff4d}.nameEditPanel{position:absolute;top:100%;left:0;margin-top:8px;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;display:flex;gap:8px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.timer{font-size:14px;color:var(--muted);font-weight:500;padding:6px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.mainContent{flex:1;padding:16px;max-width:520px;margin:0 auto;width:100%}.status-bar{display:flex;gap:12px;padding:12px;background:#ffffff14;border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.status-item{flex:1;min-width:80px;text-align:center}.status-label{font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-value{font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.avatar{display:flex;flex-direction:column;align-items:center;gap:6px}.avatar-name{font-size:12px;font-weight:600;color:var(--text)}.avatar-level{font-size:11px;color:var(--gold);font-weight:700}.progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.realm-info{flex:1}.realm-name{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}.level-info{font-size:12px;color:var(--gold);font-weight:600}.progress-text{text-align:right;font-size:12px;color:var(--muted);line-height:1.4}.progress-container{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#7dd3fccc,#f6d07acc);border-radius:6px;position:relative;transition:width .3s ease}.progress-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressGlow 2s ease-in-out infinite}@keyframes progressGlow{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.progress-percentage{font-size:12px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;min-width:35px;text-align:right}.meditation-panel{margin-bottom:16px}.meditation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.meditation-info{text-align:right;font-size:12px;color:var(--muted);line-height:1.3}.meditation-content{display:flex;justify-content:center;padding:20px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.meditating-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#0003;border-radius:16px;margin:20px 0}.meditation-placeholder{width:100%;height:300px;max-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.3);border-radius:16px;background:#ffffff0d;color:#ffffffb3;font-size:14px;margin:0 auto}.placeholder-icon{font-size:72px;margin-bottom:12px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-text{font-weight:600;margin-bottom:4px;font-size:16px}.placeholder-size{font-size:12px;color:#ffffff80;margin-bottom:2px}.placeholder-format{font-size:11px;color:#fff6}.meditating-figure{filter:drop-shadow(0 0 10px rgba(125,211,252,.3));transition:all .3s ease}.meditating-figure.active{filter:drop-shadow(0 0 20px rgba(125,211,252,.6))}.meditating-status{font-size:12px;color:var(--gold);font-weight:600;text-align:center;animation:statusPulse 3s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.7}50%{opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(180deg,#ffffff26,#ffffff14);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:20px;max-width:90vw;max-height:90vh;overflow-y:auto}.avatar-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:16px 0}.avatar-option{padding:12px;text-align:center;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;cursor:pointer;transition:all .2s ease;font-size:14px}.avatar-option:hover{border-color:var(--accent);background:#60a5fa1a;transform:translateY(-2px)}.avatar-option.selected{border-color:var(--gold);background:#fbbf2433;color:var(--gold);font-weight:600}.modal-content{max-width:400px;width:90%;box-shadow:var(--shadow)}.modal-content h3{margin:0 0 16px;color:var(--text);font-size:16px;font-weight:800}.modal-content p{margin:0 0 20px;color:var(--muted);line-height:1.5}.sect-joined{background:#34d3991a;border-color:#34d3994d}.sect-hidden{background:#dc26261a;border-color:#dc26264d}.pets-container{max-width:1200px;margin:0 auto;padding:20px}.pets-header{text-align:center;margin-bottom:30px}.pets-header h2{font-size:2.5em;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pets-header p{color:var(--muted);font-size:1.1em}.pets-controls{display:flex;gap:20px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.filter-group,.sort-group{display:flex;align-items:center;gap:8px}.filter-group label,.sort-group label{color:var(--text);font-weight:700}.filter-group select,.sort-group select{padding:8px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:var(--panel2);color:var(--text);min-width:120px}.pets-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.stat-item{background:var(--panel2);padding:15px 25px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:5px}.stat-item span:first-child{color:var(--muted);font-size:.9em}.stat-item span:last-child{color:var(--text);font-weight:700;font-size:1.2em}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.pet-card{background:var(--panel2);border-radius:12px;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.pet-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.pet-card.active{border-color:#4ade80;background:linear-gradient(135deg,#4ade801a,#4ade800d)}.pet-header{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;border-left:4px solid}.pet-name{font-size:1.2em;font-weight:700;color:var(--text);margin:0}.pet-quality{font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pet-info{padding:20px}.pet-species{color:var(--accent);font-weight:700;margin-bottom:8px}.pet-desc{color:var(--muted);margin-bottom:15px;line-height:1.4}.pet-stats{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.pet-stats span{background:var(--panel);padding:5px 10px;border-radius:4px;font-size:.9em;color:var(--text)}.pet-skills{margin-bottom:15px}.pet-skills strong{color:var(--text);display:block;margin-bottom:8px}.skill-tag{display:inline-block;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8em;margin:2px 4px 2px 0}.pet-bonus{background:var(--panel);padding:10px;border-radius:6px;margin-bottom:15px}.pet-bonus p{margin:5px 0;color:var(--text);font-size:.9em}.pet-actions{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;flex-wrap:wrap}.pet-actions button{flex:1;min-width:100px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:700;transition:all .3s ease}.pet-actions button:disabled{opacity:.5;cursor:not-allowed}.challenges-container{max-width:1200px;margin:0 auto;padding:20px}.challenges-header{text-align:center;margin-bottom:30px}.challenges-header h2{font-size:2.5em;margin-bottom:10px;background:linear-gradient(45deg,#f97316,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.challenges-header p{color:var(--muted);font-size:1.1em}.challenges-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.challenges-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.challenge-card{background:var(--panel2);border-radius:12px;border:2px solid transparent;transition:all .3s ease;cursor:pointer;overflow:hidden}.challenge-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.challenge-card.current{border-color:#f97316;background:linear-gradient(135deg,#f973161a,#f973160d)}.challenge-card.locked{opacity:.6;border-color:#9ca3af4d}.challenge-header{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.challenge-name{font-size:1.2em;font-weight:700;color:var(--text);margin:0}.challenge-difficulty{font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:1px}.challenge-info{padding:20px}.challenge-desc{color:var(--muted);margin-bottom:15px;line-height:1.4}.challenge-requirements{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap;font-size:.9em;color:var(--text)}.challenge-rewards{display:flex;gap:15px;flex-wrap:wrap;font-size:.9em}.challenge-rewards strong{color:var(--text)}.challenge-rewards span{background:var(--panel);padding:4px 8px;border-radius:4px;color:var(--accent)}.challenge-actions{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)}.challenge-actions button{width:100%;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.challenges-navigation{display:flex;justify-content:center;align-items:center;gap:20px}.page-info{color:var(--text);font-weight:700}.challenge-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--panel);border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{margin-top:0;margin-bottom:15px;color:var(--text)}.enemy-list{margin:20px 0}.enemy-item{background:var(--panel2);padding:8px 12px;margin:5px 0;border-radius:4px;color:var(--text)}@media (max-width: 480px){.header{padding:8px 12px}.mainContent{padding:12px}.status-bar{gap:8px}.status-item{min-width:60px}.progress-header{flex-direction:column;gap:8px}.progress-text{text-align:left}.meditation-header{flex-direction:column;gap:8px;align-items:stretch}.meditation-info{text-align:left}}