:root{--bg:#0e1a10;--panel-bg:#1c2b1e;--panel-border:#3a4d3c;--text:#f1f5f0;--text-dim:#b8c4b8;--accent:#f2b705;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#root{min-height:100svh}.game-shell{width:100vw;height:100svh;position:fixed;inset:0;overflow:hidden}.phaser-container{width:100%;height:100%;line-height:0;position:absolute;inset:0}.phaser-container canvas{display:block}.hud-chip{-webkit-backdrop-filter:blur(6px);background:#080e0c8c;border:1px solid #ffffff24;border-radius:14px;box-shadow:0 8px 20px #00000059,inset 0 1px #ffffff0f}.energy-bar-wrap{z-index:10;padding:10px 46px 10px 10px;position:fixed;top:68px;left:16px}.profile-row{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:16px}.profile-chip{cursor:pointer;color:var(--text);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex}.profile-chip:hover{border-color:var(--accent)}.profile-chip__avatar{object-fit:cover;background:var(--bg);border:1px solid #fff3;border-radius:50%;width:32px;height:32px}.profile-chip__name{font-size:13px;font-weight:700}.profile-chip__level{color:var(--text-dim);font-size:11px}.elo-badge{color:var(--accent);letter-spacing:.03em;border-color:#f2b7058c;border-radius:999px;align-items:center;padding:8px 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #00000059,inset 0 1px #ffffff14,0 0 0 1px #f2b7052e}.energy-bar{width:230px;height:49px;position:relative}.energy-bar__frame{width:100%;height:100%;display:block;position:absolute;inset:0}.energy-bar__segments{align-items:stretch;gap:3px;display:flex;position:absolute;inset:30% 15% 30% 19%}.energy-bar__segment{background:0 0;border-radius:1px;flex:1}.energy-bar__segment--filled{background:#3fa9ff;box-shadow:0 0 4px #3fa9ffcc}.energy-bar__label{color:var(--text-dim);font-size:12px;position:absolute;top:50%;right:-34px;transform:translateY(-50%)}.energy-bar__regen{color:var(--text-dim);white-space:nowrap;font-size:10px;position:absolute;top:calc(50% + 12px);right:-34px}.currency-display{z-index:10;border-radius:999px;gap:14px;padding:10px 18px;display:flex;position:fixed;top:16px;right:16px}.currency-display__item{align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.currency-icon{width:14px;height:14px;display:inline-block}.currency-icon--coin{background:radial-gradient(circle at 35% 30%,#ffe58a,#f2b705 55%,#b9840a 100%);border-radius:50%;box-shadow:inset 0 0 0 1px #8a5f03}.currency-icon--gem{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);background:linear-gradient(135deg,#9be8ff,#2b8fe0 55%,#1a5fa0)}.action-bar{z-index:10;gap:10px;display:flex;position:fixed;bottom:20px;left:20px}.action-bar__button{cursor:pointer;filter:drop-shadow(0 4px 8px #0006);background:0 0;border:none;width:72px;height:72px;padding:0;transition:transform .1s}.action-bar__button:hover{transform:translateY(-2px)}.action-bar__button img{object-fit:contain;width:100%;height:100%}.action-bar__button--pvp{background:radial-gradient(circle at 35% 30%,#3a2410,#1c1208 70%);border:2px solid #f2b705;border-radius:50%;justify-content:center;align-items:center;font-size:30px;display:flex}.pvp-challenge-banner{z-index:15;border:1px solid var(--accent);color:var(--text);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600;animation:1.8s ease-in-out infinite pvp-banner-pulse;position:fixed;top:64px;left:50%;transform:translate(-50%)}.pvp-challenge-banner:hover{filter:brightness(1.1)}@keyframes pvp-banner-pulse{0%,to{box-shadow:0 0 #f2b70559}50%{box-shadow:0 0 0 6px #f2b70500}}.pvp-searching{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.pvp-searching__countdown{color:var(--accent);margin:4px 0 10px;font-size:40px;font-weight:800}.pvp-searching__cancel{border:1px solid var(--panel-border);width:100%;color:var(--text);cursor:pointer;background:#00000040;border-radius:10px;padding:10px}.pvp-searching__cancel:hover{border-color:var(--accent);color:var(--accent)}.crash-screen{z-index:100;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crash-screen__card{text-align:center;border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:16px;width:320px;padding:24px}.crash-screen__card h2{margin:0 0 8px}.crash-screen__card p{color:var(--text-dim);margin:0 0 16px}.crash-screen__card button{color:#2b1c02;cursor:pointer;background:linear-gradient(#ffd75e,#f2b705 55%,#d69a04);border:1px solid #b9840a;border-radius:10px;width:100%;padding:12px;font-weight:800}.coming-soon-panel{top:50%;left:50%;transform:translate(-50%,-50%)}.login-screen{background:url(/assets/login/login-bg.png) 50%/cover no-repeat;justify-content:center;align-items:flex-end;padding-bottom:9vh;display:flex;position:fixed;inset:0}.login-card{width:320px;max-width:calc(100vw - 40px);position:static}.login-card__header{justify-content:center;margin-bottom:2px}.login-card__header h2{font-size:19px}.login-form{flex-direction:column;gap:10px;display:flex}.login-form__input{border:1px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.login-form__input:focus{border-color:var(--accent);outline:none}.login-form__error{color:#e0512b;margin:0;font-size:12px}.login-form__submit{border:1px solid var(--accent);background:var(--accent);color:#0e1a10;cursor:pointer;border-radius:8px;padding:10px;font-weight:700}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.loading-shell{z-index:20;background:var(--bg);color:var(--text-dim);justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;inset:0}.loading-shell__retry{flex-direction:column;align-items:center;gap:10px;display:flex}.loading-shell__retry button{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 18px;font-size:13px}.loading-shell__retry button:hover{border-color:var(--accent);color:var(--accent)}.logout-button{z-index:10;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;position:fixed;top:78px;right:20px}.logout-button:hover{border-color:var(--accent);color:var(--accent)}.shop-button{z-index:10;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;position:fixed;top:116px;right:20px}.shop-button:hover{border-color:var(--accent);color:var(--accent)}.toast{z-index:100;max-width:min(90vw,420px);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000080}.toast--error{background:#1e0a08eb;border:1px solid #e0512b80}.toast--info{background:#0a180aeb;border:1px solid #7ed95780}.toast__message{flex:1}.toast__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:12px}.toast__close:hover{color:var(--accent)}.panel{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;width:280px;padding:16px;position:fixed;box-shadow:0 12px 30px #00000080}.panel__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel__header h2{margin:0;font-size:17px}.panel__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.panel__hint{color:var(--text-dim);margin:4px 0 12px;font-size:13px}.hud-frame{background:radial-gradient(130% 160% at 50% -15%,#f2b70517,#0000 55%),linear-gradient(#21331f 0%,#182518 55%,#0f1a10 100%);border:1px solid #4a3d24;border-radius:16px;box-shadow:0 0 0 1px #f2b70529,0 0 0 5px #0000004d,0 24px 50px #0009,inset 0 1px #ffffff0d}.hud-frame .panel__header{border-bottom:1px solid #f2b70529;margin-bottom:4px;padding-bottom:12px}.hud-frame .panel__header h2{letter-spacing:.01em;text-shadow:0 2px 4px #00000080;font-size:20px}.hud-frame .panel__close{border:1px solid var(--panel-border);background:#00000040;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.hud-frame .panel__close:hover{border-color:var(--accent);color:var(--accent)}.battle-select{top:50%;left:50%;transform:translate(-50%,-50%)}.adventure-drop-panel{z-index:60;width:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-panel{width:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-panel__top{align-items:center;gap:14px;padding:4px 0 18px;display:flex}.profile-panel__avatar{object-fit:cover;background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:64px;height:64px}.profile-panel__name{font-size:17px;font-weight:700}.profile-panel__level{color:var(--text-dim);margin-top:2px;font-size:13px}.profile-panel__stats{border-top:1px solid #f2b70529;padding-top:14px;display:flex}.profile-panel__stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.profile-panel__stat-value{color:var(--accent);font-size:20px;font-weight:800}.profile-panel__stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.battle-select__list{flex-direction:column;gap:8px;display:flex}.battle-select__option{color:var(--text);cursor:pointer;text-align:left;background:#0000002e;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.battle-select__option:hover{border-color:var(--accent)}.battle-select__option img{object-fit:contain;width:36px;height:36px}.dragon-panel__egg-preview{justify-content:center;padding:12px 0 4px;display:flex}.dragon-panel__egg-preview img{filter:drop-shadow(0 10px 16px #00000080);width:160px;height:auto}.dragon-panel--full{width:680px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:20px 22px;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dragon-panel__title{align-items:center;gap:6px;display:flex}.dragon-panel__edit-icon{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.dragon-panel__edit-icon:hover{color:var(--accent);background:#f2b7051f}.dragon-panel__name-input{background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:6px;padding:2px 6px;font-size:17px;font-weight:700}.dragon-panel__level-row{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.dragon-panel__level-row>span:first-child{color:var(--text);letter-spacing:.02em;font-weight:700}.dragon-panel__badge{color:#0e1a10;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;box-shadow:inset 0 1px #ffffff59,0 1px 3px #0006}.dragon-panel__xp-bar{background:#00000059;border:1px solid #00000080;border-radius:999px;height:16px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.dragon-panel__xp-fill{background:linear-gradient(#7cc6ff,#3fa9ff 60%,#2b8fe0);height:100%;box-shadow:inset 0 1px #fff6}.dragon-panel__xp-label{color:#fff;text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex;position:absolute;inset:0}.dragon-panel__top{gap:18px;margin-bottom:18px;display:flex}.dragon-panel__preview{background:radial-gradient(circle at 30% 20%,#ffffff0f,#0000 60%),#0a120a;border:3px solid #00000073;border-radius:14px;flex:0 0 132px;justify-content:center;align-items:center;height:132px;display:flex;position:relative;overflow:hidden}.dragon-panel__preview:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff0f}.dragon-panel__preview img{object-fit:contain;width:100%;height:100%}.dragon-panel__preview-fallback{color:#0e1a10;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:13px;font-weight:700;display:flex}.dragon-panel__stats-block{flex:1;min-width:0}.dragon-panel__parts-block{flex:1.25;min-width:0}.dragon-panel__stats-block h3,.dragon-panel__parts-block h3{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.dragon-panel__stats-block h3:after,.dragon-panel__parts-block h3:after{content:"";background:linear-gradient(90deg,#f2b70559,#0000);flex:1;height:1px}.dragon-panel__stat-row{grid-template-columns:14px 70px 1fr 48px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.stat-icon{border-radius:5px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff40,0 1px 2px #0006}.stat-icon--hp{background:#4caf50}.stat-icon--attack{background:#e0512b}.stat-icon--defense{background:#f2b705}.stat-icon--speed{background:#ffe600}.stat-icon--magic{background:#2b8fe0}.stat-icon--resistance{background:#7e57c2}.dragon-panel__stat-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.dragon-panel__stat-bar{background:#00000059;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.dragon-panel__stat-fill{height:100%;box-shadow:inset 0 1px #ffffff4d}.stat-fill--hp{background:#4caf50}.stat-fill--attack{background:#e0512b}.stat-fill--defense{background:#f2b705}.stat-fill--speed{background:#ffe600}.stat-fill--magic{background:#2b8fe0}.stat-fill--resistance{background:#7e57c2}.dragon-panel__stat-value{color:var(--text);text-align:right;justify-content:flex-end;align-items:baseline;gap:3px;font-size:12px;font-weight:600;display:flex}.dragon-panel__stat-bonus{color:#7fd88f;font-size:10px;font-weight:600}.dragon-panel__part-row{background:#0000002e;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:5px 8px;display:flex}.dragon-panel__part-row:hover{border-color:#f2b70540}.dragon-panel__part-row--empty{opacity:.75;border-style:dashed}.dragon-panel__part-icon{border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 1px 3px #0006}.dragon-panel__part-icon img{object-fit:cover;width:100%;height:100%}.dragon-panel__part-name{flex:0 0 50px;font-size:12px}.dragon-panel__part-bonus{color:#7fd88f;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.dragon-panel__part-bonus--empty{color:var(--text-dim);font-style:italic}.dragon-panel__part-icon--empty{border:1px dashed var(--panel-border)}.dragon-panel__part-action{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:3px 8px;font-size:10px}.dragon-panel__part-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dragon-panel__part-action:disabled{opacity:.4;cursor:not-allowed}.dragon-panel__bottom{border-top:1px solid #ffffff0f;gap:18px;margin-bottom:18px;padding-top:16px;display:flex}.dragon-panel__equipment{flex:1.3;min-width:0}.dragon-panel__tabs{background:#00000040;border:1px solid #ffffff0a;border-radius:10px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.dragon-panel__tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 8px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.dragon-panel__tab--active{background:var(--accent);color:#0e1a10;box-shadow:0 2px 6px #f2b70559}.dragon-panel__equip-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dragon-panel__equip-slot{color:var(--text-dim);cursor:pointer;background:radial-gradient(circle at 50% 30%,#ffffff0a,#0000 70%),#0003;border:1px dashed #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex;box-shadow:inset 0 2px 4px #0006}.dragon-panel__equip-slot:hover{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 2px 4px #0006,0 0 0 1px #f2b70540}.dragon-panel__equip-plus{font-size:16px}.dragon-panel__equip-label{font-size:10px}.dragon-panel__cosmetics{flex-direction:column;flex:1;gap:10px;min-width:0;padding-top:30px;display:flex}.dragon-panel__cosmetic-label{color:var(--text-dim);margin-bottom:4px;font-size:11px;display:block}.dragon-panel__swatches{gap:6px;display:flex}.dragon-panel__swatch{cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:relative}.dragon-panel__swatch--locked{opacity:.45}.dragon-panel__swatch--equipped{border:2px solid var(--accent);box-shadow:0 0 0 2px #f2b70559}.dragon-panel__swatch-lock{filter:drop-shadow(0 1px 1px #000000e6);font-size:9px}.dragon-panel__swatch-check{color:#fff;text-shadow:0 1px 2px #000000e6;font-size:11px;font-weight:800}.dragon-panel__manage-button{color:#2b1c02;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#ffd75e,#f2b705 55%,#d69a04);border:1px solid #b9840a;border-radius:10px;width:100%;padding:12px;font-weight:800;box-shadow:inset 0 1px #ffffff80,0 4px 10px #00000059}.dragon-panel__manage-button:hover{filter:brightness(1.05)}.inventory-panel{width:340px;max-height:calc(100vh - 150px);padding:18px 20px;bottom:110px;left:20px;overflow-y:auto}.shop-panel{width:360px;max-height:calc(100vh - 80px);padding:18px 20px;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.shop-panel__gold{color:var(--accent);align-items:center;gap:6px;margin:0 0 6px;font-size:15px;font-weight:700;display:flex}.shop-panel__gold .currency-icon{width:16px;height:16px}.shop-item{border-bottom:1px solid #f2b7051a;align-items:center;gap:10px;padding:8px 0;display:flex}.shop-item:last-of-type{border-bottom:none}.shop-item__img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.shop-item__icon{text-align:center;flex-shrink:0;width:32px;font-size:20px}.shop-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shop-item__name{color:var(--text);font-size:13px;font-weight:600}.shop-item__meta{color:var(--text-dim);font-size:11px}.shop-item__buy{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#f2b7051f;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.shop-item__buy:hover:not(:disabled){background:#f2b70540}.shop-item__buy:disabled{opacity:.4;cursor:not-allowed;border-color:var(--panel-border);color:var(--text-dim);background:0 0}.inventory-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:14px 0 8px;font-size:11px;font-weight:700;display:flex}.inventory-section-title:after{content:"";background:linear-gradient(90deg,#f2b70559,#0000);flex:1;height:1px}.inventory-potions{gap:12px;display:flex}.inventory-potion{background:#0000002e;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.inventory-potion__count{color:var(--text-dim);font-size:12px;font-weight:700}.inventory-potion__img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:36px;height:44px}.starter-chest{background:#0000002e;border:1px solid #f2b7054d;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:10px;display:flex}.starter-chest__icon{background:linear-gradient(#c9862e 0%,#8a5518 100%);border-radius:4px 4px 6px 6px;flex:none;width:36px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #00000059}.starter-chest__icon:before{content:"";background:#00000059;height:3px;position:absolute;top:10px;left:0;right:0}.starter-chest__icon:after{content:"";background:#f2b705;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #8a5f03}.starter-chest__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.starter-chest__name{color:var(--text);font-size:13px;font-weight:700}.starter-chest__desc{color:var(--text-dim);font-size:11px}.starter-chest__open{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#f2b70524;border-radius:8px;flex:none;padding:8px 14px;font-size:12px;font-weight:700}.starter-chest__open:hover{background:#f2b70542}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.inventory-slot{aspect-ratio:1;color:var(--text);cursor:pointer;background:#0000002e;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex;overflow:hidden}.inventory-slot:hover{border-color:#f2b70559}.inventory-slot--selected{border-color:var(--accent);background:#f2b7051f;box-shadow:0 0 0 1px #f2b70540}.inventory-slot__img{object-fit:contain;width:70%;height:70%}.inventory-slot__fallback{border-radius:50%;width:60%;height:60%}.inventory-slot__label{color:var(--text-dim);text-align:center;font-size:10px;line-height:1.1}.battle-screen{z-index:50;background:linear-gradient(#0a100a8c 0%,#0a100a33 35%,#060a06bf 100%),url(/assets/backgrounds/fondo_arena.png) 50%/cover no-repeat;flex-direction:column;padding:20px;display:flex;position:fixed;inset:0}.battle-screen--adventure{background:linear-gradient(#0a100a8c 0%,#0a100a33 35%,#060a06bf 100%),url(/assets/backgrounds/fontobatallaaventura.png) 50%/cover no-repeat}.battle-loading{color:var(--text);text-shadow:0 2px 6px #0009;margin:auto;font-size:16px;font-weight:600}.battle-arena{flex-direction:column;gap:14px;width:100%;max-width:900px;height:100%;margin:0 auto;display:flex}.battle-profile-strip{background:#080e0c8c;border:1px solid #ffffff24;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.battle-profile-strip__avatar{object-fit:cover;border:1px solid #fff3;border-radius:50%;width:28px;height:28px}.battle-profile-strip__name{font-size:13px;font-weight:700}.battle-profile-strip__stat{color:var(--text-dim);font-size:12px}.battle-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.battle-header__vs{color:var(--accent);text-shadow:0 2px 4px #00000080;font-size:20px;font-weight:800}.battle-card{-webkit-backdrop-filter:blur(6px);background:#080e0c8c;border:1px solid #ffffff24;border-radius:14px;flex:1;max-width:320px;padding:10px 14px}.battle-card--opponent{text-align:right}.battle-card__header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.battle-card--opponent .battle-card__header{flex-direction:row-reverse}.battle-card__name{font-size:14px;font-weight:700}.battle-card__level{color:var(--text-dim);font-size:11px}.battle-bar{background:#0006;border-radius:999px;height:12px;margin-top:4px;position:relative;overflow:hidden}.battle-bar__fill{height:100%;transition:width .2s}.battle-bar--hp .battle-bar__fill{background:linear-gradient(90deg,#4caf50,#7ed957)}.battle-bar--mana .battle-bar__fill{background:linear-gradient(90deg,#2b8fe0,#63c4ff)}.battle-bar__label{text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0}.battle-stage{flex:1;min-height:0;padding:0 40px 28px;position:relative}.battle-combatant{width:max-content;display:flex;position:absolute;bottom:0}.battle-combatant--player{left:16%;transform:translate(-50%)}.battle-combatant--opponent{left:75%;transform:translate(-50%)}.battle-combatant--boss{margin-left:50px;bottom:-30px}.battle-sprite{object-fit:contain;filter:drop-shadow(0 16px 18px #00000080);width:auto;max-width:100%;max-height:240px}.battle-sprite--boss{max-height:min(560px,58vh)}.battle-muzzle{width:1px;height:1px;position:absolute;top:36%}.battle-muzzle--opponent{left:18%}.battle-muzzle--player{left:82%}.battle-impact{opacity:0;pointer-events:none;position:absolute;inset:8% 10%}.battle-impact span{filter:drop-shadow(0 0 3px #ff3c28b3);background:linear-gradient(90deg,#0000,#fffffff2 22%,#ff4637e6 55%,#0000);border-radius:4px;width:90%;height:7px;position:absolute;top:50%;left:50%}.battle-impact span:first-child{transform:translate(-50%,-50%)rotate(-22deg)translateY(-16px)}.battle-impact span:nth-child(2){transform:translate(-50%,-50%)rotate(-22deg)}.battle-impact span:nth-child(3){transform:translate(-50%,-50%)rotate(-22deg)translateY(16px)}.battle-damage-text{color:#ff5b4d;text-shadow:0 2px 4px #000000b3,0 0 10px #ff3c288c;opacity:0;pointer-events:none;white-space:nowrap;font-size:24px;font-weight:800;position:absolute;top:20%;left:50%;transform:translate(-50%)}.battle-projectile{opacity:0;pointer-events:none;z-index:5;border-radius:50%;width:26px;height:26px;position:absolute}.battle-sprite--player{transform:scaleX(-1)}.battle-log{min-height:76px;color:var(--text-dim);background:#080e0c80;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column-reverse;gap:2px;padding:8px 14px;font-size:12px;display:flex}.battle-log p{margin:0}.battle-actions{flex-direction:column;gap:12px;padding:14px;display:flex}.battle-actions__abilities{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.battle-ability{color:var(--text);cursor:pointer;text-align:center;background:#0000004d;border:2px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;display:flex;position:relative;overflow:hidden}.battle-ability:disabled{opacity:.45;cursor:not-allowed}.battle-ability__cooldown{pointer-events:none;background:#000000b3;position:absolute;bottom:0;left:0;right:0}.battle-ability__name{font-size:12px;font-weight:700;position:relative}.battle-ability__cost{color:var(--text-dim);font-size:10px;position:relative}.battle-actions__potions{align-items:center;gap:10px;display:flex}.battle-potion{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#0000004d;border-radius:999px;align-items:center;gap:6px;padding:6px 16px 6px 8px;font-size:12px;font-weight:600;display:flex}.battle-potion:disabled{opacity:.4;cursor:not-allowed}.battle-potion__img{object-fit:contain;width:22px;height:28px}.battle-potion--hp{border-color:#4caf50}.battle-potion--mana{border-color:#2b8fe0}.battle-actions__potion-count{color:var(--text-dim);font-size:11px}.battle-end{z-index:60;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.battle-end__card{text-align:center;width:300px;padding:24px}.battle-end__card h2{margin:0 0 8px}.battle-end__card p{color:var(--text-dim);margin:0 0 16px}.battle-end__button{color:#2b1c02;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#ffd75e,#f2b705 55%,#d69a04);border:1px solid #b9840a;border-radius:10px;width:100%;padding:12px;font-weight:800}.battle-end__button:hover{filter:brightness(1.05)}.adventure-intro{z-index:60;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.adventure-intro__frame{aspect-ratio:1536/1024;background:#000;border-radius:16px;width:min(96vw,1536px,135vh);position:relative;overflow:hidden;box-shadow:0 24px 60px #000000b3}.adventure-intro__video{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .5s}.adventure-intro__video--hidden{opacity:0}.adventure-intro__frame--finished{-webkit-backdrop-filter:blur(6px);background:#0a080473;transition:background .5s}.adventure-intro__skip{z-index:2;color:var(--text);cursor:pointer;background:#00000080;border:1px solid #ffffff4d;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;top:18px;right:18px}.adventure-intro__skip:hover{border-color:var(--accent);color:var(--accent)}.adventure-intro__overlay{background:#00000059;flex-direction:column;justify-content:center;align-items:center;gap:28px;animation:.7s ease-out adventure-intro-fade-in;display:flex;position:absolute;inset:0}.adventure-intro__titlecard-wrap{display:inline-block;position:relative}.adventure-intro__titlecard{filter:drop-shadow(0 8px 20px #000000bf);width:min(60vw,560px);display:block}.adventure-intro__continue-hit{cursor:pointer;background:0 0;border:none;border-radius:12px;width:70%;height:34%;padding:0;position:absolute;top:65%;left:15%}.adventure-intro__continue-hit:hover{box-shadow:0 0 24px 4px #f2b70559}.adventure-intro__watermark-cover{z-index:1;pointer-events:none;width:7.5%;position:absolute;top:83%;left:96.5%;transform:translate(-50%,-50%)}@keyframes adventure-intro-fade-in{0%{opacity:0}to{opacity:1}}.adventure-map{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.adventure-map__frame{aspect-ratio:1536/1024;background:url(/assets/backgrounds/aventura.png) 50%/cover no-repeat;border-radius:16px;width:min(96vw,1536px,135vh);position:relative;overflow:hidden;box-shadow:0 24px 60px #000000b3}.adventure-map__close{z-index:2;width:32px;height:32px;color:var(--text);cursor:pointer;background:#00000080;border:1px solid #ffffff40;border-radius:8px;font-size:15px;position:absolute;top:14px;right:14px}.adventure-map__close:hover{border-color:var(--accent);color:var(--accent)}.adventure-map__reset-hint{z-index:2;height:32px;color:var(--text-dim);white-space:nowrap;background:#00000080;border:1px solid #ffffff26;border-radius:8px;align-items:center;padding:0 10px;font-size:11px;display:flex;position:absolute;top:14px;right:54px}.adventure-map__energy-hint{color:var(--text-dim);white-space:nowrap;background:#000000a6;border:1px solid #ffffff26;border-radius:999px;margin:0;padding:6px 16px;font-size:12px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.adventure-node{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.adventure-node:not(:disabled):hover{background:#f2b70538;box-shadow:0 0 0 3px #f2b70580}.adventure-node--boss:not(:disabled):hover{background:#e0512b40;box-shadow:0 0 0 3px #e0512b8c}.adventure-node:disabled{cursor:not-allowed}.adventure-node--locked{filter:grayscale();opacity:.55}.adventure-node--no-energy:not(.adventure-node--locked){opacity:.6}.adventure-node--claimed-today:not(.adventure-node--locked){opacity:.65;filter:sepia(.4)hue-rotate(150deg)saturate(1.4)}.adventure-node__lock{filter:drop-shadow(0 1px 2px #000c);font-size:1.1em}.adventure-node__energy,.adventure-node__clock{filter:drop-shadow(0 1px 2px #000c);font-size:1em}.adventure-node__check{color:#7ed957;text-shadow:0 0 6px #000000e6,0 0 10px #7ed957b3;font-size:1.3em;font-weight:800}.adventure-node--completed:not(.adventure-node--locked){border-radius:50%;box-shadow:0 0 0 3px #7ed95773}