*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);padding:0;margin:0;min-height:100vh}.container{max-width:100%;margin:0 auto;padding:0 16px 88px}.achievement-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);display:none;align-items:flex-start;gap:12px;max-width:min(90vw,360px);background:#0f172af2;color:#f8fafc;padding:14px 16px;border-radius:14px;box-shadow:0 18px 32px #0f172a59;z-index:5000}.achievement-toast.active{display:flex}.achievement-toast.hidden{display:none}.achievement-toast-icon{font-size:32px;line-height:1}.achievement-toast-content{flex:1;display:flex;flex-direction:column;gap:6px}.achievement-toast-title{font-size:16px;font-weight:700}.achievement-toast-description{font-size:14px;color:#f8fafcd1}.achievement-toast-reward{font-size:13px;color:#38bdf8;font-weight:600}.achievement-toast-close{background:transparent;border:none;color:#f8fafccc;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.achievement-toast-close:active{opacity:.6}.header{background:var(--tg-theme-bg-color, #ffffff);padding:14px 4px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);position:sticky;top:0;z-index:100}.balance{display:flex;gap:16px}.balance-item{display:flex;align-items:center;gap:4px;font-weight:600}.hero-card{background:linear-gradient(135deg,#673ab7d9,#2196f3d9);color:#f5f5ff;border-radius:20px;padding:20px;box-shadow:0 18px 40px #4c1d9540;display:flex;flex-direction:column;gap:12px;overflow:hidden}.hero-card .hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:#ffffff29;border-radius:999px;padding:4px 12px;letter-spacing:.08em;text-transform:uppercase}.hero-card h1{font-size:22px;line-height:1.3;margin:0}.hero-card p{margin:0;font-size:14px;line-height:1.6;color:#f5f5ffe0}.hero-card details{background:#0c132138;border-radius:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.12)}.hero-card details summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;color:#fff}.hero-card details summary::-webkit-details-marker{display:none}.hero-card details[open] summary{margin-bottom:10px}.hero-card details p+p{margin-top:10px}.hero-card .hero-accent{font-weight:600;color:#fff}.hero-card .hero-meta{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.screen{display:none;padding:0 0 20px}.screen.active{display:block}.section{margin-top:18px}.section:first-of-type{margin-top:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px}#collection-preview{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#collection-preview::-webkit-scrollbar{height:4px}#collection-preview::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.btn{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.7}.btn-secondary{background:var(--tg-theme-secondary-bg-color, #f1f1f1);color:var(--tg-theme-text-color, #000000)}.btn-link{background:transparent;border:none;color:var(--tg-theme-link-color, #3390ec);font-size:14px;font-weight:600;cursor:pointer;padding:0}.btn-link:active{opacity:.6}.btn-small{padding:6px 12px;font-size:14px}select.battle-select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);margin-bottom:12px;font-size:14px}.battle-log{max-height:240px;overflow-y:auto;border-radius:8px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:12px;font-size:13px;margin-top:12px}.battle-log-entry{margin-bottom:8px;line-height:1.4}.battle-history-list{display:flex;flex-direction:column;gap:8px}.battle-history-item{background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:10px 12px;border-radius:8px;font-size:13px}.battle-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0f172ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;padding:16px}.battle-modal-overlay.active{display:flex}.battle-modal{position:relative;width:min(640px,100%);max-height:92vh;background:#0f172afa;border-radius:22px;padding:20px 20px 24px;box-shadow:0 24px 60px #0f172a73;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:16px;backdrop-filter:none;-webkit-backdrop-filter:none}.battle-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;border:none;background:#1e40af59;color:#e2e8f0f2;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.battle-modal-close:active{opacity:.7}body.battle-modal-open{overflow:hidden}.battle-setup-card{background:radial-gradient(circle at 20% -10%,rgba(59,130,246,.28),transparent 60%),radial-gradient(circle at 80% 0%,rgba(168,85,247,.3),transparent 55%),#0f172a99;border-radius:18px;padding:16px;margin-bottom:16px;border:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;animation:arenaPulse 12s ease-in-out infinite}.battle-setup-card:after{content:"";position:absolute;top:-70%;right:-70%;bottom:-70%;left:-70%;background:conic-gradient(from 120deg,#3b82f624,#1d4ed814,#ec48992e,#3b82f624);animation:arenaSweep 18s linear infinite;opacity:.8}.battle-setup-card>*{position:relative;z-index:1}.battle-arena{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;position:relative}.battle-side{position:relative;background:#0f172a2e;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.08);min-height:160px}.battle-side--player{box-shadow:inset 0 0 0 1px #3b82f626}.battle-side--enemy{box-shadow:inset 0 0 0 1px #ef44442e}.battle-side-header{display:flex;align-items:center;gap:10px}.battle-side-header img{width:56px;height:56px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:#0f172a59}.battle-side-avatar{width:56px;height:56px;border-radius:14px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;background:linear-gradient(135deg,#3b82f659,#0e749066);color:#fffffff2}.battle-side-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.battle-side-name{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-side-subtitle{font-size:12px;color:#f4f4ffbf}.battle-vs{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#ffffffd9}.battle-types{display:flex;flex-wrap:wrap;gap:6px}.battle-type-badge{font-size:11px;padding:4px 10px;border-radius:999px;background:#3b82f62e;color:#ffffffe6;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.battle-stats{display:flex;flex-direction:column;gap:6px}.battle-stat-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#f1f5f9e6}.battle-stat-bar{flex:1;height:6px;background:#94a3b840;border-radius:999px;overflow:hidden}.battle-stat-fill{height:100%;background:linear-gradient(90deg,#3b82f6d9,#818cf8e6);transition:width .45s ease-out}.battle-side--enemy .battle-stat-fill{background:linear-gradient(90deg,#f87171d9,#ef4444e6)}.battle-ability-highlight{font-size:12px;line-height:1.4;color:#e2e8f0e6;background:#0f172a4d;border-radius:12px;padding:10px;border:1px dashed rgba(148,163,184,.25)}.battle-controls{display:flex;flex-direction:column;gap:10px}.battle-select-group{display:flex;flex-direction:column;gap:6px}.battle-empty-state{font-size:13px;line-height:1.5;color:#f1f5f9d9}.battle-empty-state button{margin-top:12px}.battle-playback{display:none;background:#0f172af2;border-radius:18px;padding:16px;border:1px solid rgba(59,130,246,.18);margin-top:12px;color:#f1f5f9f2;position:relative;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.battle-playback.active{display:block}.battle-playback-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.battle-playback-buttons{display:none}.battle-playback-progress input[type=range]{pointer-events:none;opacity:.55}#battle-playback-speed{display:none}.battle-playback-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:28px;position:relative}.battle-stage-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.battle-stage-avatar-inner{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff38,#3b82f640);box-shadow:0 0 24px #3b82f647;display:flex;align-items:center;justify-content:center;border:2px solid rgba(148,163,184,.35);overflow:hidden;transform:translateZ(0)}.battle-stage-avatar--team-b .battle-stage-avatar-inner{background:radial-gradient(circle at 70% 30%,#ffffff38,#ef444447);box-shadow:0 0 24px #ef444447}.battle-stage-avatar-inner img{width:100%;height:100%;object-fit:cover}.battle-stage-initials{font-size:32px;font-weight:800;color:#0f172ad9}.battle-stage-label{text-align:center;display:flex;flex-direction:column;gap:2px;max-width:160px}.battle-stage-owner{font-size:12px;font-weight:600;color:#e2e8f0bf;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-stage-name{font-size:14px;font-weight:700;color:#f1f5f9f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-stage-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;background:#fbbf2438;border:1px solid rgba(251,191,36,.35);color:#fef3c7e6}.battle-stage-center{position:relative;width:108px;height:36px;border-radius:999px;background:linear-gradient(90deg,#3b82f64d,#a855f759,#ef44444d);display:flex;align-items:center;justify-content:center;color:#e2e8f0cc;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 18px #3b82f640}.battle-stage-center:before,.battle-stage-center:after{content:"";position:absolute;width:90%;height:2px;background:linear-gradient(90deg,#3b82f600,#3b82f673,#ef444400)}.battle-stage-center:before{top:-12px}.battle-stage-center:after{bottom:-12px}.battle-stage-center.flash{animation:centerFlash .65s ease-out}.battle-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f172a8c,#0f172ad9);pointer-events:none;z-index:6}.battle-countdown-text{font-size:48px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0f2;text-shadow:0 0 18px rgba(59,130,246,.55)}.battle-countdown--large .battle-countdown-text{font-size:64px;letter-spacing:.2em}.battle-countdown--small .battle-countdown-text{font-size:36px;letter-spacing:.08em}.battle-countdown--fatal .battle-countdown-text{color:#ef4444eb;text-shadow:0 0 22px rgba(239,68,68,.55)}.battle-damage{position:absolute;top:42%;left:50%;transform:translate(-50%,-10px);font-size:16px;font-weight:700;color:#e2e8f0e6;text-shadow:0 0 8px rgba(15,23,42,.85);opacity:0;pointer-events:none;animation:damageFloat .85s ease-out forwards}.battle-damage--crit{color:#f97316;text-shadow:0 0 12px rgba(249,115,22,.7);font-size:18px}.battle-stage-avatar .battle-damage{top:-6px;font-size:22px;text-shadow:0 0 10px rgba(15,23,42,.9)}.battle-winner-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:14px;background:#3b82f640;color:#e2e8f0f2;display:none;flex-direction:column;align-items:center;gap:4px;box-shadow:0 12px 32px #0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:7;text-align:center}.battle-winner-banner.active{display:flex}.battle-winner-banner--team-a{background:#3b82f647}.battle-winner-banner--team-b{background:#ef444447}.battle-winner-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#e2e8f0bf}.battle-winner-name{font-size:16px;font-weight:700}.battle-winner-creature{font-size:12px;color:#e2e8f0bf}.battle-stage-avatar.attack{animation:stageAttack .45s ease-out}.battle-stage-avatar.hit{animation:stageHit .45s ease-in-out}.battle-stage-avatar.evolution{animation:stageEvolution 1s ease-out}.battle-stage-avatar--summon .battle-stage-avatar-inner{box-shadow:0 0 0 2px #fbbf2480}.battle-playback-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:5}.battle-combatant-panel{background:#0f172a59;border-radius:14px;padding:12px;border:1px solid rgba(107,114,128,.3);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.battle-combatant-header{display:flex;align-items:center;gap:10px}.battle-combatant-header img,.battle-combatant-avatar{width:52px;height:52px;border-radius:14px;border:2px solid rgba(59,130,246,.2);background:#0f172a66;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#f1f5f9e6;overflow:hidden}.battle-combatant-meta{min-width:0}.battle-combatant-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-combatant-subtitle{font-size:11px;color:#cbd5e1cc}.battle-summon-info{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:#94a3b8d9}.battle-summon-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#fbbf2438;border:1px solid rgba(251,191,36,.38);color:#fef3c7eb}.battle-summon-owner{font-weight:600;color:#e2e8f0e6}.battle-hp-track{display:flex;flex-direction:column;gap:6px}.battle-hp-row{display:flex;align-items:center;gap:8px;font-size:13px}.battle-hp-bar{flex:1;height:8px;background:#33415599;border-radius:999px;overflow:hidden}.battle-hp-fill{height:100%;background:linear-gradient(90deg,#22c55ee6,#4ade80e6)}.battle-ability-tags{display:flex;flex-wrap:wrap;gap:6px}.battle-ability-tag{font-size:11px;padding:4px 8px;border-radius:999px;background:#3b82f638;font-weight:600}.battle-status-badges{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}.battle-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:11px;line-height:1.2;background:#22d3ee2e;border:1px solid rgba(34,211,238,.32);color:#e0f2fef2;cursor:default}.battle-status-summary{margin-top:8px;padding-top:6px;border-top:1px dashed rgba(148,163,184,.35);display:flex;flex-direction:column;gap:4px}.battle-status-row{display:flex;align-items:flex-start;gap:8px}.battle-status-row-label{min-width:110px;font-size:11px;color:#cbd5e1cc}.battle-status-row-badges{display:flex;flex-wrap:wrap;gap:4px}.battle-playback-log{min-height:72px;background:#0f172a66;border-radius:12px;padding:12px;font-size:13px;line-height:1.5;border:1px solid rgba(59,130,246,.18);margin-bottom:14px;position:relative;overflow:hidden}.battle-playback-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.battle-playback-buttons{display:flex;align-items:center;gap:8px}.battle-playback-buttons button{background:#3b82f62e;color:#f1f5f9f2;border:none;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer}.battle-playback-buttons button:active{opacity:.7}.battle-playback-buttons button:hover{background:#3b82f647;transform:scale(1.05);transition:all .2s ease}.battle-playback-progress{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1d9}.battle-playback-progress input[type=range]{flex:1}.battle-stats-summary{background:#0f172a59;border-radius:12px;padding:12px;margin:12px 0;border:1px solid rgba(59,130,246,.2)}.battle-stat-card{background:#0f172a40;border-radius:8px;padding:8px;text-align:center;border:1px solid rgba(148,163,184,.15)}.battle-stat-label{font-size:11px;color:#cbd5e1b3;margin-bottom:4px;font-weight:500}.battle-stat-value{font-size:18px;font-weight:700;color:#f1f5f9f2}.battle-combatant-panel.hit{animation:battleHit .45s ease-out}.battle-combatant-panel.focus{box-shadow:0 0 0 2px #3b82f659,0 12px 42px -18px #3b82f6bf}.battle-combatant-panel.evolved:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:1px solid rgba(244,114,182,.55);box-shadow:0 0 25px #f472b673;animation:evolutionGlow 1s ease-out forwards}.battle-effect-pulse,.battle-effect-flash,.battle-effect-stack,.battle-effect-evolution{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.battle-effect-pulse{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%);animation:battlePulse .8s ease-out forwards}.battle-effect-flash{background:radial-gradient(circle at center,rgba(253,224,71,.35),transparent 60%);animation:battleFlash .65s ease-out forwards;mix-blend-mode:screen}.battle-effect-stack{background:repeating-linear-gradient(135deg,rgba(236,72,153,.32) 0 12px,transparent 12px 24px);animation:stackSweep 1.2s ease-out forwards;mix-blend-mode:screen}.battle-effect-evolution{width:180px;height:180px;border-radius:50%;background:conic-gradient(from 180deg,#3b82f64d,#f472b645,#3b82f64d);animation:evolutionSpin 1.4s ease-out forwards}.battle-playback-log.flash{animation:logFlash .45s ease-out}@keyframes battlePulse{0%{transform:scale(.45);opacity:.95}to{transform:scale(1.4);opacity:0}}@keyframes battleFlash{0%{opacity:.65}to{opacity:0}}@keyframes battleHit{0%{transform:translate(0)}35%{transform:translate(8px)}to{transform:translate(0)}}@keyframes evolutionGlow{0%{opacity:1}to{opacity:0}}@keyframes stackSweep{0%{transform:translate(-120%);opacity:.9}to{transform:translate(120%);opacity:0}}@keyframes evolutionSpin{0%{transform:scale(.5) rotate(0);opacity:.95}to{transform:scale(1.6) rotate(240deg);opacity:0}}@keyframes stageAttack{0%{transform:scale(1) translate(0);box-shadow:0 0 24px #3b82f647}40%{transform:scale(1.08) translate(6px);box-shadow:0 0 32px #3b82f680}to{transform:scale(1) translate(0);box-shadow:0 0 24px #3b82f647}}@keyframes stageHit{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(.94);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}@keyframes stageEvolution{0%{transform:scale(1);box-shadow:0 0 24px #f472b673}50%{transform:scale(1.12);box-shadow:0 0 40px #f472b699}to{transform:scale(1);box-shadow:0 0 24px #f472b659}}@keyframes damageFloat{0%{opacity:0;transform:translate(-50%,12px) scale(.9)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-32px) scale(1.05)}}@keyframes centerFlash{0%{transform:scale(1);box-shadow:0 0 #3b82f666}40%{transform:scale(1.05);box-shadow:0 0 26px #a855f780}to{transform:scale(1);box-shadow:0 0 #3b82f64d}}@keyframes arenaPulse{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(18deg)}}@keyframes arenaSweep{0%{transform:rotate(0);opacity:.6}50%{opacity:.85}to{transform:rotate(360deg);opacity:.6}}@keyframes logFlash{0%{box-shadow:0 0 #3b82f600}45%{box-shadow:0 0 28px #3b82f652}to{box-shadow:0 0 #3b82f600}}.creature-card{background:var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:12px;padding:12px;margin-bottom:12px;cursor:pointer;transition:transform .2s;position:relative}.creature-card:active{transform:scale(.98)}.creature-img{width:100%;height:min(150px,45vw);border-radius:8px;overflow:hidden;background:var(--tg-theme-bg-color, #ffffff);display:flex;align-items:center;justify-content:center;font-size:48px}.creature-name{font-weight:600;margin-top:8px;font-size:16px}.creature-price{color:var(--tg-theme-link-color, #3390ec);font-weight:600;margin-top:4px}.rarity-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-top:4px}.profession-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-top:6px;padding:4px 10px;border-radius:999px;background:#3390ec1f;color:var(--tg-theme-link-color, #3390ec)}.profession-tag .profession-level{font-size:11px;color:#3390ecbf;font-weight:600}.profession-bonus{font-size:11px;color:var(--tg-theme-hint-color, #999999);margin-top:4px;line-height:1.4}.profession-bonus-list{margin-top:8px;padding-left:18px;font-size:12px;color:var(--tg-theme-hint-color, #999999);line-height:1.5}.profession-progress{margin-top:6px}.profession-progress .progress-bar{height:6px}.rarity-common{background:#e0e0e0;color:#424242}.rarity-rare{background:#90caf9;color:#1565c0}.rarity-epic{background:#ba68c8;color:#6a1b9a}.rarity-legendary{background:#ffd54f;color:#f57f17}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--tg-theme-bg-color, #ffffff);border-top:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);display:flex;justify-content:space-around;padding:12px 0;z-index:100}.nav-item{padding:8px 16px;cursor:pointer;font-size:24px;transition:opacity .2s;opacity:.6}.nav-item.active{opacity:1}.nav-item:active{opacity:.5}.gift-item{background:var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:12px;padding:16px;margin-bottom:12px;position:relative}.creature-card--preview{min-width:156px;max-width:156px;border-radius:14px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:10px;display:flex;flex-direction:column;gap:8px;scroll-snap-align:start;box-shadow:0 6px 14px #0000000d}.creature-card--preview.more{align-items:center;justify-content:center;gap:6px;color:var(--tg-theme-link-color, #3390ec);font-weight:600}.creature-card--preview .creature-img{border-radius:12px;height:120px}.creature-card--preview .creature-name{font-size:15px;margin-top:0}.creature-card--preview .creature-meta{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.collection-preview-empty{padding:16px;border-radius:12px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);color:var(--tg-theme-hint-color, #999999);font-size:14px}.loading{text-align:center;padding:32px;color:var(--tg-theme-hint-color, #999999)}.error{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-bottom:16px}.success{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:8px;margin-bottom:16px}.info-card{background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:16px;border-radius:12px;margin:16px 0;border-left:4px solid var(--tg-theme-link-color, #3390ec)}.info-card h4{margin-bottom:8px;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.stat-card{background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:16px;border-radius:12px;text-align:center}.stat-card .stat-value{font-size:24px;font-weight:700;color:var(--tg-theme-link-color, #3390ec)}.stat-card .stat-label{font-size:12px;color:var(--tg-theme-hint-color, #999999);margin-top:4px}.progress-bar{width:100%;height:8px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:4px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:var(--tg-theme-link-color, #3390ec);transition:width .3s}.tab-button{padding:8px 16px;border:none;background:transparent;color:var(--tg-theme-hint-color, #999999);cursor:pointer;border-bottom:2px solid transparent;font-size:14px}.tab-button.active{color:var(--tg-theme-text-color, #000000);border-bottom-color:var(--tg-theme-link-color, #3390ec)}.tab-content{display:none;margin-top:16px}.tab-content.active{display:block}#user-autocomplete{position:absolute;background:var(--tg-theme-bg-color, #ffffff);border:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;width:100%;margin-top:4px;display:none}#autocomplete-list{max-height:200px;overflow-y:auto}input,textarea{width:100%;padding:12px;border:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:8px;font-size:16px;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);margin-bottom:12px}h2{margin-bottom:16px;font-size:20px}h3{margin-bottom:12px;font-size:18px}@media(max-width:480px){body{font-size:14px}.container{padding:0 12px 72px}.header{padding:12px 0 10px}.balance-item{font-size:14px;gap:3px}.hero-card{padding:18px;border-radius:18px;gap:10px}.hero-card h1{font-size:20px}.btn{padding:10px 16px;font-size:14px}.btn-small{padding:6px 10px;font-size:13px}.screen{padding:0 0 18px}.section{margin-top:16px}.section-header{margin-bottom:10px}.section-title{font-size:15px}h2{font-size:18px;margin-bottom:12px}h3{font-size:16px;margin-bottom:10px}.creature-card{padding:10px;border-radius:10px}.creature-img{height:min(132px,42vw);border-radius:10px}.creature-card--preview{min-width:140px;max-width:140px;padding:9px}.creature-card--preview .creature-img{height:108px}.gift-item{padding:14px}.bottom-nav{padding:8px 0}.nav-item{font-size:22px;padding:6px 10px}input,textarea{padding:10px;font-size:15px}.stats-grid{gap:10px}.stat-card{padding:12px}.battle-stage-avatar-inner{width:78px;height:78px}.battle-stage-avatar{min-width:96px}.battle-stage-center{width:84px;height:32px;font-size:10px}.battle-stage-owner{font-size:11px}.battle-stage-name{font-size:13px}}