@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;1,300&display=swap";.friends-panel{padding:0}.friends-panel__section-title{font-family:var(--font-title);letter-spacing:2px;color:var(--text-muted);margin:12px 0 6px;font-size:10px}.friends-panel__section-toggle{cursor:pointer;width:100%;text-transform:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.friends-panel__section-toggle:hover{color:var(--text-primary)}.friends-panel__chevron{font-size:11px;transition:transform .18s}.friends-panel__chevron.is-collapsed{transform:rotate(-90deg)}.friends-panel__section-title--requests{color:var(--gold)}.friends-panel__section-title--requests.highlighted{color:var(--gold);animation:1.5s ease-in-out 3 pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.friends-panel__search{gap:6px;width:100%;margin-bottom:6px;display:flex}.friends-panel__input{border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--text-primary);font-family:var(--font-title);letter-spacing:2px;transition:var(--transition);background:#ffffff0a;outline:none;flex:1;width:0;padding:7px 8px;font-size:13px}.friends-panel__input:focus{border-color:var(--gold-dim)}.friends-panel__search-btn{border-radius:var(--radius);border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:1px;transition:var(--transition);white-space:nowrap;background:#e8b94a14;flex-shrink:0;padding:7px 10px;font-size:11px}.friends-panel__search-btn:hover:not(:disabled){background:#e8b94a2e}.friends-panel__msg{font-size:11px;font-family:var(--font-title);letter-spacing:.5px;margin-bottom:6px}.friends-panel__error{color:var(--red-bright)}.friends-panel__success{color:var(--green)}.friends-panel__empty{color:var(--text-muted);margin-bottom:8px;font-size:12px}.friends-panel__request{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.friends-panel__request-btns{gap:6px;display:flex}.friends-panel__accept-btn,.friends-panel__decline-btn{border-radius:var(--radius);width:28px;height:28px;transition:var(--transition);justify-content:center;align-items:center;font-size:13px;display:flex}.friends-panel__accept-btn{color:var(--green);background:#4caf721a;border:1px solid #4caf7280}.friends-panel__accept-btn:hover:not(:disabled){background:#4caf7238}.friends-panel__decline-btn{color:var(--red-bright);background:#c9404014;border:1px solid #c9404066}.friends-panel__decline-btn:hover:not(:disabled){background:#c940402e}.friends-panel__friend{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.friends-panel__friend-name{color:var(--text-primary);font-size:13px;font-family:var(--font-title);letter-spacing:.5px}.friends-panel__friend-stage{color:var(--text-muted);font-size:11px}.friends-panel__remove-btn{color:var(--text-muted);border-radius:var(--radius);transition:var(--transition);padding:4px 6px;font-size:11px}.friends-panel__remove-btn:hover{color:var(--red-bright)}.friends-panel__syncing{color:var(--text-muted);margin-left:6px;font-size:11px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.friends-panel__friend-card{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);background:#ffffff05;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.friends-panel__friend-card:hover{border-color:var(--border-bright);background:#ffffff0a}.friends-panel__friend-info{flex-direction:column;gap:2px;min-width:0;display:flex}.friends-panel__friend-code{font-family:var(--font-title);letter-spacing:2px;color:var(--text-muted);opacity:.6;font-size:10px}.friends-panel__view-btn{border-radius:var(--radius);color:var(--gold);font-family:var(--font-title);letter-spacing:1.5px;transition:var(--transition);background:#e8b94a14;border:1px solid #e8b94a66;flex-shrink:0;padding:6px 12px;font-size:10px}.friends-panel__view-btn:hover{border-color:var(--gold);background:#e8b94a2e}.notif-panel{top:80px;left:calc(var(--sidebar-w) + 12px);border:1px solid var(--border-bright);z-index:200;background:#08070efa;border-radius:10px;flex-direction:column;width:300px;max-height:380px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0009}.notif-panel__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-panel__title{font-family:var(--font-title);letter-spacing:2px;color:var(--gold);font-size:12px}.notif-panel__mark-all{color:var(--text-muted);font-size:11px;font-family:var(--font-title);letter-spacing:.5px;transition:var(--transition)}.notif-panel__mark-all:hover{color:var(--text-primary)}.notif-panel__list{flex:1;overflow-y:auto}.notif-panel__empty{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}.notif-item{cursor:pointer;transition:var(--transition);border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;padding:11px 16px;display:flex;position:relative}.notif-item:hover{background:#ffffff08}.notif-item--unread{background:#e8b94a0a}.notif-item--unread:hover{background:#e8b94a14}.notif-item__icon{flex-shrink:0;margin-top:1px;font-size:16px}.notif-item__body{flex:1;min-width:0}.notif-item__msg{color:var(--text-primary);font-size:12px;line-height:1.5;font-family:var(--font-body)}.notif-item__time{color:var(--text-muted);font-size:10px;font-family:var(--font-title);letter-spacing:.5px;margin-top:3px}.notif-item__dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}@media (width<=768px){.notif-panel{width:calc(100vw - 32px);max-width:340px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.sidebar{width:var(--sidebar-w);height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));z-index:100;background:linear-gradient(#0c0a15,#0a0812);border-right:1px solid #ffffff12;flex-direction:column;gap:14px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__logo{font-family:var(--font-title);font-size:calc(23px * var(--title-scale,1));color:#ded8cc;letter-spacing:.12em;text-align:center;border-bottom:1px solid #ffffff12;flex-shrink:0;padding-bottom:14px;font-weight:700}.sidebar__logo span{color:#c8a24c}.sidebar__tabs{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:center;gap:18px;display:flex}.sidebar__tab{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.14em;color:#837c8e;background:0 0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:0 0 8px;font-size:14px;transition:color .12s,border-color .12s}.sidebar__tab:hover{color:#b3ad9f}.sidebar__tab.active{color:#c8a24c;border-bottom-color:#c8a24c}.sidebar__menu{flex-direction:column;flex:1;gap:0;display:flex}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__nav-item{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.08em;color:#b3ad9f;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:17px;transition:background .12s,color .12s;display:flex}.sidebar__ico{color:#e7c86c;flex-shrink:0}.sidebar__nav-item:disabled .sidebar__ico{color:#6b6478}.sidebar__nav-item:hover{color:#ded8cc;background:#ffffff08}.sidebar__nav-item.active{color:#c8a24c;background:#ffffff0b;border-color:#ffffff1f}.sidebar__nav-item:disabled{color:#574f63;cursor:default}.sidebar__divider{background:#ffffff12;height:1px;margin:16px 4px}.sidebar__account{flex-direction:column;gap:6px;margin-top:auto;display:flex}.sidebar__account-label{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.14em;color:#837c8e;font-size:12px}.sidebar__account-name{font-family:var(--font-title);color:#c8a24c;letter-spacing:.06em;font-size:18px;font-weight:700}.sidebar__account-gold span{color:var(--text-muted);font-size:11px;font-family:var(--font-title);letter-spacing:1px;margin-left:4px}.sidebar__code-wrap{background:linear-gradient(#100c1a,#0a0712);border:1px solid #ffffff12;border-radius:9px;min-width:0;margin:4px 0 14px;padding:8px 10px}.sidebar__code-label{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.12em;color:#837c8e;margin-bottom:5px;font-size:12px}.sidebar__code-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.sidebar__code{font-family:var(--font-title);letter-spacing:4px;color:#c8a24c;text-overflow:ellipsis;min-width:0;font-size:18px;font-weight:700;overflow:hidden}.sidebar__code-copy{font-family:var(--font-title);letter-spacing:1px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex:none;padding:3px 7px;font-size:10px}.sidebar__code-copy:hover{color:var(--gold);border-color:var(--gold-dim)}.sidebar__guest-actions{flex-direction:column;gap:6px;margin-top:4px;display:flex}.sidebar__guest-warning{color:var(--text-muted);font-size:11px;font-family:var(--font-title);letter-spacing:.5px}.sidebar__auth-btn{border-radius:var(--radius);letter-spacing:1.5px;width:100%;transition:var(--transition);padding:9px;font-size:11px}.sidebar__auth-btn.signin{border:1px solid var(--border);color:var(--text-muted);background:0 0}.sidebar__auth-btn.signin:hover{border-color:var(--gold-dim);color:var(--gold)}.sidebar__auth-btn.signup{border:1px solid var(--gold-dim);color:var(--gold);background:#e8b94a1a}.sidebar__auth-btn.signup:hover{border-color:var(--gold);background:#e8b94a33}.sidebar__logout{width:100%;font-family:var(--font-body);font-variant:small-caps;letter-spacing:.18em;color:#b3ad9f;background:0 0;border:1px solid #ffffff12;border-radius:8px;margin-top:12px;padding:11px;font-size:14px;transition:border-color .12s,color .12s}.sidebar__logout:hover{border-color:var(--red,#d6534b);color:var(--red,#d6534b)}.sidebar__friends{flex:1;min-width:0;overflow:hidden auto}.sidebar__hamburger{top:max(var(--burger-y,14px), env(safe-area-inset-top));left:max(var(--burger-x,14px), env(safe-area-inset-left));z-index:200;width:var(--burger-size,36px);height:var(--burger-size,36px);background:linear-gradient(#100b1a,#0b0812);border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none;position:fixed}.sidebar__hamburger span{background:#c8a24c;border-radius:99px;width:18px;height:1.5px;display:block}.sidebar__overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar__hamburger{display:flex}.sidebar__overlay.open{display:block}}.sidebar__account-gold{color:var(--gold);margin:4px 0 2px;font-size:18px;font-weight:600}.sidebar__account-gold span{color:var(--text-muted);letter-spacing:1.5px;font-size:10px;font-family:var(--font-title);margin-left:4px}.sidebar__cores{font-family:var(--font-title);color:#a78bfa;margin-bottom:4px;font-size:15px;font-weight:600}.sidebar__cores span{color:var(--text-muted);letter-spacing:1.5px;margin-left:4px;font-size:10px}.sidebar__currency-box{background:linear-gradient(#100c1a,#0a0712);border:1px solid #ffffff12;border-radius:9px;flex-direction:column;gap:3px;margin:6px 0;padding:10px 14px;display:flex}.sidebar__currency-row{justify-content:space-between;align-items:baseline;padding:3px 0;display:flex}.sidebar__currency-label{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.12em;color:#837c8e;font-size:14px}.sidebar__currency-amount{font-family:var(--font-body);font-weight:600;font-size:calc(17px * var(--currency-scale,1));letter-spacing:.5px;align-items:center;gap:5px;display:inline-flex}.sidebar__currency-amount .curr__ico{width:calc(16px * var(--currency-scale,1));height:calc(16px * var(--currency-scale,1));flex-shrink:0;display:block}.sidebar__currency-amount.gold{color:#c8a24c}.sidebar__currency-amount.cores{color:#9a6cff}.sidebar__account-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.sidebar__bell{border-radius:var(--radius);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;padding:5px 6px;font-size:18px;display:flex;position:relative}.sidebar__bell:hover{background:#ffffff0f}.sidebar__bell-badge{color:#fff;font-family:var(--font-title);background:#e53935;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-4px}.sidebar__nav-item--battle{font-variant:normal;letter-spacing:.16em;text-transform:uppercase;z-index:5;text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:16px;font-weight:700;transition:background .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 6px 18px -10px #000;font-family:var(--font-title)!important;color:#e7c86c!important;background:linear-gradient(#c8a24c24,#c8a24c0d)!important;border:1px solid #c8a24c6b!important;padding:13px!important}.sidebar__nav-item--battle:hover,.sidebar__nav-item--battle.active{box-shadow:inset 0 1px #ffffff14,0 0 22px -8px #e7c86c80;background:linear-gradient(#c8a24c38,#c8a24c14)!important;border-color:#c8a24cb3!important}.sidebar__profile-btns{flex-direction:column;gap:3px;display:flex}.sidebar__profile-btn{color:#b3ad9f;width:100%;font-family:var(--font-body);font-variant:small-caps;letter-spacing:.1em;text-align:left;background:linear-gradient(#100b1a,#0b0812);border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:9px;margin-bottom:1px;padding:10px 12px;font-size:15px;transition:border-color .12s,color .12s;display:flex}.sidebar__profile-btn:hover{color:#ded8cc;border-color:#ffffff1f}.sidebar__profile-btn.active{color:#c8a24c;border-color:#c8a24c6b}.char-panel{align-items:flex-end;gap:12px;display:flex}.char-panel.enemy{flex-direction:row-reverse;align-items:flex-start}.char-panel__model{aspect-ratio:3/4;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:clamp(132px,24vh,300px);display:flex;overflow:hidden}.char-panel__model img{object-fit:contain;width:100%;height:100%}.char-panel__model-placeholder{font-size:11px;font-family:var(--font-title);letter-spacing:1px;color:var(--text-muted)}.char-panel__info{flex-direction:column;gap:6px;min-width:160px;display:flex}.char-panel__info--row{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:7px;width:100%;min-width:0;padding:0 2px 6px}.char-panel__info--row.char-panel__info--enemy{justify-content:flex-end}.char-panel__info--row .char-panel__stats{flex-wrap:wrap;gap:4px;margin-top:0;display:inline-flex}.char-panel__info--row .char-panel__name{font-size:14px}.char-panel.enemy .char-panel__info{align-items:flex-end}.char-panel__name{font-family:var(--font-title);letter-spacing:1px;color:var(--text-primary);font-size:13px}.char-panel__name--clickable{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59;transition:color .12s}.char-panel__name--clickable:hover{color:var(--text-gold,#e7c86c)}.enemy-stats-grid{flex-direction:column;gap:4px;margin:4px 0 10px;display:flex}.enemy-stats-row{background:#ffffff08;border-radius:6px;justify-content:space-between;gap:16px;padding:5px 8px;display:flex}.enemy-stats-row__k{letter-spacing:1px;color:var(--text-muted,#888);font-size:11px;font-family:var(--font-title)}.enemy-stats-row__v{color:var(--text-primary,#ded8cc);font-size:13px;font-weight:700;font-family:var(--font-mono,monospace)}.char-panel__threat{font-size:12px;font-family:var(--font-title);letter-spacing:1px;border-radius:99px;width:fit-content;padding:2px 8px}.threat-weak{color:#0ff;background:#00ffff14;border:1px solid #0ff5}.threat-dangerous{color:gold;background:#ffd70014;border:1px solid #ffd70055}.threat-deadly{color:#dc143c;background:#dc143c1a;border:1px solid #dc143c66}.char-panel__hp-label{color:var(--text-muted);font-size:11px;font-family:var(--font-title);letter-spacing:1px}.char-panel__hp-numbers{color:var(--text-primary);margin-top:-2px;font-size:13px}.char-panel__stats{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2px;display:grid}.stat-pill{font-size:11px;font-family:var(--font-title);letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;justify-content:center;align-items:center;gap:3px;padding:2px 7px;display:flex}.stat-pill span{color:var(--text-primary)}.enemy-ability-btn{font-family:var(--font-title);letter-spacing:.5px;color:#c0a030;cursor:pointer;background:#c0a03011;border:1px solid #c0a03044;border-radius:99px;width:fit-content;padding:3px 10px;font-size:11px;transition:background .15s,border-color .15s}.enemy-ability-btn:hover{background:#c0a03022;border-color:#c0a03088}.ability-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ability-popup{background:#0e0e18;border:1px solid #c0a03066;border-radius:10px;flex-direction:column;gap:14px;width:90%;max-width:340px;padding:24px 28px;display:flex;box-shadow:0 0 30px #c0a03022}.ability-popup__title{font-family:var(--font-title);letter-spacing:1px;color:#c0a030;font-size:15px}.ability-popup__desc{color:#aaa;font-size:13px;line-height:1.6}.ability-popup__close{font-family:var(--font-title);letter-spacing:1px;color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;align-self:flex-end;padding:5px 16px;font-size:11px}.ability-popup__close:hover{color:#ccc;background:#1a1a2a}@media (width<=768px){.char-panel__info{min-width:120px}}.char-panel__name--player{align-items:center;gap:6px;display:flex}.char-panel__sub-badge{filter:drop-shadow(0 0 4px #e8b94a80);font-size:14px;line-height:1}.char-panel__title-badge{font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;border:1px solid;border-radius:99px;width:fit-content;padding:2px 8px;font-size:10px}.hud-bar{box-sizing:border-box;background:linear-gradient(#100b1a,#0b0812);border:1px solid #ffffff1f;border-radius:11px;width:100%;padding:9px 13px;position:relative;box-shadow:0 8px 24px -16px #000}.hud-bar--glow.hud-bar--enemy{border-color:#ec5a9280;box-shadow:0 0 16px #ec5a928c}.hud-bar--glow.hud-bar--player{border-color:#5fd68f80;box-shadow:0 0 16px #5fd68f8c}.hud-bar__shake-shell--crit{animation:.32s ease-in-out hpCritShake}.hud-bar__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.hud-bar--enemy .hud-bar__header{flex-direction:row-reverse}.hud-bar--enemy .hud-bar__numbers{text-align:left}.hud-bar__label{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#ded8cc;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.hud-bar--player .hud-bar__label{color:#e7c86c}.hud-bar--enemy .hud-bar__label{color:#ded8cc;text-align:right}.hud-bar__numbers{font-family:var(--font-mono,monospace);color:#b3ad9f;letter-spacing:.5px;text-align:right;white-space:nowrap;flex-shrink:0;width:120px;font-size:12px}.hud-bar__track{box-sizing:border-box;background:#00000080;border:1px solid #ffffff1f;border-radius:99px;width:100%;height:13px;overflow:hidden;box-shadow:inset 0 2px 5px #0009}.hud-bar__fill{border-radius:99px;min-width:0;height:100%;transition:width .32s cubic-bezier(.4,0,.2,1),background .3s;display:block}.hud-bar__fill--player{background:linear-gradient(90deg,#3aa86a,#5fd68f)}.hud-bar__fill--player.is-warn{background:linear-gradient(90deg,#b9842c,#e7b24c)}.hud-bar__fill--player.is-danger{background:linear-gradient(90deg,#8c2f2c,#d6534b)}.hud-bar__fill--enemy{background:linear-gradient(90deg,#ec5a92,#a63468)}.hud-bar__fill--enemy.is-warn{background:linear-gradient(90deg,#e7b24c,#b9842c)}.hud-bar__fill--enemy.is-danger{background:linear-gradient(90deg,#d6534b,#8c2f2c)}.arena__sprite-wrap{width:100%;display:inline-block;position:relative}.dmg-float-layer{pointer-events:none;z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dmg-float{font-family:var(--font-title);color:#ff8a8a;text-shadow:0 2px 8px #000000e6;pointer-events:none;white-space:nowrap;font-size:24px;font-weight:700;animation:.9s ease-out forwards floatUp;position:absolute}.dmg-float--crit{color:#e7c86c;text-shadow:0 0 16px #e7c86ce6,0 2px 10px #000000e6;font-size:34px}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}20%{opacity:1;transform:translateY(-12px)scale(1.1)}to{opacity:0;transform:translateY(-48px)scale(.9)}}.heal-float{font-family:var(--font-title);color:#4cff88;text-shadow:0 0 10px #4cff88cc,0 2px 8px #000c;pointer-events:none;white-space:nowrap;font-size:16px;font-weight:700;animation:.9s ease-out forwards floatUp;position:absolute}@keyframes hpCritShake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.battle-log{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;background:linear-gradient(#100b1a,#0b0812);border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:3px;width:100%;max-width:480px;height:124px;min-height:0;max-height:124px;padding:0 14px 10px;display:flex;overflow-y:auto;box-shadow:0 8px 24px -16px #000,inset 0 1px #ffffff08}.battle-log::-webkit-scrollbar{width:4px}.battle-log::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.battle-log__header{z-index:1;font-family:var(--font-title);letter-spacing:.2em;text-transform:uppercase;color:#95753f;background:#100b1a;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:2px;padding:9px 0 7px;font-size:11px;font-weight:700;display:flex;position:sticky;top:0}.battle-log__dot{background:#c8a24c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #c8a24ccc}.battle-log__entry{font-size:13px;font-family:var(--font-body);color:#b3ad9f;line-height:1.5;animation:.2s logFadeIn}.battle-log__entry.crit{color:#e7c86c;font-weight:600}.battle-log__entry.win{color:#5fd68f;font-weight:600}.battle-log__entry.loss{color:#d6534b;font-weight:600}.battle-log__entry.damage{color:#ec8a8a}@keyframes logFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.upgrade-panel{bottom:0;left:var(--sidebar-w);z-index:200;background:var(--bg-panel);border-top:1px solid var(--border-bright);padding:16px max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#08070ef5;transition:transform .3s;position:fixed;right:0;transform:translateY(100%)}.upgrade-panel.open{transform:translateY(0)}.upgrade-panel__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.upgrade-panel__title{font-family:var(--font-title);letter-spacing:2px;color:var(--gold);flex:1;font-size:14px}.upgrade-panel__gold{font-family:var(--font-title);color:var(--gold);letter-spacing:.5px;align-items:center;gap:5px;font-size:16px;font-weight:600;display:inline-flex}.upgrade-panel__gold .curr__ico{flex-shrink:0;width:18px;height:18px;display:block}.upgrade-panel__close{color:var(--text-muted);transition:var(--transition);padding:4px 8px;font-size:18px;line-height:1}.upgrade-panel__close:hover{color:var(--text-primary)}.upgrade-panel__grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:520px;display:grid}.upgrade-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-direction:column;gap:8px;padding:14px;display:flex}.upgrade-card:hover{border-color:var(--border-bright)}.upgrade-card__label{font-family:var(--font-title);letter-spacing:2px;color:var(--text-muted);font-size:10px}.upgrade-card__level{font-family:var(--font-title);color:var(--text-primary);letter-spacing:1px;font-size:16px}.upgrade-card__preview{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:3px;padding:8px 0;display:flex}.upgrade-card__preview-levels,.upgrade-card__preview-values{font-family:var(--font-title);color:var(--text-muted);letter-spacing:.5px;font-size:11px}.upgrade-card__preview-next{color:var(--green);font-weight:600}.upgrade-card__cost{color:var(--text-muted);font-size:11px;font-family:var(--font-title);letter-spacing:.5px}.upgrade-card__cost.affordable{color:var(--gold)}.upgrade-card__btn{border-radius:var(--radius);border:1px solid var(--gold-dim);width:100%;color:var(--gold);letter-spacing:1px;transition:var(--transition);background:#e8b94a14;padding:8px 0;font-size:11px}.upgrade-card__btn:hover:not(:disabled){border-color:var(--gold);background:#e8b94a2e}.upgrade-card__btn.cant-afford{color:var(--text-muted);background:0 0;border-color:#ffffff1a}@media (width<=768px){.upgrade-panel{left:0}.upgrade-panel__grid{grid-template-columns:repeat(2,1fr);max-width:100%}}.skillshop{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040308b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.skillshop__panel{background:linear-gradient(180deg, var(--bg-card,#100b1a), #0b0812);border:1px solid var(--border-bright,#c8a24c6b);border-radius:16px;flex-direction:column;width:min(880px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px -20px #000}.skillshop__header{border-bottom:1px solid var(--border,#ffffff14);align-items:center;gap:14px;padding:14px 18px;display:flex}.skillshop__title{font-family:var(--font-title,"Cinzel");letter-spacing:2px;color:var(--text-gold,#e7c86c);font-size:18px}.skillshop__points{color:var(--text-muted,#837c8e);font-size:13px}.skillshop__points-num{font-family:var(--font-title,"Cinzel");color:#5fd68f;font-size:18px;font-weight:800}.skillshop__close{border:1px solid var(--border,#ffffff1a);width:32px;height:32px;color:var(--text-muted,#999);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;font-size:15px}.skillshop__close:hover{color:#fff;border-color:var(--border-bright,#c8a24c80)}.skillshop__loading{text-align:center;color:var(--text-muted,#888);padding:40px}.skillshop__body{padding:14px 18px 20px;overflow-y:auto}.skillshop__hint{color:var(--text-muted,#837c8e);margin:0 0 14px;font-size:12px}.skillshop__section{margin-bottom:18px}.skillshop__section-title{font-family:var(--font-title,"Cinzel");letter-spacing:2px;margin-bottom:8px;font-size:12px}.skillshop__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.skillcard{border:1px solid var(--border,#ffffff14);border-left:3px solid var(--accent,#c8a24c);background:#ffffff05;border-radius:10px;flex-direction:column;gap:7px;padding:12px;display:flex}.skillcard--maxed{opacity:.85}.skillcard__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.skillcard__name{font-family:var(--font-title,"Cinzel");color:var(--text-primary,#ded8cc);font-size:14px}.skillcard__lvl{color:var(--text-muted,#837c8e);white-space:nowrap;font-size:11px}.skillcard__bar{gap:3px;display:flex}.skillcard__seg{background:#ffffff12;border:1px solid #ffffff0f;border-radius:2px;flex:1;height:10px;transition:background .15s}.skillcard__seg.is-on{background:var(--accent,#c8a24c);border-color:var(--accent,#c8a24c);box-shadow:0 0 6px -1px var(--accent,#c8a24c)}.skillcard__effect{color:var(--text-secondary,#b3ad9f);font-size:12px;line-height:1.35}.skillcard__current{color:var(--accent,#c8a24c)}.skillcard__footer{justify-content:space-between;align-items:center;gap:8px;min-height:30px;margin-top:auto;display:flex}.skillcard__next{color:var(--text-muted,#837c8e);font-size:11px}.skillcard__maxed-label{font-family:var(--font-title,"Cinzel");letter-spacing:2px;color:#5fd68f;font-size:12px}.skillcard__btn{border:1px solid var(--border-bright,#c8a24c6b);color:var(--text-gold,#e7c86c);font-family:var(--font-title,"Cinzel");letter-spacing:1px;cursor:pointer;transition:var(--transition,all .15s);background:#e7c86c1a;border-radius:8px;padding:6px 14px;font-size:11px}.skillcard__btn:hover:not(:disabled){background:#e7c86c38}.skillcard__btn:disabled{opacity:.35;cursor:default}.chat-fab{z-index:1150;border:1px solid var(--border-bright,#c8a24c6b);color:#e7c86c;cursor:pointer;background:linear-gradient(#15101f,#0b0812);border-radius:50%;width:52px;height:52px;font-size:22px;transition:transform .12s,border-color .12s;position:fixed;bottom:92px;right:18px;box-shadow:0 10px 28px -10px #000}.chat-fab:hover{border-color:var(--text-gold,#e7c86c);transform:translateY(-2px)}.chat-fab.is-open{opacity:0;pointer-events:none}.chat-fab__badge{color:#fff;background:#d6534b;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:1160;background:linear-gradient(180deg, var(--bg-card,#100b1a), #0b0812);border-left:1px solid var(--border-bright,#c8a24c4d);flex-direction:column;width:360px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 50px -20px #000}.chat-panel__header{border-bottom:1px solid var(--border,#ffffff14);align-items:center;padding:12px 16px;display:flex}.chat-panel__title{font-family:var(--font-title,"Cinzel");letter-spacing:2px;color:var(--text-gold,#e7c86c);font-size:15px}.chat-panel__close{border:1px solid var(--border,#ffffff1a);color:#999;cursor:pointer;background:0 0;border-radius:8px;width:30px;height:30px;margin-left:auto}.chat-panel__close:hover{color:#fff}.chat-panel__tabs{border-bottom:1px solid var(--border,#ffffff0f);gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.chat-tab{white-space:nowrap;color:var(--text-muted,#999);cursor:pointer;transition:var(--transition,all .12s);background:#ffffff08;border:1px solid #0000;border-radius:8px;flex:1;padding:7px 8px;font-size:12px;position:relative}.chat-tab.active{color:var(--text-gold,#e7c86c);border-color:var(--border-bright,#c8a24c66);background:#e7c86c14}.chat-tab.locked{opacity:.4;cursor:not-allowed}.chat-tab__dot{background:#d6534b;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.chat-panel__messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.chat-panel__empty{color:var(--text-muted,#777);margin:auto;font-size:13px}.chat-msg{grid-template-columns:auto auto 1fr;align-items:baseline;gap:6px;display:grid}.chat-msg__name{font-family:var(--font-title,"Cinzel");color:var(--text-primary,#ded8cc);letter-spacing:.3px;font-size:12px}.chat-msg__time{color:var(--faint,#574f63);font-size:10px}.chat-msg__body{color:var(--text-secondary,#b3ad9f);word-break:break-word;grid-column:1/-1;font-size:13px;line-height:1.35}.chat-panel__error{color:#e05555;padding:4px 14px;font-size:12px}.chat-panel__input-row{border-top:1px solid var(--border,#ffffff14);gap:8px;padding:10px 12px;display:flex}.chat-panel__input{border:1px solid var(--border,#ffffff1f);min-width:0;color:var(--text-primary,#ded8cc);background:#ffffff0a;border-radius:9px;outline:none;flex:1;padding:9px 11px;font-size:13px}.chat-panel__input:focus{border-color:var(--gold-dim,#95753f)}.chat-panel__send{border:1px solid var(--border-bright,#c8a24c6b);color:var(--text-gold,#e7c86c);font-family:var(--font-title,"Cinzel");cursor:pointer;background:#e7c86c1a;border-radius:9px;flex-shrink:0;padding:9px 16px;font-size:12px}.chat-panel__send:hover:not(:disabled){background:#e7c86c33}.chat-panel__send:disabled{opacity:.4;cursor:default}.chat-panel__guest{text-align:center;color:var(--text-muted,#888);flex:1;padding:9px;font-size:13px}@media (width<=560px){.chat-panel{border-left:none;width:100%}.chat-fab{bottom:80px;right:14px}}.username-overlay{z-index:300;background:var(--bg-dark);background-image:radial-gradient(at 30% 40%,#e8b94a0d 0%,#0000 60%),radial-gradient(at 70% 70%,#4a8fc90a 0%,#0000 60%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.username-card{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:10px;width:100%;max-width:380px;padding:36px 32px}.username-card__title{font-family:var(--font-title);color:var(--gold);letter-spacing:4px;text-align:center;margin-bottom:20px;font-size:26px;font-weight:700}.username-card__tabs{border-bottom:1px solid var(--border);margin-bottom:20px;display:flex}.username-card__tab{font-family:var(--font-title);letter-spacing:1.5px;color:var(--text-muted);transition:var(--transition);border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px 0;font-size:11px}.username-card__tab.active{color:var(--gold);border-bottom-color:var(--gold)}.username-card__field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.username-card__field label{font-family:var(--font-title);letter-spacing:2px;color:var(--text-muted);font-size:10px}.username-card__input,.username-card__select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);font-family:var(--font-title);letter-spacing:1px;transition:var(--transition);appearance:none;background:#ffffff0a;outline:none;padding:10px 14px;font-size:13px}.username-card__input:focus,.username-card__select:focus{border-color:var(--gold-dim)}.username-card__select option{color:var(--text-primary);background:#1a1824}.username-card__error{color:var(--red-bright);text-align:center;margin-bottom:10px;font-size:12px}.username-card__btn{border-radius:var(--radius);border:1px solid var(--gold-dim);width:100%;color:var(--gold);letter-spacing:2px;transition:var(--transition);background:#e8b94a1f;margin-top:4px;padding:12px;font-size:12px}.username-card__btn:hover:not(:disabled){border-color:var(--gold);background:#e8b94a38}.username-card__btn:disabled{opacity:.45;cursor:not-allowed}.username-card__hint{text-align:center;color:var(--text-muted);margin-top:10px;font-size:12px}.auth-overlay{z-index:200;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.auth-overlay__backdrop{background:#000000a6;position:absolute;inset:0}.auth-overlay__panel{z-index:1;width:100%;max-width:420px;position:relative}.auth-panel{background:var(--bg-panel);border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:none;border-radius:12px 12px 0 0;padding:28px 28px 36px}.auth-panel__tabs{border-bottom:1px solid var(--border);margin-bottom:20px;display:flex}.auth-panel__tab{font-family:var(--font-title);letter-spacing:1.5px;color:var(--text-muted);transition:var(--transition);border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px;font-size:11px}.auth-panel__tab.active{color:var(--gold);border-bottom-color:var(--gold)}.auth-panel__nudge{color:var(--gold);border-radius:var(--radius);font-size:12px;font-family:var(--font-title);letter-spacing:.5px;background:#e8b94a12;border:1px solid #e8b94a33;margin-bottom:16px;padding:8px 12px;line-height:1.5}.auth-card__field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.auth-card__field label{font-family:var(--font-title);letter-spacing:2px;color:var(--text-muted);font-size:10px}.auth-card__field input{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition);background:#ffffff0a;outline:none;padding:10px 14px;font-size:15px}.auth-card__field input:focus{border-color:var(--gold-dim)}.auth-card__btn{border-radius:var(--radius);border:1px solid var(--gold-dim);width:100%;color:var(--gold);letter-spacing:2px;transition:var(--transition);background:#e8b94a1f;margin-top:16px;padding:12px;font-size:12px}.auth-card__btn:hover:not(:disabled){border-color:var(--gold);background:#e8b94a38}.auth-card__error{color:var(--red-bright);text-align:center;margin-top:10px;font-size:12px}.auth-panel__dismiss{text-align:center;width:100%;color:var(--text-muted);font-size:11px;font-family:var(--font-title);letter-spacing:1.5px;transition:var(--transition);margin-top:14px}.auth-panel__dismiss:hover{color:var(--text-primary)}.auth-panel__success{text-align:center;color:var(--green);padding:12px 0}.auth-panel__success-title{font-family:var(--font-title);letter-spacing:2px;color:var(--gold);font-size:18px}.auth-panel__forgot{text-align:right;width:100%;color:var(--text-muted);font-size:12px;font-family:var(--font-body);letter-spacing:.5px;transition:var(--transition);margin-top:10px;display:block}.auth-panel__forgot:hover{color:var(--gold)}.auth-overlay--centered{justify-content:center;align-items:center}.auth-overlay--centered .auth-overlay__panel{max-width:380px;margin:16px}.auth-overlay--centered .auth-panel{border-bottom:1px solid var(--border-bright);border-radius:12px;padding:28px}.quest-overlay{z-index:150;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quest-panel{border:1px solid var(--border-bright);background:#08070efa;border-radius:10px;flex-direction:column;gap:14px;width:100%;max-width:340px;margin:16px;padding:20px;display:flex}.quest-panel__header{align-items:center;gap:10px;display:flex}.quest-panel__title{font-family:var(--font-title);letter-spacing:2px;color:var(--gold);flex:1;font-size:14px}.quest-panel__cores{font-family:var(--font-title);color:#a78bfa;letter-spacing:1px;font-size:13px}.quest-panel__close{color:var(--text-muted);transition:var(--transition);padding:2px 6px;font-size:16px}.quest-panel__close:hover{color:var(--text-primary)}.quest-panel__timer{color:var(--text-muted);font-size:12px;font-family:var(--font-title);letter-spacing:.5px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 0}.quest-panel__timer strong{color:var(--gold)}.quest-panel__timer--max{color:var(--red-bright);font-size:11px}.quest-panel__empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:13px}.quest-panel__list{flex-direction:column;gap:10px;display:flex}.quest-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-direction:column;gap:7px;padding:12px;display:flex}.quest-card--done{background:#a78bfa0d;border-color:#a78bfa66}.quest-card__top{justify-content:space-between;align-items:center;display:flex}.quest-card__label{font-family:var(--font-title);letter-spacing:1px;color:var(--text-primary);font-size:12px}.quest-card__reward{color:#a78bfa;font-size:12px;font-family:var(--font-title);letter-spacing:.5px}.quest-card__progress-text{color:var(--text-muted);font-size:11px;font-family:var(--font-title);letter-spacing:.5px}.quest-card__bar-wrap{background:#ffffff12;border-radius:99px;height:6px;overflow:hidden}.quest-card__bar-fill{background:linear-gradient(90deg,#5b21b6,#a78bfa);border-radius:99px;height:100%;transition:width .4s}.quest-card--done .quest-card__bar-fill{background:linear-gradient(90deg,#4caf72,#a78bfa)}.quest-card__claim{border-radius:var(--radius);color:#a78bfa;width:100%;font-family:var(--font-title);letter-spacing:1.5px;transition:var(--transition);background:#a78bfa1f;border:1px solid #a78bfa80;padding:7px;font-size:11px}.quest-card__claim:hover:not(:disabled){background:#a78bfa38;border-color:#a78bfa}@media (width>=769px){.quest-overlay{pointer-events:none;background:0 0;justify-content:flex-start;align-items:flex-start}.quest-panel{pointer-events:all;top:80px;left:calc(var(--sidebar-w) + 12px);max-height:calc(100vh - 100px);margin:0;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #00000080}}@media (width<=768px){.quest-overlay{background:#0009}}.cdg{z-index:1;background:#0009;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;box-shadow:inset 0 0 120px #b414142e}.cdg__inner{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;display:flex}.cdg__skull{filter:drop-shadow(0 0 18px #dc1e1eb3);font-size:52px;line-height:1;animation:2s ease-in-out infinite cdg-pulse}@keyframes cdg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.08)}}.cdg__title{font-family:var(--font-title);letter-spacing:3px;color:#e03030;text-shadow:0 0 20px #dc1e1ecc,0 0 40px #dc1e1e66;font-size:30px;font-weight:900;line-height:1.1}.cdg__sub{font-family:var(--font-title);letter-spacing:1px;color:var(--text-muted,#666);margin:0;font-size:11px}.cdg__timer-wrap{width:100px;height:100px;margin:8px 0;position:relative}.cdg__ring{width:100%;height:100%;transform:rotate(-90deg)}.cdg__ring-bg{fill:none;stroke:#ffffff0f;stroke-width:6px}.cdg__ring-fill{fill:none;stroke:#e03030;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 6px #dc1e1ecc);transition:stroke-dashoffset .5s linear}.cdg__time{font-family:var(--font-title);letter-spacing:2px;color:var(--text-primary,#eee);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.cdg__hint{font-family:var(--font-title);letter-spacing:1px;color:var(--text-muted,#555);margin:0;font-size:10px}.cdg__ad-btn{color:#fff;width:100%;max-width:260px;font-family:var(--font-title);letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#1a6b2e,#2a9e46);border:1px solid #4cc96e80;border-radius:8px;margin-top:4px;padding:13px 20px;font-size:13px;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 0 20px #2a9e4640}.cdg__ad-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e7d35,#31b850);transform:translateY(-1px);box-shadow:0 0 28px #2a9e4673}.cdg__ad-btn:disabled{opacity:.7;cursor:not-allowed}.cdg__free-btn{color:#1a1206;width:100%;max-width:260px;font-family:var(--font-title);letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#8a6a1a,#d4a93a);border:1px solid #f0c04099;border-radius:8px;margin-bottom:6px;padding:13px 20px;font-size:13px;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 0 20px #f0c0404d}.cdg__free-btn:hover:not(:disabled){background:linear-gradient(135deg,#9c7a22,#e8bd44);transform:translateY(-1px);box-shadow:0 0 28px #f0c04080}.cdg__free-btn:disabled{opacity:.7;cursor:not-allowed}.cdg__ad-btn-inner{justify-content:center;align-items:center;gap:8px;display:flex}.cdg__ad-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite cdg-spin}@keyframes cdg-spin{to{transform:rotate(360deg)}}.cdg__ad-note{font-family:var(--font-title);letter-spacing:.5px;color:var(--text-muted,#555);margin:0;font-size:9px}.cdg__action-row{gap:10px;width:100%;max-width:300px;margin-top:8px;display:flex}.cdg__upgrade-btn{color:var(--gold,#e8b94a);font-family:var(--font-title);letter-spacing:1.5px;cursor:pointer;background:#e8b94a14;border:1px solid #e8b94a59;border-radius:6px;flex:1;padding:10px 12px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s}.cdg__upgrade-btn:hover:not(:disabled){border-color:var(--gold,#e8b94a);background:#e8b94a26}.cdg__upgrade-btn--skills{color:var(--text-muted,#555);cursor:not-allowed;opacity:.5;background:#ffffff08;border-color:#ffffff1a}.arena{margin-left:var(--sidebar-w);background:radial-gradient(120% 80% at 50% -10%,#9a6cff1a,#0000 55%),radial-gradient(90% 70% at 50% 120%,#ec5a9212,#0000 55%),#07060c;grid-template-rows:44px 1fr auto;height:100dvh;display:grid;position:relative;overflow:hidden}.arena--view{grid-template-rows:44px 1fr}.arena__bg{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.arena__bg:after{content:"";background:radial-gradient(#0000 30%,#000000a6 100%),linear-gradient(#00000073 0%,#0000 40% 60%,#0000008c 100%);position:absolute;inset:0}.arena__stage-bar{z-index:10;font-family:var(--font-title);letter-spacing:.28em;text-transform:uppercase;color:#e7c86c;padding-top:max(0px, env(safe-area-inset-top));min-height:calc(44px + max(0px, env(safe-area-inset-top)));background:linear-gradient(#0c0914eb,#0a0812eb);border-bottom:1px solid #ffffff12;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:relative}.arena__field{z-index:10;width:min(760px,100%);padding:16px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));flex-direction:column;gap:12px;height:100%;min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden}.result-banner{z-index:30;text-align:center;pointer-events:none;animation:.5s cubic-bezier(.2,1.3,.4,1) bannerIn;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.result-banner__big{font-family:var(--font-title);letter-spacing:.1em;font-size:clamp(34px,6vw,60px);font-weight:900;line-height:1}.result-banner.win .result-banner__big{color:#e7c86c;text-shadow:0 0 26px #e7c86c99,0 4px 14px #000}.result-banner.loss .result-banner__big{color:#d6534b;text-shadow:0 0 26px #d6534b80,0 4px 14px #000}.result-banner__sub{font-variant:small-caps;letter-spacing:.14em;color:#b3ad9f;margin-top:8px;font-size:15px}.result-banner__gold{color:#c8a24c}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.result-banner{animation:none}}.arena__enemy-section{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;display:flex}.arena__log-section{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;width:100%;min-height:0;padding:8px 0;display:flex}.arena__stage-pill{font-family:var(--font-title);letter-spacing:.1em;color:#e7c86c;white-space:nowrap;background:linear-gradient(#100b1a,#0b0812);border:1px solid #ffffff1f;border-radius:11px;flex:none;align-items:center;gap:8px;padding:7px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px -14px #000}.arena__stage-select{flex:none;align-items:center;gap:6px;display:inline-flex}.arena__stage-step{color:#e7c86c;cursor:pointer;width:30px;height:30px;transition:var(--transition);background:linear-gradient(#15101f,#0b0812);border:1px solid #ffffff1f;border-radius:9px;justify-content:center;align-items:center;font-size:13px;display:flex}.arena__stage-step:hover:not(:disabled){border-color:var(--border-bright);color:#fff}.arena__stage-step:disabled{opacity:.3;cursor:default}.arena__stage-tag{letter-spacing:.12em;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700}.arena__stage-tag--frontier{color:#7bdc7b;background:#7bdc7b1f}.arena__stage-tag--farm{color:#e7c86c;background:#e7c86c1f}.arena__stage-jump{color:#9aa0b5;height:30px;font-family:var(--font-title);letter-spacing:.04em;cursor:pointer;transition:var(--transition);background:linear-gradient(#15101f,#0b0812);border:1px solid #ffffff1f;border-radius:9px;padding:0 10px;font-size:11px}.arena__stage-jump:hover:not(:disabled){border-color:var(--border-bright);color:#fff}.arena__stage-jump:disabled{opacity:.4;cursor:default}.arena__player-section{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;display:flex}.arena__unit{flex-direction:column;flex-shrink:0;gap:4px;width:100%;display:flex}.arena__fighters{flex-direction:row;flex:auto;justify-content:space-around;align-items:flex-end;gap:clamp(8px,3vw,40px);width:100%;min-height:0;display:flex}.arena__fighter{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;display:flex}.arena__fighter--player{order:1}.arena__vs{order:2}.arena__fighter--enemy{order:3}.arena__fighter .arena__sprite-wrap{justify-content:center;align-items:flex-end;width:100%;display:flex}.arena__fighter .char-panel__model{transform-origin:50% 100%;animation:3.4s ease-in-out infinite fighterBreathe}.arena__fighter--enemy .char-panel__model{animation-delay:.6s}@keyframes fighterBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.arena__fighter--player.is-attacking{animation:.34s ease-out lungeRight}.arena__fighter--enemy.is-attacking{animation:.34s ease-out lungeLeft}@keyframes lungeRight{0%{transform:translate(0)}35%{transform:translate(40px)}to{transform:translate(0)}}@keyframes lungeLeft{0%{transform:translate(0)}35%{transform:translate(-40px)}to{transform:translate(0)}}.arena__fighter.is-hit{animation:.3s ease-in-out hitShake}.arena__fighter.is-hit .char-panel__model img{filter:brightness(2.2)saturate(.5)drop-shadow(0 0 8px #ff7878cc)}@keyframes hitShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.arena__surge{z-index:6;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 0 90px 8px #e7c86c2e}.arena.is-surge .arena__surge{opacity:1}.arena.is-surge-max .arena__surge{animation:.5s ease-in-out infinite surgePulse}@keyframes surgePulse{0%,to{opacity:.7}50%{opacity:1}}.tap-ripple{z-index:9;pointer-events:none;border:2px solid #e7c86cd9;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:.5s ease-out forwards tapRipple;position:absolute;box-shadow:0 0 18px #e7c86c80}@keyframes tapRipple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.arena__fighter .char-panel__model,.arena__fighter.is-attacking,.arena__fighter.is-hit{animation:none!important}}.arena__enemy-spawn{animation:.42s cubic-bezier(.2,1,.4,1) both enemySpawn}@keyframes enemySpawn{0%{opacity:0;transform:translate(40px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.arena__enemy-spawn{animation:none}}.arena__fighter--enemy.is-down .char-panel__model img{animation:.7s ease-in forwards enemyTopple}@keyframes enemyTopple{to{opacity:.18;filter:grayscale()brightness(.5);transform:translateY(18px)rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.arena__fighter--enemy.is-down .char-panel__model img{opacity:.18;animation:none}}.arena__vs{font-family:var(--font-title);letter-spacing:.06em;color:var(--gold-dim,#95753f);text-shadow:0 2px 10px #000;opacity:.7;flex:none;align-self:center;font-size:clamp(20px,3vw,30px);font-weight:900}@media (width<=680px){.arena__fighters{gap:6px}.arena__vs{font-size:clamp(16px,5vw,24px)}.arena__bottom-bar .arena-btn--fight{flex:1 0 100%;width:auto}}@media (height<=700px){.char-panel__model{height:clamp(76px,16vh,150px)}.arena__field{gap:6px;padding-top:10px;padding-bottom:10px}.arena__log-section{gap:5px;padding:4px 0}.arena__vs{font-size:clamp(14px,3vh,22px)}}.arena__main-view{z-index:10;min-height:0;padding:24px max(24px, env(safe-area-inset-right)) 24px max(24px, env(safe-area-inset-left));scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1 1 0;display:flex;position:relative;overflow-y:auto}.arena__main-view::-webkit-scrollbar{width:4px}.arena__main-view::-webkit-scrollbar-track{background:0 0}.arena__main-view::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.arena__main-view::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.arena__leaderboard{border:1px solid var(--border);border-radius:var(--radius);background:#08070ed1;width:min(920px,100%);height:100%;margin:0 auto;padding:18px 20px}.arena__bottom-bar{z-index:10;padding:12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(#0c0914b3,#0a0812);border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.arena-btn{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;color:#b3ad9f;text-align:center;background:linear-gradient(#100b1a,#0b0812);border:1px solid #ffffff1f;border-radius:9px;flex-grow:0;flex-shrink:0;padding:11px 0;font-size:12px;font-weight:700;transition:transform .1s,border-color .12s,color .12s,box-shadow .12s,background .12s;overflow:hidden}.arena-btn:hover:not(:disabled){color:#ded8cc;border-color:#c8a24c6b}.arena-btn:active:not(:disabled){transform:translateY(1px)}.arena-btn--skilltree{width:100px}.arena-btn--upgrade{width:110px}.arena-btn--auto{width:120px}.arena-btn--fight{width:110px}.arena-btn--speed{width:64px}.arena-btn--advance{width:130px}.arena-btn--retry,.arena-btn--grind{width:90px}.arena-tap-meter{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff05,#0000002e);border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;flex:100px;gap:5px;min-width:100px;max-width:340px;padding:7px 14px;transition:border-color .15s,box-shadow .15s,transform 60ms;display:flex}.arena-tap-meter:active{transform:scale(.99)}.arena-tap-meter.is-hot{border-color:#c8a24c6b;box-shadow:0 0 18px -6px #e7c86c99}.arena-tap-meter__top{justify-content:space-between;align-items:baseline;display:flex}.arena-tap-meter__label{font-family:var(--font-body,inherit);font-variant:small-caps;letter-spacing:.12em;color:#837c8e;text-transform:none;font-size:12px}.arena-tap-meter.is-hot .arena-tap-meter__label{color:#c8a24c}.arena-tap-meter__val{font-family:var(--font-title);color:#e7c86c;font-size:16px;font-weight:700}.arena-tap-meter__track{background:#00000080;border:1px solid #ffffff1f;border-radius:99px;height:8px;overflow:hidden}.arena-tap-meter__fill{background:linear-gradient(90deg,#95753f,#e7c86c);border-radius:99px;height:100%;transition:width .1s linear;box-shadow:0 0 10px #e7c86c99}.arena-btn--upgrade{color:var(--gold);background:#a07d2a26;border-color:#e8b94a59}.arena-btn--upgrade:hover{border-color:var(--gold);background:#e8b94a38}.arena-btn--auto{color:var(--text-muted);background:#ffffff0f;border-color:#ffffff1f}.arena-btn--auto:hover:not(:disabled){color:var(--text-primary);border-color:#ffffff40}.arena-btn--auto.is-on{border-color:var(--green);color:var(--green);background:#4caf722e;animation:2s ease-in-out infinite autoPulse}@keyframes autoPulse{0%,to{box-shadow:0 0 #4caf7200}50%{box-shadow:0 0 8px 2px #4caf724d}}.arena-btn--fight{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#2d7a4f,#4caf72);border-color:#4caf72;font-size:13px;font-weight:700;animation:1.8s ease-in-out infinite fightPulse}.arena-btn--fight:hover:not(:disabled){background:linear-gradient(135deg,#38a060,#5fd48a);transform:scale(1.03);box-shadow:0 0 22px #4caf72b3}.arena-btn--fight.is-fighting,.arena-btn--fight:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#ffffff0f;border-color:#ffffff1a;animation:none;transform:none}@keyframes fightPulse{0%,to{box-shadow:0 0 10px #4caf7259}50%{box-shadow:0 0 20px #4caf72a6}}.arena-btn--advance{color:#4a8fc9;background:#4a8fc926;border-color:#4a8fc980;font-weight:600}.arena-btn--advance:hover{background:#4a8fc947;border-color:#4a8fc9;box-shadow:0 0 10px #4a8fc959}.arena-btn--retry{color:var(--gold);background:#e8b94a1f;border-color:#e8b94a66;font-weight:600}.arena-btn--retry:hover{border-color:var(--gold);background:#e8b94a3d}.arena-btn--grind{color:var(--gold-dim);background:#a07d2a1f;border-color:#a07d2a59}.arena-btn--grind:hover{border-color:var(--gold-dim);color:var(--gold);background:#a07d2a38}@media (width<=768px){.arena{height:100dvh;margin-left:0}.arena__main-view,.arena__leaderboard{padding:12px}.arena__field{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:8px;padding:8px;overflow-y:auto}.arena__unit,.arena__fighters,.arena__log-section{flex:none}.arena__fighters{align-items:flex-end;min-height:0}.char-panel__model{width:104px;height:139px;max-height:none}.battle-log{height:100px;min-height:100px;max-height:100px}.arena__log-section{align-items:center}}@media (width<=430px){.char-panel__model{width:88px;height:117px}.char-panel__info--row{gap:5px}.char-panel__info--row .stat-pill,.char-panel__info--row .char-panel__threat,.char-panel__info--row .enemy-ability-btn{padding:2px 6px;font-size:10px}.arena__vs{font-size:16px}}.arena-btn--speed{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff1f;min-width:56px}.arena-btn--speed:hover{color:var(--text-primary);border-color:#ffffff40}.arena-btn--speed.is-fast{color:var(--gold);background:#e8b94a1f;border-color:#e8b94a66}:root{--gold:#e8b94a;--gold-dim:#a07d2a;--red:#c94040;--red-bright:#f55;--green:#4caf72;--blue:#4a8fc9;--bg-dark:#0d0d12;--bg-panel:#0a0a12e0;--bg-card:#141220eb;--border:#e8b94a2e;--border-bright:#e8b94a73;--text-primary:#f0e8d0;--text-muted:#8a7f6a;--text-gold:#e8b94a;--font-title:"Cinzel", serif;--font-body:"Crimson Pro", serif;--sidebar-w:220px;--sidebar-collapsed-w:0px;--radius:6px;--transition:.2s ease;--burger-x:14px;--burger-y:14px;--burger-size:36px;--toast-x:0px;--toast-y:0px;--font-scale:1;--title-scale:1;--currency-scale:1}.rolling-number{font-variant-numeric:tabular-nums;transition:color .25s,transform .15s;display:inline-block}.rolling-number--up{color:var(--green)}.rolling-number--down{color:var(--red-bright)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:-webkit-fill-available}body{height:100%;background:var(--bg-dark);height:-webkit-fill-available;color:var(--text-primary);font-family:var(--font-body);font-size:calc(16px * var(--font-scale,1));overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}html,#root{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{height:100%;height:-webkit-fill-available;min-height:100dvh;overflow:hidden}button{font-family:var(--font-title);cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{opacity:.45;cursor:not-allowed}.hp-bar-wrap{background:#ffffff14;border:.5px solid #ffffff1a;border-radius:99px;width:100%;height:10px;overflow:hidden}.hp-bar-fill{border-radius:99px;height:100%;transition:width .4s}.hp-bar-fill.player{background:linear-gradient(90deg,#3a8f5a,#4caf72)}.hp-bar-fill.enemy{background:linear-gradient(90deg,#8f3a3a,#c94040)}.hp-bar-fill.danger{background:linear-gradient(90deg,#8f3a3a,#f55)}.game-toast{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-gold);font-family:var(--font-title);letter-spacing:.8px;white-space:nowrap;z-index:9999;pointer-events:none;transform:translate(calc(-50% + var(--toast-x,0px)), var(--toast-y,0px));padding:10px 20px;font-size:12px;animation:.22s gameToastIn;position:fixed;bottom:88px;left:50%;box-shadow:0 4px 24px #0009,0 0 12px #e8b94a14}body[data-toast-anchor=top-left] .game-toast{transform:translate(var(--toast-x,0px), var(--toast-y,0px));inset:20px auto auto 20px}body[data-toast-anchor=top-center] .game-toast{transform:translate(calc(-50% + var(--toast-x,0px)), var(--toast-y,0px));inset:20px auto auto 50%}body[data-toast-anchor=top-right] .game-toast{transform:translate(var(--toast-x,0px), var(--toast-y,0px));inset:20px 20px auto auto}body[data-toast-anchor=bottom-left] .game-toast{transform:translate(var(--toast-x,0px), var(--toast-y,0px));inset:auto auto 20px 20px}body[data-toast-anchor=bottom-center] .game-toast{transform:translate(calc(-50% + var(--toast-x,0px)), var(--toast-y,0px));inset:auto auto 88px 50%}body[data-toast-anchor=bottom-right] .game-toast{transform:translate(var(--toast-x,0px), var(--toast-y,0px));inset:auto 20px 20px auto}body[data-toast-anchor=center] .game-toast{transform:translate(calc(-50% + var(--toast-x,0px)), calc(-50% + var(--toast-y,0px)));inset:50% auto auto 50%}.game-toast--danger{border-color:var(--red-bright);color:var(--red-bright);box-shadow:0 4px 24px #0009,0 0 12px #ff55551f}@keyframes gameToastIn{0%{opacity:0}to{opacity:1}}body[data-sidebar-side=right] .sidebar{border-right:none;border-left:1px solid var(--border);left:auto;right:0}body[data-sidebar-side=right] .arena{margin-left:0;margin-right:var(--sidebar-w)}body[data-sidebar-side=right] .sidebar__hamburger{left:auto;right:var(--burger-x,14px)}@media (width<=768px){body[data-sidebar-side=right] .sidebar{transform:translate(100%)}body[data-sidebar-side=right] .sidebar.open{transform:translate(0)}body[data-sidebar-side=right] .arena{margin-right:0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:99px}.curr{white-space:nowrap;vertical-align:middle;align-items:center;gap:5px;display:inline-flex}.curr__ico{flex-shrink:0;width:1.1em;height:1.1em;display:block}.curr__val{line-height:1}.curr__overflow{font:inherit;color:#6b4ec0;white-space:nowrap;margin-left:-2px}