#screen-combat{min-height:calc(100vh - 80px);background:#050505}#combat-layout{display:flex;gap:20px;padding:20px;width:100%;box-sizing:border-box}#combat-main{flex:1;position:relative}#monster-card{background:var(--bg-panel);border:2px solid var(--gold-dark);border-radius:10px;padding:0;text-align:center;cursor:pointer;transition:transform .2s ease;position:relative;overflow:hidden}#monster-card>*:not(#monster-arena){position:relative;z-index:2}#monster-card:before{content:"";position:absolute;top:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,#000000bf,#0000);z-index:1;pointer-events:none;border-radius:10px 10px 0 0}#monster-info-overlay{padding:14px 20px 8px;min-height:520px;display:flex;flex-direction:column;pointer-events:none}#monster-info-overlay>*{pointer-events:auto}#monster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.combat-location{flex:0 0 100%;font-size:.72em;letter-spacing:.03em;color:#e0c97fbf;text-shadow:0 1px 4px rgba(0,0,0,1);text-align:left;margin-bottom:-2px}.combat-location:empty{display:none}#monster-name{color:var(--gold);font-size:.9em;font-weight:400;flex:1;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,1)}#monster-level-badge{background:#e0c97f1a;border:1px solid var(--gold-dark);color:var(--gold);padding:4px 8px;border-radius:4px;font-size:.85em}#monster-hp-container{width:100%;height:12px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;margin-bottom:5px;overflow:hidden;position:relative}#monster-hp-bar{height:100%;background:linear-gradient(90deg,#8b0000,#c22);width:100%;transition:width .3s}#monster-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75em;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;white-space:nowrap;margin:0;z-index:1}#player-hp-container{width:100%;height:20px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;margin-bottom:5px;overflow:hidden;position:relative}#player-hp-bar{height:100%;background:linear-gradient(90deg,#8b0000,#c22);width:100%;transition:width .3s}#player-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75em;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;white-space:nowrap;margin:0;z-index:1}#player-mana-container{width:100%;height:17px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;margin-bottom:5px;overflow:hidden;position:relative}#player-mana-bar{height:100%;background:linear-gradient(90deg,#1e3f8b,#3f7fd6);width:100%;transition:width .3s}#player-mana-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75em;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;white-space:nowrap;margin:0;z-index:1}.combat-layout{display:flex;gap:20px;align-items:flex-start;width:100%}.combat-main{flex:1;min-width:0}.quests-panel{width:280px;flex-shrink:0;background:#0009;border:2px solid #8b6f3a;border-radius:8px;padding:15px;color:#f0e6d2;max-height:55vh;overflow-y:auto;box-sizing:border-box}.quests-panel h3{margin:0 0 15px;text-align:center;border-bottom:1px solid #8b6f3a;padding-bottom:8px;color:gold;transition:opacity .3s,transform .3s,width .3s,padding .3s;overflow:hidden}.quest-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;border-left:3px solid #ffd700;padding:10px;margin-bottom:10px;border-radius:4px;font-size:.9em}.quest-item.quest-pending{border-left-color:#f5c518;background:#f5c5180f}@keyframes quest-tuto-blink{0%,to{box-shadow:0 0 #f5c51800;border-left-color:#f5c518}50%{box-shadow:0 0 14px #f5c51899;border-left-color:#ffe680}}.quest-item.quest-tuto-blink{animation:quest-tuto-blink 1.3s ease-in-out infinite}.quest-item.quest-rewarded{border-left-color:#4a4a4a;opacity:.45;filter:grayscale(60%)}.quest-item.quest-campaign{border-left-color:#6ec6f0;background:#6ec6f00f}.quest-item.quest-campaign .quest-title:before{content:"📖 "}.quest-item.quest-secondary{border-left-color:#7ed957;background:#7ed9570f}.quest-side-tag{display:inline-block;font-size:.72em;font-weight:700;color:#7ed957;background:#7ed95724;border-radius:6px;padding:1px 7px;margin-right:6px;vertical-align:middle;letter-spacing:.02em}.quest-item.quest-keystone{border-left-color:#e0c97f;background:#e0c97f17;box-shadow:inset 0 0 0 1px #e0c97f40}.quest-item.quest-keystone .quest-title:before{content:"🗝️ "}.quest-main{flex:1;min-width:0}.quest-item p,.quest-title{margin:0 0 6px}.quest-count{font-size:.82em;color:var(--grey-light)}.quest-progress-bar{background:var(--border);height:8px;border-radius:4px;overflow:hidden;margin-bottom:5px}.quest-progress-bar>div{background:linear-gradient(90deg,gold,#ff9800);height:100%;transition:width .3s ease}.quest-chest-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;width:58px;min-height:58px;background:linear-gradient(180deg,#3a2a00,#1e1600);border:2px solid #f5c518;border-radius:8px;cursor:pointer;box-shadow:0 0 10px #f5c5184d,inset 0 1px #ffdc501a;transition:transform .12s,box-shadow .12s,background .12s;padding:6px 4px;animation:quest-chest-pulse 1.8s ease-in-out infinite}.quest-chest-btn:hover{transform:scale(1.08);background:linear-gradient(180deg,#5a4200,#3a2800);box-shadow:0 0 18px #f5c5188c}.quest-chest-btn:active{transform:scale(.95)}.quest-chest-icon{font-size:1.6em;line-height:1;filter:drop-shadow(0 0 4px rgba(245,197,24,.6))}.quest-chest-img{width:1.6em;height:1.6em;object-fit:contain}.quest-chest-label{font-family:Cinzel,serif;font-size:.48em;color:#f5c518;letter-spacing:.5px;text-align:center;text-shadow:0 0 4px rgba(245,197,24,.5)}@keyframes quest-chest-pulse{0%,to{box-shadow:0 0 10px #f5c5184d,inset 0 1px #ffdc501a}50%{box-shadow:0 0 20px #f5c518a6,inset 0 1px #ffdc5026}}@media(max-width:900px){.combat-layout{flex-direction:column}.quests-panel{width:100%;max-height:300px}}@media(max-width:600px){#monster-header{justify-content:center;row-gap:6px}#monster-name{flex:1 0 100%;text-align:center}#monster-blade-hint,#monster-elem-hint,#monster-level-badge{flex:0 0 auto}}.toggle-log-btn{position:fixed;left:0;top:calc(50% - 32px);background:#8b6f3a;border:2px solid #ffd700;border-left:none;border-radius:0 6px 6px 0;color:#fff;font-size:1em;width:22px;height:64px;cursor:pointer;z-index:200;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,width .2s;flex-shrink:0}.toggle-log-btn:hover{background:#a8853f}#combat-log.hidden{width:0;min-width:0;padding:0;opacity:0;overflow:hidden;border:none}.toggle-quests-btn{position:fixed;right:0;top:calc(50% - 32px);background:#8b6f3a;border:2px solid #ffd700;border-right:none;border-radius:6px 0 0 6px;color:#fff;font-size:1em;width:22px;height:64px;cursor:pointer;z-index:200;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s;flex-shrink:0}.toggle-quests-btn:hover{background:#a8853f;transform:scale(1.1)}.quests-panel.hidden{width:0;padding:0;opacity:0;transform:translate(20px);border:none}@keyframes monster-idle{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes monster-attack{0%{translate:0 0;scale:1;filter:none}18%{translate:0 0;scale:1.62;filter:brightness(2.4) saturate(.3) drop-shadow(0 0 12px rgba(255,255,255,.9))}38%{translate:-22px 0;scale:1.34;filter:brightness(1.4) saturate(.7)}62%{translate:7px 0;scale:.96;filter:none}to{translate:0 0;scale:1;filter:none}}@keyframes monster-attack-flash{0%{scale:1;filter:none}22%{scale:1.6;filter:brightness(2.4) saturate(.3) drop-shadow(0 0 12px rgba(255,255,255,.9))}55%{scale:1.22;filter:brightness(1.3) saturate(.7)}to{scale:1;filter:none}}@keyframes monster-hit{0%{translate:0;filter:none}20%{translate:18px;filter:brightness(5) saturate(0)}55%{translate:-5px;filter:brightness(1.3) saturate(.6)}to{translate:0;filter:none}}@keyframes monster-hit-flash{0%{filter:none}20%{filter:brightness(5) saturate(0)}55%{filter:brightness(1.3) saturate(.6)}to{filter:none}}#monster-arena{position:absolute;inset:0;width:100%;height:100%;cursor:default;background:linear-gradient(135deg,#0a0a14cc,#140a0acc);border:none;border-radius:0;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;z-index:0}#monster-img.monster-attack{animation:monster-attack .45s ease-out forwards}#monster-img.monster-attack-flash{animation:monster-attack-flash .45s ease-out forwards}#monster-img.monster-hit{animation:monster-hit .35s ease-out forwards}#monster-img.monster-hit-flash{animation:monster-hit-flash .35s ease-out forwards}.elem-badge{display:inline-block;font-size:.85em;line-height:1;vertical-align:middle;filter:drop-shadow(0 0 3px var(--elem-color, transparent));cursor:help}.monster-elem-hint{text-align:center;font-size:.7em;margin:0;min-height:0;color:#b8b2a6}.monster-elem-hint.meh-good strong{text-shadow:0 0 6px currentColor}.elem-ok{color:#8fe08f;font-weight:700}.elem-bad{color:#e8806a;font-weight:700}.elem-weak{color:#8fe08f;font-weight:700}.elem-resist{color:#e8806a;font-weight:700}#flee-fade{position:fixed;inset:0;z-index:9500;background:#000;opacity:0;pointer-events:none}#flee-fade.flee-fade-run{animation:fleeFade .7s ease-in-out}@keyframes fleeFade{0%{opacity:0}40%{opacity:.92}60%{opacity:.92}to{opacity:0}}#monster-bg{position:absolute;inset:0;opacity:.3;pointer-events:none}#monster-img{font-size:120px;line-height:1;cursor:pointer;user-select:none;z-index:5;transition:scale .1s;animation:monster-idle 3s ease-in-out infinite;max-width:200px;max-height:175px;object-fit:contain}#monster-card.boss-active #monster-img,#monster-card.actboss-active #monster-img{max-width:320px;max-height:290px}#monster-card.elite-active #monster-img{max-width:480px;max-height:435px}#monster-img:hover{scale:1.25}#monster-img:active{scale:.92}body.shake-off #monster-img{animation:none}body.shake-off #monster-img:hover,body.shake-off #monster-img:active{scale:1}#damage-popup{position:absolute;top:120px;left:50%;transform:translate(-50%);color:var(--red-bright);font-size:2em;font-weight:700;z-index:10;pointer-events:none;animation:floatUp .8s ease forwards}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}#crit-popup{position:absolute;top:110px;left:50%;transform:translate(-50%);color:#ffe066;font-size:1.6em;font-weight:900;font-family:Cinzel Decorative,serif;text-align:center;line-height:1.2;z-index:11;pointer-events:none;text-shadow:0 0 12px #ff9900,0 0 24px #ff6600,0 2px 4px #000;animation:critPop 1.2s ease forwards;white-space:nowrap}@keyframes critPop{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}15%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.3)}40%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-80px) scale(.9)}}.crit-popup-royal{color:#ffe9a8;font-size:1.9em;text-shadow:0 0 10px #ffcf4d,0 0 22px #e85d5d,0 0 34px #9b6fff,0 2px 4px #000;animation:critPop 1.2s ease forwards,crit-royal-shimmer .5s ease-in-out infinite alternate}@keyframes crit-royal-shimmer{0%{filter:brightness(1)}to{filter:brightness(1.35)}}#combat-left-col{display:flex;flex-direction:column;gap:15px;flex-shrink:0;width:280px}#combat-right-col{display:flex;flex-direction:column;gap:10px;flex-shrink:0;width:280px}#combat-log{width:100%;flex-shrink:0;background:#0009;border:2px solid #8b6f3a;border-radius:8px;padding:15px;color:#f0e6d2;max-height:40vh;display:flex;flex-direction:column}#combat-log h3{margin:0 0 10px;text-align:center;border-bottom:1px solid #8b6f3a;padding-bottom:8px;color:gold;flex-shrink:0}#log-content{flex:1;overflow-y:auto;font-size:.9em;line-height:1.5;padding-right:5px}#log-content p{margin:4px 0;padding:4px 6px;border-left:2px solid #ffd700;background:#ffffff08;border-radius:3px;animation:fadeIn .3s ease}#combat-log p.damage{border-left-color:#f55}#combat-log p.heal{border-left-color:var(--green-bright)}#combat-log p.loot{border-left-color:gold}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}#combat-log::-webkit-scrollbar{width:6px}#combat-log::-webkit-scrollbar-track{background:#0000004d}#combat-log::-webkit-scrollbar-thumb{background:#8b6f3a;border-radius:3px}@media(max-width:1100px){.combat-layout{flex-direction:column}.quests-panel{width:100%;max-height:250px}}#log-content p:last-child{border-bottom:none}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:15px;margin-bottom:15px}.panel h3{color:var(--gold);margin-bottom:12px;font-size:.95em}#upgrades-list{display:flex;flex-direction:column;gap:10px}.upgrade-item{background:var(--bg-panel2);border:1px solid var(--border);border-radius:4px;padding:10px;font-size:.8em;cursor:pointer;transition:all .2s}.upgrade-item:hover{border-color:var(--gold-dark);background:#252525}.upgrade-item:disabled{opacity:.5;cursor:not-allowed}.upgrade-name{color:var(--text);font-weight:700;margin-bottom:4px}.upgrade-cost{color:var(--gold-dark);font-size:.85em}@media(max-width:600px){#screen-combat{min-height:100vh;background:#050505}#combat-layout{padding:0;gap:0}#combat-main{width:100%}#monster-card{border:none;border-radius:0}#monster-card:before{border-radius:0}#monster-arena{border-radius:0}}.sign-fx{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.sign-fx>*{position:absolute}.sign-fx .sfx-flame{left:50%;bottom:0;width:42%;height:85%;margin-left:-21%;background:radial-gradient(ellipse at 50% 100%,#ffd166,#ff6b1a 45%,#ff3c0000 72%);animation:sfx-flame .75s ease-out forwards}@keyframes sfx-flame{0%{transform:translateY(28%) scaleY(.3);opacity:0}30%{opacity:1}to{transform:translateY(-14%) scaleY(1.5);opacity:0}}.sign-fx .sfx-ring{left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border:5px solid #dfe7ff;border-radius:50%;animation:sfx-ring .55s ease-out forwards}@keyframes sfx-ring{0%{transform:scale(.2);opacity:1}to{transform:scale(3.2);opacity:0}}.sign-fx .sfx-flash{inset:0;animation:sfx-flash .5s ease-out forwards}.sign-fx .sfx-flash.warm{background:#ff7a2a}.sign-fx .sfx-flash.cold{background:#fff;animation-duration:.3s}@keyframes sfx-flash{0%{opacity:0}15%{opacity:.8}to{opacity:0}}.sign-fx .sfx-shield{left:50%;top:50%;width:62%;height:62%;margin:-31% 0 0 -31%;border:4px solid #6bb8ff;border-radius:50%;box-shadow:inset 0 0 30px #6bb8ff99;animation:sfx-shield .9s ease-out forwards}@keyframes sfx-shield{0%{transform:scale(1.6);opacity:0}40%{transform:scale(1);opacity:1}75%{opacity:.85}to{transform:scale(1);opacity:0}}.sign-fx .sfx-spiral{left:50%;top:50%;width:58%;height:58%;margin:-29% 0 0 -29%;border:4px dashed #c77dff;border-radius:50%;animation:sfx-spiral .9s ease-in-out forwards}@keyframes sfx-spiral{0%{transform:rotate(0) scale(.4);opacity:0}30%{opacity:1}to{transform:rotate(300deg) scale(1.6);opacity:0}}.sign-fx .sfx-roots{left:50%;bottom:8%;width:52%;height:34%;margin-left:-26%;transform-origin:bottom;background:repeating-linear-gradient(78deg,#4b7d3a 0 7px,transparent 7px 15px);animation:sfx-roots .7s ease-out forwards}@keyframes sfx-roots{0%{transform:scaleY(0);opacity:0}30%{opacity:1}to{transform:scaleY(1);opacity:.9}}@keyframes sfx-tilt{0%,to{transform:rotate(0)}30%{transform:rotate(-9deg)}70%{transform:rotate(7deg)}}@keyframes sfx-sink{0%{transform:translateY(0)}to{transform:translateY(10px)}}#monster-img.sfx-mob-tilt{animation:sfx-tilt .9s ease-in-out}#monster-img.sfx-mob-sink{animation:sfx-sink .7s ease-out}@keyframes sign-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}.sign-shake{animation:sign-shake .45s ease-in-out}#log-content p.log-alert{border-left-color:#ff4d4d;background:#ff4d4d1f;color:#ffb3b3}.break-fx{position:absolute;inset:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at 50% 50%,#ff3c3c00 35%,#ff28288c);animation:break-flash .7s ease-out forwards}@keyframes break-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes break-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,1px)}}.break-shake{animation:break-shake .3s ease-in-out}