@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--gold:#d4a843;--gold-light:#f0c060;--crimson:#c0392b;--crimson-dark:#922b21;--royal:#4a3080;--royal-light:#6b4caa;--royal-dark:#2d1a60;--emerald:#1a7a50;--emerald-light:#27ae60;--heal-green:#5dd9a0;--stone:#1a1614;--stone-mid:#2a2220;--stone-light:#3a3230;--parchment:#e8d9b0;--parchment-dark:#c4b078;--ink:#0d0b08;--mist:#c8b48c12;--scrollbar-thumb:#648cc826}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--stone);width:100%;height:100%;color:var(--parchment);-webkit-user-select:none;user-select:none;font-family:Crimson Text,Georgia,serif;font-size:clamp(10px,1.2vw,15px);line-height:1.5;overflow-x:hidden}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#4a30802e 0%,#0000 70%),radial-gradient(60% 40% at 20% 100%,#c0392b1f 0%,#0000 60%),radial-gradient(50% 30% at 80% 80%,#1a7a501a 0%,#0000 60%);position:fixed;inset:0}*{scrollbar-width:thin;scrollbar-color:#d4a84340 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(#d4a84359,#6482b440);border:1px solid #d4a8431a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d4a8438c,#6482b466)}button:focus-visible,[role=button]:focus-visible,a:focus-visible,.cell:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#particle-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}#app-wrapper{background-color:#0a0810;background-image:linear-gradient(#0006,#0006),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}#app{z-index:2;grid-template:"sidebar-left main sidebar-right"1fr/.3fr 1fr .3fr;gap:clamp(6px,1.2vw,12px);width:100%;height:100%;padding:clamp(6px,1.2vw,12px);display:grid;position:relative}.sidebar-panel{background:linear-gradient(#141218f7 0%,#100e14fa 50%,#0e0c12fc 100%);border:2px solid #6482b4cc;border-radius:clamp(5px,.8vw,8px);flex-direction:column;gap:0;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #00000080,inset 0 1px #7896c899,inset 0 -1px #000}.sidebar-panel:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a84340,#648cc826,#d4a84340,#0000);height:1px;position:absolute;top:0;left:12px;right:12px}.sidebar-panel:after{content:"";z-index:2;background:linear-gradient(90deg,#0000,#648cc81a,#0000);height:1px;position:absolute;bottom:0;left:12px;right:12px}.sidebar-left{grid-area:sidebar-left}.sidebar-right{grid-area:sidebar-right}.sp-header{text-align:center;flex-shrink:0;padding:clamp(4px,1vh,12px) clamp(6px,1vw,12px) 0}.sp-header-ornament{background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.35;width:36px;height:2px;margin:0 auto clamp(3px,.5vh,6px)}.sp-title{color:#c8beaad9;letter-spacing:.06em;margin:0;font-family:Cinzel,serif;font-size:clamp(12px,1.6vw,20px);font-weight:700;line-height:1.25}.sp-title span{color:var(--gold);font-size:clamp(10px,1.2vw,15px)}.sp-subtitle{color:#a0bee666;letter-spacing:.2em;text-transform:uppercase;margin:clamp(1px,.3vh,3px) 0 clamp(3px,.7vh,8px);font-family:Cinzel,serif;font-size:clamp(8px,.8vw,10px)}.sp-divider{background:linear-gradient(90deg,#0000 0%,#6482b41f 30%,#d4a8431a 50%,#6482b41f 70%,#0000 100%);flex-shrink:0;height:1px;margin:clamp(2px,.5vh,6px) clamp(6px,1vw,12px);position:relative}.sp-divider:after{content:"⟡";color:var(--gold);opacity:.2;background:#100e14;padding:0 5px;font-size:clamp(5px,.6vw,7px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-hud{flex-shrink:0;padding:0 clamp(4px,.8vw,10px)}.sp-section-label{color:#a0bee666;letter-spacing:.15em;text-transform:uppercase;text-align:center;margin-bottom:clamp(2px,.3vh,4px);font-family:Cinzel,serif;font-size:clamp(8px,.9vw,11px);font-weight:600}#shop{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-content:start;gap:5px;min-height:0;padding:0 6px 8px;display:grid;overflow:hidden auto}.sidebar-header{z-index:5;background:#100e14fa;flex-direction:column;grid-column:span 3;gap:4px;margin-bottom:3px;padding-bottom:4px;display:flex;position:sticky;top:0}#shop::-webkit-scrollbar{width:4px}#shop::-webkit-scrollbar-track{background:0 0}#shop::-webkit-scrollbar-thumb{background:#648cc833;border-radius:4px}#shop{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.rp-bottom-bar{border-top:1px solid #6482b41a;flex-direction:column;flex-shrink:0;gap:clamp(3px,.4vh,5px);padding:clamp(3px,.4vh,6px) clamp(4px,.6vw,8px);display:flex}.rp-speed-bar{align-items:center;gap:clamp(3px,.4vw,5px);display:flex}.rp-speed-label{color:#b4aa9673;letter-spacing:.06em;flex-shrink:0;font-family:Cinzel,serif;font-size:clamp(8px,.8vw,10px)}.rp-speed-btn{color:#b4aa9680;cursor:pointer;background:#1e1c2699;border:1px solid #6482b41f;border-radius:4px;flex:1;padding:clamp(3px,.4vh,5px) 0;font-family:Cinzel,serif;font-size:clamp(9px,.85vw,11px);font-weight:700;transition:all .15s}.rp-speed-btn.active{color:#f0e8d0;text-shadow:0 0 6px #d4a8434d;background:#d4a84326;border-color:#d4a84366}.rp-speed-btn:hover:not(.active){color:#d0c8b0;border-color:#d4a84333}.rp-bottom-btns{gap:clamp(3px,.4vw,6px);display:flex}.rp-element-btn{color:#b4aa9680;letter-spacing:.06em;cursor:pointer;background:#1e1c2699;border:1px solid #6482b426;border-radius:4px;flex:1;padding:clamp(4px,.5vh,7px) 0;font-family:Cinzel,serif;font-size:clamp(9px,.85vw,11px);font-weight:600;transition:all .2s}.rp-element-btn:hover{color:var(--gold);background:#d4a8430f;border-color:#d4a8434d}.rp-tab-bar{border-bottom:1px solid #6482b41f;flex-shrink:0;display:flex}.rp-tab-btn{color:#a0968266;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:clamp(4px,.8vh,8px) 0;font-family:Cinzel,serif;font-size:clamp(9px,.9vw,11px);font-weight:600;transition:all .2s}.rp-tab-btn:hover{color:#c8beaa99}.rp-tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.rp-tab-content{flex-direction:column;flex:1;min-height:0;display:none;overflow-y:auto}.rp-tab-content.active{display:flex}.rp-tab-content::-webkit-scrollbar{width:3px}.rp-tab-content::-webkit-scrollbar-track{background:0 0}.rp-tab-content::-webkit-scrollbar-thumb{background:#648cc826;border-radius:4px}.rp-tab-log{padding:0}.log-timer-header{background:linear-gradient(#14121afa,#100e14f2);border-bottom:1px solid #6482b41f;flex-shrink:0;padding:clamp(3px,.5vh,6px) clamp(6px,.8vw,10px)}.log-timer-header .rp-timer{align-items:center;gap:clamp(3px,.5vw,6px);display:flex}.log-timer-label{opacity:.6;flex-shrink:0;font-size:clamp(9px,.9vw,11px)}.log-timer-header .timer-bar-container{background:#00000080;border:1px solid #6482b426;border-radius:4px;flex:1;height:8px;overflow:hidden}.log-timer-header .timer-fill{background:linear-gradient(90deg, var(--emerald), var(--emerald-light));border-radius:3px;width:0%;height:100%;transition:width .3s,background .3s;box-shadow:0 0 6px #27ae604d}.log-timer-header .timer-fill.warning{background:linear-gradient(90deg, var(--gold), var(--gold-light));box-shadow:0 0 6px #d4a8434d}.log-timer-header .timer-fill.danger{background:linear-gradient(90deg, var(--crimson), var(--crimson-dark));animation:.6s ease-in-out infinite timer-danger-pulse;box-shadow:0 0 8px #c0392b80}@keyframes timer-danger-pulse{0%,to{opacity:1}50%{opacity:.7}}.log-timer-header .timer-text{color:#b4aa9699;text-align:right;min-width:32px;font-family:Cinzel,serif;font-size:clamp(8px,.8vw,10px)}.rp-tab-log #log{color:#c8beaabf;scroll-behavior:smooth;flex-direction:column;flex:1;gap:2px;min-height:0;padding:clamp(3px,.5vh,6px) clamp(6px,.8vw,10px);font-size:clamp(9px,.9vw,11px);line-height:1.5;display:flex;overflow-y:auto}.rp-header{text-align:center;flex-shrink:0;padding:clamp(4px,.8vh,10px) clamp(6px,1vw,12px) clamp(2px,.3vh,4px)}.rp-stage-label{color:var(--gold);letter-spacing:.08em;text-shadow:0 0 12px #d4a84333;margin-bottom:2px;font-family:Cinzel,serif;font-size:clamp(10px,1.2vw,18px);font-weight:700}.rp-round-label{color:#b4aa968c;letter-spacing:.05em;font-family:Cinzel,serif;font-size:clamp(9px,1vw,12px);font-weight:600}.rp-section{flex-shrink:0;padding:clamp(4px,.8vh,10px) clamp(4px,.8vw,10px)}.rp-timer-section{padding:clamp(3px,.5vh,6px) clamp(6px,1vw,12px)}.rp-timer{align-items:center;gap:clamp(4px,.6vw,8px);display:flex}.rp-timer .timer-bar-container{background:#0006;border:1px solid #6482b41f;border-radius:4px;flex:1;height:6px;overflow:hidden}.rp-timer .timer-text{color:#b4aa9699;text-align:right;min-width:36px;font-family:Cinzel,serif;font-size:clamp(9px,.9vw,11px)}.rp-synergy-section{flex:1;min-height:0;padding-bottom:clamp(4px,.8vh,10px);overflow-y:auto}.rp-synergy-section::-webkit-scrollbar{width:3px}.rp-synergy-section::-webkit-scrollbar-track{background:0 0}.rp-synergy-section::-webkit-scrollbar-thumb{background:#648cc826;border-radius:4px}.rp-synergy-list{flex-direction:column;gap:2px;display:flex}.rp-syn-row{background:#ffffff05;border-radius:3px;align-items:center;gap:clamp(3px,.4vw,5px);padding:clamp(3px,.5vh,6px) clamp(3px,.4vw,5px);font-size:clamp(8px,.8vw,10px);display:flex}.rp-syn-el{filter:drop-shadow(0 0 3px);flex-shrink:0;font-size:clamp(9px,1vw,12px)}.rp-syn-name{color:#c8beaaa6;min-width:24px;font-family:Cinzel,serif;font-weight:700}.rp-syn-tier{color:var(--gold);background:#d4a8431a;border:1px solid #d4a84333;border-radius:2px;flex-shrink:0;padding:0 clamp(2px,.3vw,3px);font-family:Cinzel,serif;font-size:clamp(6px,.7vw,8px);font-weight:700}.rp-syn-desc{color:#b4aa9673;font-size:clamp(8px,.9vw,11px)}.rp-syn-empty{color:#8c82784d;text-align:center;padding:clamp(2px,.3vh,4px) 0;font-size:clamp(8px,.9vw,11px);font-style:italic}.rp-label-ally{color:#3cb48c80!important}.rp-label-enemy{color:#c8645080!important}.rp-syn-divider{background:linear-gradient(90deg,#0000,#6482b41a,#0000);height:1px;margin:clamp(3px,.5vh,6px) 0}.rp-syn-ally{background:#3cb48c0a;border-left:2px solid #3cb48c59}.rp-syn-ally .rp-syn-tier{color:#5dd9a0;background:#3cb48c1a;border-color:#3cb48c33}.rp-syn-enemy{background:#c8503c0a;border-left:2px solid #c8503c59}.rp-syn-enemy .rp-syn-tier{color:#e88070;background:#c8503c1a;border-color:#c8503c33}.rp-syn-enemy .rp-syn-name{color:#dca09699}.rp-rewards-section{flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.rp-rewards-section::-webkit-scrollbar{width:3px}.rp-rewards-section::-webkit-scrollbar-track{background:0 0}.rp-rewards-section::-webkit-scrollbar-thumb{background:#648cc826;border-radius:4px}.rp-rewards-list{flex-direction:column;gap:2px;display:flex}.rp-reward-row{background:#d4a84308;border-left:2px solid #d4a84326;border-radius:3px;align-items:center;gap:clamp(3px,.5vw,6px);padding:clamp(2px,.3vh,3px) clamp(3px,.5vw,6px);font-size:clamp(8px,.8vw,10px);display:flex}.rp-reward-stage{color:#a0bee680;background:#6482b414;border-radius:2px;flex-shrink:0;padding:1px clamp(2px,.3vw,4px);font-family:Cinzel,serif;font-size:clamp(6px,.7vw,8px);font-weight:700}.rp-reward-label{color:#d4a843a6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rp-reward-empty{color:#8c82784d;text-align:center;padding:clamp(3px,.5vh,6px) 0;font-size:clamp(7px,.7vw,9px);font-style:italic}.main-content{flex-direction:column;grid-area:main;gap:4px;height:100%;display:flex;overflow:hidden}.battlefield{flex:1;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;min-height:0;display:grid}.vs-divider{background:linear-gradient(#0000,#d4a84340,#6482b426,#d4a84340,#0000);border-radius:2px;flex-shrink:0;width:clamp(15px,3vw,80px);margin:12px 6px}.grid-header{background:linear-gradient(90deg,#3c8c6e59 0%,#3c8c6e0d 45%,#0000 50%,#b43c320d 55%,#b43c3259 100%),linear-gradient(#14121899 0%,#100e14cc 100%);border:1px solid #6482b4;border-bottom-color:#d4a84380;border-radius:5px 5px 0 0;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:end;gap:0;padding:clamp(3px,.5vh,6px) clamp(4px,.6vw,8px);display:grid;position:relative;box-shadow:inset 0 1px #7896c866,0 2px 8px #0000000d}.grid-header:after{content:"";background:linear-gradient(90deg,#0000,#d4a84340,#0000);height:1px;position:absolute;bottom:0;left:15%;right:15%}.grid-header-side{text-align:center}.grid-header-vs{flex-shrink:0;width:15px}.battle-controls{flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:4px 0;display:flex}.credit{color:#a0968240;letter-spacing:.06em;z-index:3;pointer-events:none;font-family:Cinzel,serif;font-size:10px;position:fixed;bottom:6px;right:10px}@media (width<=1024px){#app{grid-template-columns:.35fr 1fr .3fr;gap:6px;padding:6px}}@media (width<=768px){#app{grid-template-columns:.4fr 1fr .28fr;gap:4px;padding:4px}.grid-header-vs{width:10px}.sp-header{padding:2px 4px 0}.sp-header-ornament,.sp-subtitle{display:none}.sp-title{font-size:11px;line-height:1.1}.sp-title span{font-size:9px}.sp-divider{margin:2px 6px}.sp-hud{padding:0 4px}#shop{gap:5px;padding:0 3px 4px}.sidebar-header{margin-bottom:1px;padding-bottom:2px}}@media (height<=600px){.sp-header-ornament,.sp-subtitle{display:none}.sp-header{padding:2px 4px 0}.sp-title{font-size:10px}.sp-divider{margin:1px 6px}#shop{gap:5px;padding:0 2px 3px}.sidebar-header{gap:2px;margin-bottom:1px;padding-bottom:1px}.sidebar-right{overflow-y:auto}.sidebar-right::-webkit-scrollbar{width:3px}.sidebar-right::-webkit-scrollbar-track{background:0 0}.sidebar-right::-webkit-scrollbar-thumb{background:#648cc826;border-radius:4px}}@media (height<=450px){.sp-title br,.el-chart-v2{display:none}.rp-section:has(.el-chart-v2){display:none}.rp-section:has(.el-chart-v2)+.sp-divider{display:none}}#rotate-overlay{z-index:99999;background:#0a080ef7;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.rotate-content{text-align:center}.rotate-ico{margin-bottom:clamp(12px,3vh,20px);font-size:clamp(48px,12vw,72px);animation:2s ease-in-out infinite rotate-bounce}.rotate-text{color:var(--gold-light);margin-bottom:clamp(6px,1.5vh,10px);font-family:Cinzel,serif;font-size:clamp(16px,4vw,24px);font-weight:700}.rotate-sub{color:#c8beaa80;font-size:clamp(11px,2.5vw,14px)}@keyframes rotate-bounce{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}}@media (orientation:portrait) and (width<=900px) and (hover:none){#rotate-overlay{display:flex}#app-wrapper{display:none}}.round-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1px,.2vw,3px);margin-bottom:clamp(3px,.5vh,6px);display:flex}.rp{background:#1e1c28b3;border:1px solid #6482b41a;border-radius:4px;justify-content:center;align-items:center;width:clamp(14px,1.6vw,20px);height:clamp(14px,1.6vw,20px);transition:all .4s;display:flex;position:relative}.rp-num{color:#8c827859;font-family:Cinzel,serif;font-size:clamp(7px,.7vw,9px);font-weight:700}.rp-ico{font-size:clamp(7px,.8vw,10px);line-height:1}.rp.win{background:#1bae6033;border-color:#1bae6066;box-shadow:0 0 6px #1bae6033}.rp.win .rp-num{color:#5dd9a0}.rp.lose{background:#c0392b33;border-color:#c0392b66;box-shadow:0 0 6px #c0392b33}.rp.lose .rp-num{color:#e88070}.rp.cur{background:#d4a84333;border-color:#d4a84380;animation:1.5s ease-in-out infinite pip-pulse;box-shadow:0 0 8px #d4a8434d}.rp.cur .rp-num{color:var(--gold)}.rp-reward{background:#1e1c2880;border:1px dashed #a064dc33;border-radius:4px;width:clamp(16px,1.9vw,24px);height:clamp(14px,1.6vw,20px);margin-left:clamp(1px,.15vw,2px)}.rp-reward-win{animation:1.5s ease-in-out infinite reward-glow;box-shadow:0 0 10px #a064dc33;background:#a064dc33!important;border:1px solid #a064dc80!important}.rp-reward-lose{opacity:.5;background:#64503c33!important;border-color:#8c78644d!important}@keyframes reward-glow{0%,to{box-shadow:0 0 8px #a064dc26}50%{box-shadow:0 0 14px #a064dc4d}}.battle-bar{flex-direction:column;align-items:center;gap:10px;display:flex}.battle-start-btn{cursor:pointer;color:#f5e6b8;text-shadow:0 1px 4px #0006;background:linear-gradient(#6e4baa99 0%,#4a3080b3 100%);border:1px solid #d4a84373;border-radius:clamp(4px,.5vw,6px);flex-direction:row;align-items:center;gap:clamp(4px,.5vw,8px);padding:clamp(4px,.5vh,8px) clamp(12px,1.8vw,28px);font-family:Cinzel,serif;font-weight:700;transition:all .3s;display:flex;box-shadow:0 3px 16px #5a419b40,0 0 20px #d4a84314,inset 0 1px #ffffff0f}.battle-start-btn:hover:not(:disabled){color:#fff5d6;background:linear-gradient(#7d55b9b3 0%,#553791cc 100%);border-color:#d4a843b3;transform:translateY(-2px);box-shadow:0 5px 24px #5a419b59,0 0 18px #d4a8431f}.battle-start-btn:disabled{opacity:.2;cursor:default;box-shadow:none}.battle-start-ico{filter:drop-shadow(0 0 4px #d4a8434d);font-size:clamp(16px,2vw,24px)}.battle-start-text{letter-spacing:clamp(.06em,.1vw,.12em);text-transform:uppercase;opacity:.85;font-size:clamp(8px,.8vw,10px)}.timer-compact{flex-direction:column;align-items:center;gap:3px;width:100%;display:flex}.timer-compact .timer-bar-container{background:#0006;border:1px solid #6482b41a;border-radius:3px;width:60px;height:4px;overflow:hidden}.timer-compact .timer-text{color:#b4aa9680;min-width:unset;font-family:Cinzel,serif;font-size:9px}.btn-forfeit{color:#dc645099;cursor:pointer;background:#b43c3226;border:1px solid #b43c3233;border-radius:4px;padding:clamp(2px,.4vh,4px) clamp(4px,.6vw,8px);font-size:clamp(10px,1.1vw,14px);line-height:1;transition:all .25s}.btn-forfeit:hover:not(:disabled){color:#e66450e6;background:#b43c3240;border-color:#dc503c66}.btn-forfeit:disabled{opacity:.2;cursor:default}.forfeit-overlay{z-index:6000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08060cd9;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.forfeit-card{text-align:center;background:linear-gradient(#23161cfa,#181016fc);border:1px solid #c8503c40;border-radius:clamp(6px,1.2vw,10px);max-width:min(320px,85vw);padding:clamp(16px,3vw,32px) clamp(18px,4vw,36px);position:relative;box-shadow:0 0 40px #b432281a,inset 0 1px #c8503c14}.forfeit-card:before{content:"";background:linear-gradient(90deg,#0000,#c8503c33,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.forfeit-icon{filter:drop-shadow(0 0 8px #c8503c4d);margin-bottom:clamp(6px,1vh,10px);font-size:clamp(24px,5vw,36px)}.forfeit-title{color:#e66e5ae6;letter-spacing:.05em;text-shadow:0 0 12px #c8503c26;margin:0 0 clamp(6px,1.2vh,12px);font-family:Cinzel,serif;font-size:clamp(14px,2.5vw,18px);font-weight:700}.forfeit-desc{color:#c8beaab3;margin:0 0 clamp(12px,2.5vh,24px);font-size:clamp(11px,1.5vw,13px);line-height:1.6}.forfeit-desc span{color:#dc6450b3;font-weight:600}.forfeit-actions{justify-content:center;gap:clamp(6px,1vw,10px);display:flex}.forfeit-btn{cursor:pointer;letter-spacing:.04em;border-radius:5px;padding:clamp(5px,.8vh,8px) clamp(12px,2.5vw,20px);font-family:Cinzel,serif;font-size:clamp(10px,1.3vw,12px);font-weight:700;transition:all .25s}.forfeit-cancel{color:#b4aa96b3;background:#282432b3;border:1px solid #8c829633}.forfeit-cancel:hover{color:#dcd2bee6;background:#322e3ccc;border-color:#b4aa9659}.forfeit-confirm{color:#ffb4a0e6;background:linear-gradient(#b43c3280,#8c282399);border:1px solid #dc503c59}.forfeit-confirm:hover{color:#ffcfc0;background:linear-gradient(#c8463799,#a03228b3);border-color:#e65a4680;box-shadow:0 0 12px #c83c2d26}.forfeit-warning{color:#dc6450cc;background:#c83c2814;border:1px solid #c83c2826;border-radius:5px;margin:-8px 0 16px;padding:6px 10px;font-size:clamp(9px,1.2vw,11px);line-height:1.5}.forfeit-count{color:#e85030;vertical-align:super;margin-left:2px;font-size:9px;font-weight:700}#merge-info{text-align:center;flex:1;min-width:0}.merge-hint{color:#c8aa7899;white-space:nowrap;font-size:9px;font-weight:400}.merge-ready{color:#64c878cc;white-space:nowrap;font-size:9px;font-weight:600}.timer-display{align-items:center;gap:clamp(6px,1.2vw,12px);width:100%;max-width:400px;margin-bottom:clamp(8px,1.5vh,16px);display:flex}.timer-bar-container{background:#0006;border:1px solid #d4a8434d;border-radius:5px;flex:1;height:clamp(6px,1vh,10px);overflow:hidden}.timer-fill{background:var(--emerald);width:0%;height:100%;transition:width .3s,background .3s}.timer-fill.warning{background:var(--gold)}.timer-fill.danger{background:var(--crimson);box-shadow:0 0 10px var(--crimson);animation:.2s infinite shake}.timer-text{color:var(--parchment);text-align:right;min-width:clamp(40px,6vw,60px);font-family:Cinzel,serif;font-size:clamp(10px,1.4vw,14px)}.gold-display{color:var(--gold);text-shadow:0 0 10px #d4a84366;text-align:left;letter-spacing:.03em;margin-bottom:0;font-family:Cinzel,serif;font-size:clamp(9px,1vw,12px);font-weight:700}.score-display{color:#c8c0a8;letter-spacing:.04em;text-align:center;text-shadow:0 0 8px #c8b48c33;padding:6px 0 2px;font-family:Cinzel,serif;font-size:clamp(10px,1.1vw,13px);font-weight:700}.header-top-row{justify-content:space-between;align-items:center;gap:clamp(4px,.6vw,8px);width:100%;display:flex}.discount{color:var(--emerald-light);margin-left:2px;font-size:10px;font-weight:700;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.shop-tabs{gap:3px;width:100%;margin-top:8px;display:flex}.tab-btn{color:#b4aa9680;cursor:pointer;letter-spacing:.05em;background:#1e1c2699;border:1px solid #6482b414;border-radius:3px;flex:1;padding:clamp(3px,.4vh,5px) 0;font-family:Cinzel,serif;font-size:clamp(8px,.9vw,11px);font-weight:700;transition:all .25s}.tab-btn:hover{color:#d4a843cc;background:#282432cc;border-color:#d4a84333}.tab-btn.active{color:var(--gold-light);background:#4a308066;border-color:#d4a8434d;box-shadow:0 0 8px #6450b426}.element-subtabs{scrollbar-width:none;flex-wrap:nowrap;gap:2px;width:100%;margin-top:4px;display:flex;overflow-x:auto}.element-subtabs::-webkit-scrollbar{display:none}.elem-tab{color:#b4aa9673;cursor:pointer;text-align:center;white-space:nowrap;background:#14121c80;border:1px solid #6482b40f;border-radius:2px;flex:1 1 0;min-width:0;padding:clamp(2px,.3vh,3px) 0;font-size:clamp(7px,.8vw,10px);line-height:1.2;transition:all .2s}.elem-tab:hover{color:#dcd2becc;background:#282432b3;border-color:#b4aa9633}.elem-tab.active{color:#fff;background:#3c325080;border-color:#d4a84366;box-shadow:0 0 6px #6450b433}.kd-grid{grid-column:span 3;grid-template-columns:repeat(2,1fr);gap:clamp(4px,.6vw,6px);display:grid}.kingdom-card{background:linear-gradient(#1c1a24d9,#121018eb);border:1px solid #d4a8431f;border-radius:clamp(4px,.6vw,8px);flex-direction:column;align-items:center;padding:clamp(4px,.5vh,6px);transition:all .25s;display:flex;overflow:hidden}.kingdom-card:hover:not(.cant-afford){border-color:#d4a84366;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d,0 0 8px #d4a8431a}.kingdom-card.cant-afford{opacity:.45}.kd-img{aspect-ratio:4/3;object-fit:cover;border:1px solid #d4a8431a;border-radius:clamp(3px,.4vw,6px);width:100%;margin-bottom:clamp(3px,.4vh,5px)}.kd-body{width:100%;margin-bottom:clamp(3px,.4vh,5px);padding:0 clamp(2px,.3vw,4px)}.kd-name{color:var(--gold-light);text-align:center;margin-bottom:clamp(1px,.2vh,3px);font-family:Cinzel,serif;font-size:clamp(7px,.8vw,12px);font-weight:700}.kd-lv{color:#64dc82e6;font-size:clamp(8px,.9vw,10px);font-weight:700}.kd-desc{color:#c8beaa8c;text-align:center;font-size:clamp(7px,.75vw,9px);line-height:1.35}.kd-buy{color:var(--gold);cursor:pointer;background:#d4a8430f;border:1px solid #d4a84333;border-radius:clamp(3px,.4vw,4px);width:100%;padding:clamp(2px,.3vh,4px) clamp(6px,1vw,10px);font-family:Cinzel,serif;font-size:clamp(8px,.9vw,10px);font-weight:700;transition:all .2s}.kd-buy:hover:not(.disabled){border-color:var(--gold);color:var(--gold-light);background:#d4a84326}.kd-buy.disabled{opacity:.35;cursor:default}.kd-total{text-align:center;color:#d4a84359;grid-column:span 3;padding:clamp(3px,.4vh,5px) 0;font-size:clamp(7px,.8vw,9px);font-style:italic}.ucard-container{flex-direction:column;align-items:center;min-width:0;display:flex}.ucard{aspect-ratio:6/9;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#1c1a23e6 0%,#14121cf2 100%);border:1px solid #6482b41f;border-radius:5px;flex-direction:column;width:100%;min-height:40px;padding:2px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #7896c80d,inset 0 -1px #0003}.ucard:hover{border-color:#d4a84366;transform:translateY(-2px);box-shadow:0 6px 20px #0006,inset 0 1px #d4a84314}.ucard:active{cursor:grabbing}.ucard.dragging,.cell.dragging{opacity:.5;cursor:grabbing;border:1px dashed #d4a84366}.ucard .u-img{object-fit:cover;object-position:center 15%;border-radius:4px;width:100%;height:100%;display:block}.ucard .st-box{color:#fff;text-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;border:1px solid #6482b41f;border-radius:clamp(2px,.3vw,4px);padding:clamp(1px,.2vw,3px) clamp(2px,.3vw,4px);font-size:clamp(7px,.8vw,18px);font-weight:700;position:absolute}.ucard .elem-tr{background:#00000080;border:none;padding:clamp(1px,.2vw,3px);font-size:clamp(7px,.8vw,18px);line-height:1;top:clamp(2px,.3vw,4px);left:clamp(2px,.3vw,4px)}.ucard .cost-br{color:var(--gold);font-size:clamp(7px,.8vw,18px);bottom:clamp(2px,.3vw,4px);right:clamp(2px,.3vw,4px)}.ucard.cant-afford{opacity:.35;cursor:default}.ucard.purchased{filter:grayscale(.8)brightness(.5);opacity:.5;cursor:default;pointer-events:none}.sold-out{color:#00fffff5;z-index:10;letter-spacing:.08em;background:#0000004d;border:1px solid #6482b41a;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0;transform:rotate(-10deg)}.u-name-label{color:#ffdb39;text-align:center;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:100%;margin-top:2px;font-family:Cinzel,serif;font-size:clamp(7px,.8vw,11px);font-weight:300;line-height:1.3;overflow:hidden}.el-badge-grid{z-index:5;filter:drop-shadow(0 0 3px)drop-shadow(0 0 6px);pointer-events:none;background:#00000080;border-radius:3px;padding:0 2px;font-size:clamp(11px,1.2vw,20px);line-height:1.2;position:absolute;bottom:clamp(8px,1.2vh,16px)}.el-badge-right{right:clamp(3px,.4vw,8px)}.el-badge-left{left:clamp(3px,.4vw,8px)}.grid-labels{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:5px;display:grid}.grid-labels span{color:#a0bee6e6;letter-spacing:clamp(.03em,.1vw,.12em);text-transform:uppercase;border-bottom:1px solid #648cc8;padding:3px 0;font-family:Cinzel,serif;font-size:clamp(8px,.9vw,15px);font-weight:700}.enemy-labels span{color:#dc645ae6;border-bottom-color:#c0392b}.grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;height:100%;display:grid}.cell{cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(#1e1c23f2 0%,#16141cfa 100%);border:1px solid #6482b41f;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:0;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #7896c80f,inset 0 -1px #00000040,inset 1px 0 #7896c80a,inset -1px 0 #7896c80a}.cell:before{content:"";pointer-events:none;z-index:1;border:1px solid #648cc80d;border-radius:4px;position:absolute;inset:2px}.cell:not(.has-unit):after{content:"᛭";color:#648cc80a;pointer-events:none;z-index:1;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lane-back{background:linear-gradient(#191c28f2 0%,#121420fa 100%);border-color:#506eb499}.lane-back:before{border-color:#5078c80a}.lane-back:not(.has-unit):after{content:"⟐";color:#5082c80a}.lane-mid{background:linear-gradient(#1c1a23f2 0%,#16141efa 100%);border-color:#6482b499}.lane-mid:not(.has-unit):after{content:"⬡";color:#8c82b40a}.lane-front{background:linear-gradient(#201c1ef2 0%,#191418fa 100%);border-color:#a0785a99}.lane-front:before{border-color:#b48c640d}.lane-front:not(.has-unit):after{content:"⚔";color:#b48c640d;font-size:22px}.enemy-cell.lane-back{background:linear-gradient(#20191cf2 0%,#191216fa 100%);border-color:#a05a501f}.enemy-cell.lane-back:before{border-color:#b464500d}.enemy-cell.lane-back:not(.has-unit):after{content:"☠";color:#b450460d;font-size:22px}.enemy-cell.lane-front{background:linear-gradient(#191c28f2 0%,#121420fa 100%);border-color:#506eb41a}.enemy-cell.lane-front:not(.has-unit):after{content:"⟐";color:#5082c80a}.cell.has-unit{cursor:grab}.cell.has-unit:active{cursor:grabbing}.cell.has-unit:hover{border-color:#8caadc40;box-shadow:inset 0 0 12px #648cc80f,0 0 8px #648cc80f}.cell.valid-target{z-index:2;background:radial-gradient(#ffc62920 0%,#0000 150%),linear-gradient(#19231ef2,#121c16fa);border:1px solid #27ae6080;animation:2s ease-in-out infinite target-pulse;box-shadow:inset 0 0 20px #27ae6014,0 0 10px #27ae600f}@keyframes target-pulse{0%,to{border-color:#27ae604d}50%{border-color:#27ae6099}}.cell.drag-over{cursor:alias;background:radial-gradient(#d4a84329 0%,#0000 70%),linear-gradient(#1e1c19f2,#161412fa);border-color:#d4a84380;box-shadow:inset 0 0 16px #d4a8430f}.cell .u-img{object-fit:cover;object-position:center 15%;filter:drop-shadow(0 2px 6px #000000b3);z-index:2;width:105%;height:105%;margin:8.55%;position:relative}.enemy-cell .u-img{transform:scaleX(-1)}.sk-pip{color:var(--gold-light);z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4a3080d9;border:.1rem solid #d4a843e6;border-radius:clamp(7px,1.2vw,11px);padding:clamp(1px,.2vh,3px) clamp(3px,.5vw,6px);font-size:clamp(8px,1vw,16px);position:absolute;top:clamp(12px,2.5vh,25px)}.sk-badge-grid{z-index:20;cursor:pointer;position:absolute;top:clamp(6px,.8vh,10px)}.sk-badge-left{left:clamp(2px,.2vw,4px)}.sk-badge-right{right:clamp(2px,.2vw,4px)}.sk-badge-ico{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4a30801a;border:.1rem solid #0000001a;border-radius:4px;justify-content:center;align-items:center;width:clamp(16px,2vw,25px);height:clamp(16px,2vw,24px);font-size:clamp(11px,1.1vw,18px);transition:all .2s;display:flex}.sk-badge-grid:hover .sk-badge-ico,.sk-badge-grid:focus-within .sk-badge-ico{background:#5a3c96d9;border-color:#d4a84366;box-shadow:0 0 8px #a078dc33}.sk-badge-tooltip{z-index:200;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#191623fa,#0f0c16fc);border:clamp(1px,.1vw,2px) solid #b48cf099;border-radius:clamp(3px,.5vw,8px);width:clamp(100px,15vw,240px);padding:clamp(4px,.6vh,14px) clamp(5px,.7vw,16px);transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + clamp(2px,.4vh,8px));box-shadow:0 clamp(2px,.4vh,6px) clamp(8px,1.5vw,28px) #0009,0 0 clamp(6px,1vw,16px) #7850c826}.sk-badge-left .sk-badge-tooltip{left:0}.sk-badge-right .sk-badge-tooltip{right:0}.sk-badge-tooltip:before{content:"";border:5px solid #0000;border-bottom-color:#b48cf066;position:absolute;bottom:100%}.sk-badge-left .sk-badge-tooltip:before{left:6px}.sk-badge-right .sk-badge-tooltip:before{right:6px}.sk-badge-grid:hover .sk-badge-tooltip,.sk-badge-grid:focus-within .sk-badge-tooltip{opacity:1;visibility:visible;pointer-events:auto}:is(.cell:has(.sk-badge-grid:hover),.cell:has(.sk-badge-grid:focus-within)){z-index:30;overflow:visible}.sk-tt-name{color:#c8a0ff;margin-bottom:clamp(2px,.3vh,6px);font-family:Cinzel,serif;font-size:clamp(10px,1.1vw,16px);font-weight:700}.sk-tt-desc{color:#e6dcc8d9;margin-bottom:clamp(3px,.4vh,6px);font-size:clamp(9px,1vw,14px);line-height:1.5}.sk-tt-cd{color:#d4a843d9;letter-spacing:.05em;font-family:Cinzel,serif;font-size:clamp(8px,.9vw,13px)}.u-name{color:#f0ebdcf2;text-shadow:0 1px 3px #000c,0 0 6px #00000080;z-index:6;pointer-events:none;white-space:nowrap;letter-spacing:.02em;font-size:clamp(7px,.85vw,11px);font-weight:600;position:absolute;top:clamp(0px,.2vh,2px);left:50%;transform:translate(-50%)}.star-rating{z-index:5;filter:contrast(2);text-shadow:0 0 4px #d4a843cc;pointer-events:none;white-space:nowrap;font-size:clamp(7px,1vw,13px);position:absolute;top:clamp(11px,1.4vh,16px);left:50%;transform:translate(-50%)}.booster{position:relative}.booster:after{content:"";pointer-events:none;border:1px solid #d4a8434d;border-radius:5px;animation:3s ease-in-out infinite booster-glow;position:absolute;inset:0;box-shadow:inset 0 0 18px #d4a84314,0 0 8px #d4a8430a}.booster-icon{z-index:5;filter:drop-shadow(0 0 4px #d4a84380);opacity:.7;font-size:clamp(10px,1.2vw,14px);position:absolute;bottom:clamp(3px,.5vw,6px);right:clamp(3px,.5vw,6px)}@keyframes booster-glow{0%,to{opacity:.4;border-color:#d4a84333}50%{opacity:1;border-color:#d4a84366}}.reward-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;padding:clamp(10px,2vw,20px);animation:.5s ease-out fade-in;display:none;position:fixed;inset:0}.reward-container{background:var(--stone-mid);border:2px solid var(--gold);text-align:center;border-radius:clamp(8px,1.5vw,15px);width:100%;max-width:600px;padding:clamp(16px,4vw,40px);box-shadow:0 0 50px #000c}.reward-title{color:var(--gold-light);text-shadow:0 0 15px #d4a84380;margin-bottom:clamp(4px,1vh,10px);font-family:Cinzel,serif;font-size:clamp(18px,4vw,32px)}.reward-subtitle{color:var(--parchment);opacity:.8;margin-bottom:clamp(12px,3vh,30px);font-size:clamp(11px,1.5vw,14px)}.reward-options{flex-direction:column;gap:clamp(8px,1.5vh,15px);display:flex}.reward-card{background:var(--stone-light);cursor:pointer;border:1px solid #d4a8434d;border-radius:clamp(6px,1vw,10px);padding:clamp(10px,2vw,20px);transition:all .3s}.reward-card:hover{border-color:var(--gold);background:var(--stone-mid);transform:scale(1.02);box-shadow:0 5px 15px #0000004d}.reward-label{color:var(--gold);margin-bottom:clamp(2px,.4vh,5px);font-family:Cinzel,serif;font-size:clamp(13px,2vw,18px);font-weight:700}.reward-desc{color:var(--parchment-dark);font-size:clamp(11px,1.4vw,14px)}.sk-left{left:2px}.sk-right{right:2px}.u-stat-ad{color:#fff;z-index:5;white-space:nowrap;background:#000000a6;border-radius:clamp(2px,.3vw,4px);padding:clamp(1px,.15vh,2px) clamp(2px,.3vw,4px);font-family:Cinzel,serif;font-size:clamp(7px,.9vw,13px);font-weight:700;line-height:1.2;position:absolute;bottom:clamp(12px,1.5vh,15px)}.atk-left{left:clamp(2px,.3vw,5px)}.atk-right{right:clamp(2px,.3vw,5px)}.u-buff{color:var(--gold-light);margin-left:1px}.u-order{color:#fff;z-index:5;background:#0009;border-radius:2px;padding:0 clamp(2px,.3vw,3px);font-family:Cinzel,serif;font-size:clamp(7px,.8vw,12px);font-weight:700;line-height:1.4;position:absolute;top:clamp(2px,.4vh,5px);right:clamp(1px,.3vw,3px)}.enemy-cell .u-order{left:clamp(1px,.3vw,3px);right:auto}.bars-container{z-index:4;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.cell .hp-bar{background:#00000080;height:clamp(4px,.7vh,7px);position:relative}.cell .hp-fill{height:clamp(4px,.7vh,7px);transition:width .35s}.cell .shield-bar{background:#0006;height:clamp(4px,.7vh,7px);position:relative}.cell .shield-fill{background:#60b8e8;height:clamp(4px,.7vh,7px)}.bar-text{color:#ffd900;text-shadow:0 0 3px #000000e6;white-space:nowrap;pointer-events:none;font-size:clamp(7px,.7vw,9px);font-weight:200;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shield-text{color:#00f735}.eff-container{z-index:10;pointer-events:none;justify-content:center;gap:clamp(1px,.3vw,4px);display:flex;position:absolute;top:clamp(14px,2.5vh,25px);left:0;right:0}.eff-icon{border:1px solid var(--gold);color:#fff;background:#000000b3;border-radius:clamp(2px,.3vw,4px);align-items:center;gap:clamp(1px,.2vw,2px);padding:clamp(1px,.2vw,2px) clamp(2px,.3vw,4px);font-size:clamp(9px,1.2vw,14px);animation:.3s ease-out appear;display:flex;box-shadow:0 2px 5px #00000080}.eff-icon small{color:var(--gold-light);font-size:clamp(7px,.8vw,10px);font-weight:700}.side-title-wrap{text-align:center;width:100%;display:inline-block;position:relative}.side-title{cursor:default;letter-spacing:clamp(.1em,.4vw,.5em);margin:0 0 4px;font-family:Cinzel,serif;font-size:clamp(9px,1vw,15px);font-weight:1000}.side-title.ally{color:#64b48ce6}.side-title.enemy{color:#c8645ae6}.synergy-tooltip{z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#1c1a24fa,#121018fc);border:1px solid #6482b426;border-radius:6px;min-width:180px;padding:8px 10px;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.synergy-tooltip:before{content:"";border:5px solid #0000;border-bottom-color:#6482b426;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.side-title-wrap:hover .synergy-tooltip{opacity:1;visibility:visible}.stt-row{align-items:center;gap:6px;padding:3px 0;font-size:11px;display:flex}.stt-el{filter:drop-shadow(0 0 3px);flex-shrink:0;font-size:clamp(10px,1.3vw,13px)}.stt-name{color:#c8beaab3;min-width:30px;font-family:Cinzel,serif;font-weight:700}.stt-tier{color:var(--gold);background:#d4a8431a;border:1px solid #d4a84333;border-radius:3px;flex-shrink:0;padding:0 4px;font-family:Cinzel,serif;font-size:9px;font-weight:700}.stt-desc{color:#b4aa9680;font-size:clamp(8px,1vw,10px)}.stt-empty{color:#8c827859;text-align:center;padding:4px 0;font-size:clamp(8px,1vw,10px);font-style:italic}.vs-col{justify-content:center;align-self:center;align-items:center;min-width:80px;padding-top:20px;display:flex}.log-panel{background:radial-gradient(at 50% 0,#5a82b414 0%,#0000 60%),linear-gradient(#1c1a1f 0%,#151318 40%,#12101a 100%);border:1px solid #648cc833;border-radius:8px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #3c64a014,inset 0 1px #648cc814,inset 0 -1px #0000004d}.log-corner{z-index:3;pointer-events:none;opacity:.4;width:20px;height:20px;position:absolute}.log-corner:before,.log-corner:after{content:"";background:var(--gold);border-radius:1px;position:absolute}.log-corner:before{width:12px;height:1px}.log-corner:after{width:1px;height:12px}.log-corner-tl{top:6px;left:6px}.log-corner-tl:before,.log-corner-tl:after{top:0;left:0}.log-corner-tr{top:6px;right:6px}.log-corner-tr:before,.log-corner-tr:after{top:0;right:0}.log-corner-bl{bottom:6px;left:6px}.log-corner-bl:before,.log-corner-bl:after{bottom:0;left:0}.log-corner-br{bottom:6px;right:6px}.log-corner-br:before,.log-corner-br:after{bottom:0;right:0}.log-rune{z-index:3;pointer-events:none;opacity:.12;background:linear-gradient(#0000 0%,#64a0dc99 15%,#64a0dce6 30%,#0000 50%,#d4a843e6 70%,#d4a84399 85%,#0000 100%);width:3px;height:60%;animation:4s ease-in-out infinite rune-pulse;position:absolute;top:50%;transform:translateY(-50%)}.log-rune-l{left:4px}.log-rune-r{animation-delay:2s;right:4px}@keyframes rune-pulse{0%,to{opacity:.08}50%{opacity:.2}}.log-title{color:#a0bee6;letter-spacing:.6em;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;gap:10px;margin:2px;padding:4px 15px;font-family:Cinzel,serif;font-size:12px;font-weight:600;display:flex}.log-title-glyph{color:var(--gold);opacity:.35;font-size:10px}#log{color:#c8beaabf;scroll-behavior:smooth;background:0 0;flex-direction:column;flex:1;gap:2px;min-height:0;padding:clamp(3px,.5vh,6px) clamp(8px,1.4vw,18px);font-size:clamp(9px,.9vw,11px);font-style:normal;line-height:1.5;display:flex;overflow-y:auto}#log::-webkit-scrollbar{width:4px}#log::-webkit-scrollbar-track{background:0 0}#log::-webkit-scrollbar-thumb{background:#648cc833;border-radius:4px}#log::-webkit-scrollbar-thumb:hover{background:#648cc859}.log-panel:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#1c1a1f,#0000);height:20px;position:absolute;top:30px;left:1px;right:1px}#log>div{border-radius:3px;padding:clamp(1px,.2vh,3px) clamp(5px,.8vw,10px);transition:background .2s;animation:.25s ease-out log-appear}@keyframes log-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.l-win{color:#5dd9a0;text-align:center;text-shadow:0 0 12px #27ae6040;background:linear-gradient(90deg,#0000,#27ae6014,#0000);border-top:1px solid #27ae6026;border-bottom:1px solid #27ae6026;margin:clamp(2px,.4vh,5px) 0;padding:clamp(3px,.6vh,7px) clamp(6px,1vw,12px);font-weight:700}.l-lose{color:#e8655a;text-align:center;text-shadow:0 0 12px #c0392b33;background:linear-gradient(90deg,#0000,#c0392b14,#0000);border-top:1px solid #c0392b26;border-bottom:1px solid #c0392b26;margin:clamp(2px,.4vh,5px) 0;padding:clamp(3px,.6vh,7px) clamp(6px,1vw,12px);font-weight:700}.l-dmg-a{color:#c8e6dcd9;background:#3cb48c0a;border-left:2px solid #3cb48c80;border-radius:0 3px 3px 0;padding:clamp(2px,.3vh,4px) clamp(5px,.8vw,10px);font-weight:500}.l-heal-a{color:#5dd9a0;background:#3cc8780d;border-left:2px solid #3cc87899;border-radius:0 3px 3px 0;padding:clamp(2px,.3vh,4px) clamp(5px,.8vw,10px);font-weight:600}.l-skill-a{color:#a0d4f8;text-shadow:0 0 6px #50a0e626;background:linear-gradient(90deg,#50a0e61a,#0000);border-left:3px solid #50b4f099;border-radius:0 4px 4px 0;padding:clamp(3px,.4vh,6px) clamp(6px,1vw,12px);font-size:clamp(10px,1vw,13px);font-weight:700}.l-dmg-e{color:#dcbeb499;text-align:right;background:#c8503c08;border-right:2px solid #c8503c59;border-radius:3px 0 0 3px;padding:clamp(2px,.3vh,4px) clamp(5px,.8vw,10px) clamp(2px,.3vh,4px) clamp(7px,1.1vw,14px);font-weight:400}.l-crit{color:#f0d040;text-shadow:0 0 6px #f0b42880;font-weight:700}.l-el-strong{color:#f0a030;font-size:.85em;font-weight:600}.l-el-weak{color:#888;font-size:.85em;font-weight:400}.l-heal-e{color:#b4dcb480;text-align:right;background:#64b46408;border-right:2px solid #64b46440;border-radius:3px 0 0 3px;padding:clamp(2px,.3vh,4px) clamp(5px,.8vw,10px) clamp(2px,.3vh,4px) clamp(7px,1.1vw,14px);font-weight:400}.l-skill-e{color:#d2bef0b3;text-align:right;text-shadow:0 0 6px #a064c81f;background:linear-gradient(270deg,#a064c814,#0000);border-right:3px solid #b478dc66;border-radius:4px 0 0 4px;padding:clamp(3px,.4vh,6px) clamp(6px,1vw,12px) clamp(3px,.4vh,6px) clamp(8px,1.2vw,16px);font-size:clamp(10px,1vw,13px);font-weight:600}.l-skill{color:#c0b4f0;text-shadow:0 0 6px #8c78dc26;background:linear-gradient(90deg,#8c78dc1a,#0000);border-left:3px solid #a394e880;border-radius:0 4px 4px 0;padding:clamp(3px,.4vh,6px) clamp(6px,1vw,12px);font-size:clamp(10px,1vw,13px);font-weight:700}.l-forfeit{color:#e8a080;background:#e170550f;border-left:2px solid #e1705559;border-radius:0 3px 3px 0;margin:clamp(2px,.3vh,4px) 0;padding:clamp(2px,.4vh,5px) clamp(5px,.8vw,10px);font-style:italic;display:block}.l-death{color:#c0564e;text-align:center;text-shadow:0 0 8px #b4322826;background:linear-gradient(90deg,#0000,#b4322814,#0000);border-left:3px solid #b4322880;border-radius:0 3px 3px 0;margin:clamp(2px,.3vh,4px) 0;padding:clamp(3px,.5vh,6px) clamp(6px,1vw,12px);font-weight:700;animation:.25s ease-out log-appear,.6s ease-out death-flash}@keyframes death-flash{0%{background:#b4322833}to{background:linear-gradient(90deg,#0000,#b4322814,#0000)}}.l-revive{color:#e8c55a;text-align:center;text-shadow:0 0 12px #e8c55a33;background:linear-gradient(90deg,#0000,#e8c55a0f,#0000);border:1px solid #e8c55a26;border-radius:4px;margin:clamp(2px,.4vh,5px) 0;padding:clamp(3px,.6vh,7px) clamp(6px,1vw,12px);font-weight:700;animation:.25s ease-out log-appear,1s ease-out revive-glow}@keyframes revive-glow{0%{box-shadow:0 0 20px #e8c55a40}to{box-shadow:none}}.l-buy{color:#70c8f0;background:#50a0dc0f;border-left:3px solid #50a0dc66;border-radius:0 3px 3px 0;padding:clamp(2px,.4vh,5px) clamp(5px,.8vw,10px);font-weight:700;animation:.25s ease-out log-appear,.5s ease-out buy-shine}@keyframes buy-shine{0%{background:#50a0dc26}to{background:#50a0dc0f}}.l-artifact{color:#d4a0f0;text-align:center;text-shadow:0 0 10px #a064dc33;background:linear-gradient(90deg,#0000,#a064dc14,#d4a8430f,#0000);border:1px solid #a064dc33;border-radius:5px;margin:clamp(3px,.5vh,6px) 0;padding:clamp(4px,.6vh,8px) clamp(7px,1.1vw,14px);font-weight:700;animation:.25s ease-out log-appear,1.2s ease-out artifact-pulse}@keyframes artifact-pulse{0%{border-color:#a064dc80;box-shadow:0 0 24px #a064dc4d}to{box-shadow:none;border-color:#a064dc33}}.l-gold{color:#d4a843;background:#d4a8430a;border-left:2px solid #d4a84359;border-radius:0 3px 3px 0;padding:clamp(1px,.2vh,3px) clamp(5px,.8vw,10px);font-weight:600}.l-warn{color:#e8a060;background:#e6a05a0f;border-left:3px solid #e6a05a66;border-radius:0 3px 3px 0;padding:clamp(2px,.4vh,5px) clamp(5px,.8vw,10px);font-weight:600;animation:.25s ease-out log-appear,.3s ease-out warn-shake}@keyframes warn-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.l-enrage{color:#ff6050;text-align:center;text-shadow:0 0 10px #ff3c2840;background:linear-gradient(90deg,#0000,#ff3c281a,#ff64280f,#0000);border:1px solid #ff3c2833;border-radius:4px;margin:clamp(2px,.4vh,5px) 0;padding:clamp(3px,.6vh,7px) clamp(6px,1vw,12px);font-weight:700;animation:.25s ease-out log-appear,.8s ease-out enrage-flicker}@keyframes enrage-flicker{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.l-sep{color:var(--gold);text-align:center;letter-spacing:clamp(1px,.2vw,2.5px);text-transform:uppercase;text-shadow:0 0 10px #d4a84333;background:linear-gradient(90deg,#0000 0%,#648cc80f 20%,#d4a8431a 50%,#648cc80f 80%,#0000 100%);border-top:1px solid #d4a8432e;border-bottom:1px solid #d4a8432e;margin:clamp(6px,1.2vh,14px) 0;font-family:Cinzel,serif;font-size:clamp(7px,.8vw,12px);font-weight:700;display:block;position:relative}.l-sep:before,.l-sep:after{content:"◆";color:var(--gold);opacity:.3;font-size:clamp(4px,.5vw,6px);position:absolute;top:50%;transform:translateY(-50%)}.l-sep:before{left:clamp(6px,1vw,12px)}.l-sep:after{right:clamp(6px,1vw,12px)}.el-chart-v2{flex-direction:column;align-items:center;gap:clamp(2px,min(.8vw,1vh),10px);padding:clamp(2px,.4vh,6px) clamp(4px,.6vw,8px);display:flex}.el-cycle{width:clamp(50px,min(10vw,14vh),130px);height:clamp(40px,min(8vw,11vh),100px);position:relative}.el-cycle-node{border:.1rem solid color-mix(in srgb, var(--el-color) 30%, transparent);width:clamp(14px,min(2vw,3vh),26px);height:clamp(14px,min(2vw,3vh),26px);filter:drop-shadow(0 0 18px var(--el-color));background:#14121cb3;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(8px,min(1.2vw,1.8vh),16px);display:flex;position:absolute}.el-pos-top{top:0;left:50%;transform:translate(-50%)}.el-pos-right{top:50%;right:0;transform:translateY(-50%)}.el-pos-bottom{bottom:0;left:50%;transform:translate(-50%)}.el-pos-left{top:50%;left:0;transform:translateY(-50%)}.el-cycle-arrow{color:#b4aa9680;font-size:clamp(8px,min(1.3vw,2vh),17px);font-weight:700;position:absolute}.el-ca-tr{top:12%;right:17%;transform:rotate(45deg)}.el-ca-rb{bottom:12%;right:17%;transform:rotate(135deg)}.el-ca-bl{bottom:12%;left:17%;transform:rotate(225deg)}.el-ca-lt{top:12%;left:17%;transform:rotate(315deg)}.el-extras{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(2px,min(.8vw,1vh),12px);display:flex}.el-extra-pair{background:#c8503c0f;border:.1rem solid #c8503c4d;border-radius:4px;align-items:center;gap:clamp(1px,.3vw,5px);padding:clamp(1px,.15vh,3px) clamp(3px,.5vw,8px);font-size:clamp(8px,min(1.2vw,1.8vh),16px);display:flex}.el-extra-vs{color:#c87864a6;font-size:clamp(7px,min(1vw,1.4vh),12px);font-weight:700}.el-extra-neutral{background:#6482b40d;border:.1rem solid #6482b44d;border-radius:4px;gap:clamp(2px,.4vw,8px);padding:clamp(1px,.15vh,3px) clamp(3px,.5vw,8px);font-size:clamp(8px,min(1.2vw,1.8vh),16px);display:flex}.hud-btn{color:#d4a843b3;cursor:pointer;letter-spacing:.03em;background:#1e1c26b3;border:1px solid #d4a84333;border-radius:4px;justify-content:center;align-items:center;gap:clamp(3px,.5vw,6px);width:100%;margin-bottom:clamp(2px,.3vh,4px);padding:clamp(3px,.5vh,6px) clamp(6px,1vw,12px);font-family:Cinzel,serif;font-size:clamp(9px,1vw,12px);font-weight:700;transition:all .25s;display:flex}.hud-btn:hover{color:var(--gold-light);background:#282432d9;border-color:#d4a84366;box-shadow:0 0 10px #d4a84314}.artifact-overlay{z-index:5000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06040ae6;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.art-container{background:radial-gradient(at 50% 0,#506eaa0f 0%,#0000 50%),linear-gradient(#1c1a22 0%,#141218 40%,#100e16 100%);border:1px solid #6482b426;border-radius:10px;flex-direction:column;width:90%;max-width:680px;max-height:85vh;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #000000b3,0 0 30px #5064a00d,inset 0 1px #7896c80f}.art-container:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a8434d,#648cc826,#d4a8434d,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.art-container:after{content:"";z-index:2;background:linear-gradient(90deg,#0000,#648cc814,#0000);height:1px;position:absolute;bottom:0;left:30px;right:30px}.art-title{color:#d4a843d9;text-align:center;letter-spacing:.1em;text-shadow:0 0 16px #d4a84326;flex-shrink:0;margin:0;padding:22px 20px 6px;font-family:Cinzel,serif;font-size:20px;font-weight:700}.art-progress{flex-shrink:0;align-items:center;gap:10px;padding:4px 24px 12px;display:flex}.art-progress-bar{background:#28263299;border:1px solid #6482b414;border-radius:3px;flex:1;height:4px;overflow:hidden}.art-progress-fill{background:linear-gradient(90deg,#d4a84399,#f0c850cc);border-radius:3px;height:100%;transition:width .4s;box-shadow:0 0 6px #d4a8434d}.art-progress-text{color:#d4a84399;letter-spacing:.08em;white-space:nowrap;font-family:Cinzel,serif;font-size:11px;font-weight:700}.art-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(70px,10vw,110px),1fr));gap:clamp(4px,.8vw,8px);min-height:0;padding:clamp(4px,.8vh,8px) clamp(10px,2vw,18px) clamp(10px,2vh,18px);display:grid;overflow-y:auto}.art-grid::-webkit-scrollbar{width:3px}.art-grid::-webkit-scrollbar-track{background:0 0}.art-grid::-webkit-scrollbar-thumb{background:#648cc826;border-radius:3px}.art-card{aspect-ratio:1;cursor:pointer;border-radius:clamp(4px,.6vw,8px);justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative;overflow:hidden}.art-card-img{object-fit:cover;border-radius:clamp(4px,.6vw,8px);width:100%;height:100%;transition:transform .25s}.art-card-ico{font-size:clamp(24px,4vw,40px);transition:transform .25s}.art-card-glow{pointer-events:none;background:radial-gradient(circle,#d4a8431f 0%,#0000 70%);border-radius:10px;animation:3s ease-in-out infinite art-glow-pulse;position:absolute;inset:-4px}@keyframes art-glow-pulse{0%,to{opacity:.4}50%{opacity:1}}.art-owned{background:linear-gradient(135deg,#1c1a24cc,#16141ee6);border:1px solid #d4a8431f}.art-owned:hover{border-color:#d4a84366;transform:translateY(-2px)scale(1.03);box-shadow:0 0 16px #d4a84326}.art-owned:hover .art-card-img,.art-owned:hover .art-card-ico{transform:scale(1.08)}.art-locked{opacity:.3;cursor:default;background:#12101866;border:1px dashed #3c3a4633}.art-locked .art-card-ico{filter:grayscale()brightness(.4)}.art-detail{border-top:2px solid var(--gold);z-index:10;background:linear-gradient(#181423f5 0%,#100e16fa 100%);align-items:center;gap:clamp(12px,2vw,24px);max-height:50%;padding:clamp(12px,2vh,20px) clamp(14px,2.5vw,24px);animation:.3s ease-out art-detail-in;display:none;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes art-detail-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.art-detail-img{flex-shrink:0}.art-detail-img img{object-fit:cover;border:2px solid #d4a84340;border-radius:clamp(6px,1vw,10px);width:clamp(80px,14vw,140px);height:clamp(80px,14vw,140px);box-shadow:0 4px 20px #00000080}.art-detail-ico{font-size:clamp(48px,8vw,80px)}.art-detail-info{flex:1;min-width:0}.art-detail-name{color:var(--gold-light);margin-bottom:clamp(4px,.6vh,8px);font-family:Cinzel,serif;font-size:clamp(14px,2vw,20px);font-weight:700}.art-detail-desc{color:#dcd2bed9;background:#d4a8430f;border-left:3px solid #d4a8434d;border-radius:0 4px 4px 0;margin-bottom:clamp(6px,1vh,12px);padding:clamp(6px,1vh,10px);font-size:clamp(11px,1.4vw,14px);line-height:1.5}.art-detail-lore{color:#b4aa968c;margin-bottom:clamp(8px,1.2vh,14px);font-size:clamp(10px,1.2vw,13px);font-style:italic;line-height:1.5}.art-detail-close{color:#c8beaa99;cursor:pointer;background:#ffffff0d;border:1px solid #c8beaa26;border-radius:4px;padding:clamp(4px,.5vh,6px) clamp(12px,2vw,20px);font-family:Cinzel,serif;font-size:clamp(10px,1.2vw,12px);transition:all .2s}.art-detail-close:hover{color:#fff;border-color:var(--gold);background:#d4a8431a}.close-btn{color:#b4aa9659;cursor:pointer;z-index:3;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:clamp(24px,4vw,32px);height:32px;font-size:clamp(16px,3vw,24px);line-height:1;transition:all .2s;display:flex;position:absolute;top:14px;right:16px}.close-btn:hover{color:#dcc8a0cc;background:#28243280}.guide-container{flex-direction:column;max-height:85vh;display:flex}.guide-content{text-align:left;scroll-behavior:smooth;padding:8px 20px 20px 15px;overflow-y:auto}.guide-content::-webkit-scrollbar{width:6px}.guide-content::-webkit-scrollbar-track{background:#0003;border-radius:3px;margin:8px 0}.guide-content::-webkit-scrollbar-thumb{background:linear-gradient(#d4a84359,#6482b440);border:1px solid #d4a8431a;border-radius:3px}.guide-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d4a8438c,#6482b466)}.guide-container{position:relative}.guide-container:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#100e16f2);border-radius:0 0 10px 10px;height:40px;position:absolute;bottom:0;left:0;right:0}.guide-sec{border-bottom:1px solid #d4a84326;margin-bottom:25px;padding-bottom:15px}.guide-sec:last-child{border-bottom:none}.guide-sec h3{color:var(--gold);align-items:center;gap:8px;margin-bottom:12px;font-family:Cinzel,serif;font-size:clamp(14px,2.2vw,18px);display:flex}.guide-sec p{color:var(--parchment);margin-bottom:10px;font-size:14px;line-height:1.6}.guide-sec ul{padding-left:10px;list-style:none}.guide-sec li{color:var(--parchment-dark);margin-bottom:6px;padding-left:15px;font-size:13.5px;position:relative}.guide-sec li:before{content:"•";color:var(--gold);position:absolute;left:0}.star-grid{background:#0003;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0;padding:15px;display:grid}.star-grid span{color:var(--gold-light);font-size:13px;font-weight:700}.guide-sec small{color:#b4aa9680;margin-top:6px;font-size:11px;font-style:italic;display:block}.guide-element-chart{background:#0003;border:1px solid #6482b414;border-radius:6px;flex-direction:column;gap:6px;margin:10px 0;padding:12px 16px;display:flex}.guide-el-row{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.guide-el-arrow{color:#b4aa964d;font-size:11px}.guide-el-arrow.dual{color:#c8786466}.guide-el-sep{color:#6482b433;margin:0 4px}.guide-el-note{color:#b4aa9659;margin-left:4px;font-size:10px;font-style:italic}.guide-synergy-table{flex-direction:column;gap:2px;margin:10px 0;font-size:12px;display:flex}.gs-row{color:#c8beaa99;background:#00000026;border-radius:3px;grid-template-columns:100px 1fr 1fr;align-items:center;gap:8px;padding:5px 10px;display:grid}.gs-row:hover{background:#00000040}.gs-header{color:#d4a84399;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-bottom:1px solid #6482b414;padding-bottom:6px;font-family:Cinzel,serif;font-size:10px;font-weight:700}.close-btn{color:var(--parchment-dark);cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1;transition:color .2s;position:absolute;top:15px;right:15px}.close-btn:hover{color:var(--gold)}.artifact-card{box-shadow:0 0 15px #7f77dd4d;background:linear-gradient(135deg, var(--stone-mid), #341f97)!important;border:2px solid #7f77dd!important}.artifact-card:hover{border-color:#b7b1ff!important;box-shadow:0 0 25px #7f77dd99!important}.artifact-card .reward-label{text-shadow:0 0 10px #7f77dd80;color:#b7b1ff!important}.artifact-card .reward-desc{color:#dcdde1!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.u-name-label,.ucard .st-box{font-size:7px}.ucard .elem-tr,.ucard .cost-br{font-size:8px}}@media (width<=768px){.u-name-label{font-size:7px}.ucard .st-box{font-size:6px}.ucard .elem-tr,.ucard .cost-br{font-size:7px}.cell{font-size:9px}.cell .u-img{border-radius:3px}.dmg-float{font-size:13px}.guide-sec h3{font-size:14px}.guide-sec p{font-size:12px}.guide-sec li{font-size:11px}.gs-row{grid-template-columns:80px 1fr 1fr;font-size:10px}.art-title{padding:16px 16px 4px;font-size:16px}.art-container{max-width:95vw}}.touch-drag-ghost{background:#14121ce6;border:2px solid #d4a84399;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px #00000080,0 0 12px #d4a84333}.element-overlay{z-index:1100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06040ae6;justify-content:center;align-items:center;padding:clamp(8px,2vw,20px);animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.element-overlay-card{background:radial-gradient(at 50% 0,#506eaa0f 0%,#0000 50%),linear-gradient(#1c1a22 0%,#141218 40%,#100e16 100%);border:1px solid #6482b426;border-radius:10px;flex-direction:column;width:min(900px,85vw);max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #000000b3,0 0 30px #5064a00d,inset 0 1px #7896c80f}.element-overlay-card:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a8434d,#648cc826,#d4a8434d,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.element-overlay-title{color:#d4a843d9;text-align:center;letter-spacing:.1em;text-shadow:0 0 12px #d4a84326;flex-shrink:0;padding:clamp(12px,1.5vh,18px) 20px clamp(6px,.8vh,10px);font-family:Cinzel,serif;font-size:clamp(14px,1.8vw,20px);font-weight:700}.element-overlay-content{padding:clamp(6px,1vh,12px) clamp(12px,2vw,24px) clamp(12px,2vh,24px);overflow-y:auto}.element-overlay-content::-webkit-scrollbar{width:4px}.element-overlay-content::-webkit-scrollbar-track{background:0 0}.element-overlay-content::-webkit-scrollbar-thumb{background:#648cc833;border-radius:3px}.el-info-section{border-bottom:1px solid #6482b414;margin-bottom:clamp(10px,1.5vh,18px);padding-bottom:clamp(8px,1.2vh,14px)}.el-info-section:last-child{border-bottom:none;margin-bottom:0}.el-info-section h3{color:var(--gold);margin-bottom:clamp(4px,.6vh,8px);font-family:Cinzel,serif;font-size:clamp(12px,1.2vw,16px)}.el-info-section p{color:#c8beaa99;margin-bottom:clamp(6px,.8vh,10px);font-size:clamp(10px,.9vw,13px);line-height:1.5}.el-info-tag{color:var(--el-c);background:color-mix(in srgb, var(--el-c) 8%, transparent);border:1px solid color-mix(in srgb, var(--el-c) 20%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--el-c) 30%, transparent);border-radius:4px;align-items:center;gap:clamp(2px,.3vw,4px);padding:clamp(2px,.3vh,4px) clamp(6px,.8vw,10px);font-size:clamp(10px,1vw,14px);font-weight:600;display:inline-flex}.el-info-cycle{padding:clamp(6px,.8vh,10px) 0}.el-info-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(4px,.5vw,8px);display:flex}.el-info-arrow{color:#b4aa964d;font-size:clamp(10px,.9vw,13px);font-weight:700}.el-info-pair{justify-content:center;align-items:center;gap:clamp(6px,.8vw,12px);padding:clamp(4px,.5vh,8px) 0;display:flex}.el-info-vs{color:#c87864b3;font-family:Cinzel,serif;font-size:clamp(10px,.9vw,12px);font-weight:700}.el-info-synergy-table{flex-direction:column;gap:2px;margin-top:clamp(4px,.5vh,8px);display:flex}.el-syn-row{color:#c8beaa99;background:#00000026;border-radius:3px;grid-template-columns:clamp(70px,8vw,100px) 1fr 1fr;align-items:center;gap:clamp(4px,.5vw,8px);padding:clamp(3px,.4vh,5px) clamp(6px,.8vw,10px);font-size:clamp(9px,.85vw,12px);display:grid}.el-syn-row:hover{background:#00000040}.el-syn-header{color:#d4a84399;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-bottom:1px solid #6482b414;font-family:Cinzel,serif;font-size:clamp(8px,.75vw,10px);font-weight:700}.bs-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#06040ae6;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.bs-panel{background:radial-gradient(at 50% 0,#506eaa0f 0%,#0000 50%),linear-gradient(#1c1a22 0%,#141218 40%,#100e16 100%);border:1px solid #6482b426;border-radius:10px;width:min(92vw,1100px);max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 0 60px #000000b3,0 0 30px #5064a00d,inset 0 1px #7896c80f}.bs-panel:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a8434d,#648cc826,#d4a8434d,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.bs-header{border-bottom:1px solid #788cb426;border-radius:12px 12px 0 0;justify-content:center;align-items:center;gap:10px;padding:14px 20px;display:flex;position:relative}.bs-header.bs-win{background:linear-gradient(90deg,#3c8c5026,#d4a8431a)}.bs-header.bs-lose{background:linear-gradient(90deg,#b4322826,#64281e1a)}.bs-hotr{text-align:center;background:linear-gradient(135deg,#d4a84314,#503c140a);border-bottom:1px solid #d4a8431f;padding:12px 16px;animation:2s ease-in-out infinite alternate hotr-glow}@keyframes hotr-glow{0%{box-shadow:inset 0 0 20px #d4a84308}to{box-shadow:inset 0 0 40px #d4a84314}}.bs-hotr-crown{filter:drop-shadow(0 0 12px #d4a84380);font-size:clamp(24px,4vw,30px);animation:2.5s ease-in-out infinite hotr-crown-float}@keyframes hotr-crown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bs-hotr-banner{color:#d4a843d9;letter-spacing:.15em;text-shadow:0 0 12px #d4a8434d;margin:2px 0 8px;font-family:Cinzel,serif;font-size:clamp(10px,1.3vw,14px);font-weight:800}.bs-hotr-card{background:#d4a8430f;border:1px solid #d4a84333;border-radius:8px;align-items:center;gap:12px;padding:8px 11px;display:inline-flex;box-shadow:0 2px 12px #d4a8431a}.bs-hotr-img{object-fit:cover;border:2px solid #d4a84366;border-radius:8px;width:clamp(40px,18vw,450px);height:clamp(40px,11.5vw,250px);box-shadow:0 0 10px #d4a84333}.bs-hotr-info{text-align:left}.bs-hotr-name{color:#f0e8d0;font-family:Cinzel,serif;font-size:clamp(12px,1.4vw,16px);font-weight:700}.bs-hotr-score-wrap{cursor:pointer;align-items:center;gap:6px;margin:2px 0;display:inline-flex;position:relative}.bs-hotr-score-val{color:#d4a843f2;text-shadow:0 0 8px #d4a8434d;font-family:Cinzel,serif;font-size:clamp(12px,1.4vw,16px);font-weight:800}.bs-hotr-score-tag{color:#d4a843b3;background:#d4a8431a;border-radius:3px;padding:1px 6px;font-size:clamp(8px,.9vw,11px);font-weight:600}.bs-hotr-tooltip{z-index:10;white-space:nowrap;color:#dcd7c8cc;background:linear-gradient(145deg,#1e2236,#141824);border:1px solid #d4a84340;border-radius:6px;padding:8px 12px;font-size:clamp(10px,1.1vw,13px);line-height:1.6;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.bs-hotr-tooltip:after{content:"";border:6px solid #0000;border-top-color:#d4a84340;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bs-hotr-tooltip b{color:#f0e8d0}.bs-hotr-score-wrap:hover .bs-hotr-tooltip{display:block}.bs-result-center{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.bs-result-ico{font-size:1.6em}.bs-result-text{color:#e8e0d0;letter-spacing:.05em;font-family:Cinzel,serif;font-size:clamp(14px,2vw,20px);font-weight:700}.bs-ticks{color:#c8c8c880;font-size:clamp(10px,1.2vw,13px);position:absolute;right:16px}.bs-body{gap:0;padding:0;display:flex}.bs-side{flex:1;padding:12px 14px}.bs-divider{background:#788cb426;width:1px}.bs-side-title{color:#c8c0b0;letter-spacing:.04em;margin-bottom:6px;font-family:Cinzel,serif;font-size:clamp(12px,1.4vw,16px);font-weight:700}.bs-ally-side .bs-side-title{color:#80c8a8}.bs-enemy-side .bs-side-title{color:#d08878}.bs-synergies{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.bs-syn-card{border:1px solid color-mix(in srgb, var(--syn-color) 25%, transparent);background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-radius:6px;flex-direction:column;gap:2px;min-width:80px;padding:5px 8px;display:flex}.bs-syn-header{align-items:center;gap:4px;display:flex}.bs-syn-ico{filter:drop-shadow(0 0 3px var(--syn-color));font-size:clamp(12px,1.4vw,16px)}.bs-syn-name{color:var(--syn-color,#aaa);font-size:clamp(9px,1vw,12px);font-weight:600}.bs-syn-tier{color:var(--syn-color,#aaa);background:color-mix(in srgb, var(--syn-color) 15%, transparent);border-radius:3px;margin-left:auto;padding:0 4px;font-size:clamp(8px,.9vw,11px);font-weight:700}.bs-syn-pips{gap:3px;display:flex}.bs-syn-pip{background:#ffffff14;border:1px solid #ffffff1a;border-radius:2px;width:6px;height:6px}.bs-syn-pip-on{background:var(--pip-color,#888);border-color:var(--pip-color,#888);box-shadow:0 0 4px color-mix(in srgb, var(--pip-color) 50%, transparent)}.bs-syn-pip-border{margin-right:4px}.bs-syn-desc{color:#dcd7c899;font-size:clamp(8px,.85vw,10px);line-height:1.3}.bs-no-syn{color:#c8c8c84d;padding:4px;font-size:clamp(9px,1vw,12px)}.bs-unit-list{flex-direction:column;gap:6px;display:flex}.bs-unit-row{cursor:pointer;background:#ffffff05;border:1px solid #788cb40f;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex;position:relative}.bs-unit-row:hover{background:#ffffff0d}.bs-unit-row:hover .bs-skill-tooltip,.bs-unit-row:focus .bs-skill-tooltip{display:block}.bs-skill-tooltip{z-index:200;pointer-events:none;background:linear-gradient(145deg,#1e2236,#141824);border:1px solid #8ca0dc40;border-radius:6px;min-width:180px;max-width:260px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0009}.bs-skill-tooltip:after{content:"";border:6px solid #0000;border-top-color:#8ca0dc40;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bs-skill-tt-name{color:#e8dcc0;margin-bottom:4px;font-size:clamp(10px,1.1vw,13px);font-weight:700}.bs-skill-tt-desc{color:#d2cdbeb3;font-size:clamp(9px,.95vw,11px);line-height:1.4}.bs-unit-dead{opacity:.55}.bs-unit-img{object-fit:cover;border:1px solid #788cb426;border-radius:6px;flex-shrink:0;width:clamp(32px,8vw,500px);height:clamp(32px,5vw,500px)}.bs-unit-info{flex:1;min-width:0}.bs-unit-name{color:#d8d0c0;align-items:center;gap:5px;margin-bottom:3px;font-size:clamp(10px,1.1vw,18px);font-weight:600;display:flex}.bs-alive{color:#60c080;background:#3cb4641a;border-radius:3px;padding:0 4px;font-size:.8em}.bs-dead{color:#c06060;background:#b43c3c1a;border-radius:3px;padding:0 4px;font-size:.8em}.bs-bar-row{align-items:center;gap:5px;margin-bottom:2px;display:flex}.bs-bar-label{color:#c8c8c880;flex-shrink:0;width:4.5em;font-size:clamp(8px,.9vw,13px)}.bs-bar{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.bs-bar-fill{border-radius:3px;height:100%;transition:width .4s ease-out}.bs-bar-dmg{background:linear-gradient(90deg,#e05c52,#f08040)}.bs-bar-taken{background:linear-gradient(90deg,#c04848,#a03030)}.bs-bar-shield{background:linear-gradient(90deg,#5090d0,#4070b0)}.bs-bar-heal{background:linear-gradient(90deg,#40b070,#30a060)}.bs-bar-val{color:#e8c8a0;text-align:right;min-width:3em;font-size:clamp(9px,1vw,15px);font-weight:600}.bs-skill-count{color:#b4a0dccc;margin-left:auto;font-size:.8em}.bs-unit-el{margin-right:3px;font-size:.7em}.bs-close-btn{color:#e8e0d0;cursor:pointer;letter-spacing:.05em;background:linear-gradient(135deg,#78643c4d,#503c1e33);border:1px solid #d4a8434d;border-radius:6px;margin:12px auto 16px;padding:8px 40px;font-family:Cinzel,serif;font-size:clamp(12px,1.3vw,15px);font-weight:700;transition:all .15s;display:block}.bs-close-btn:hover{background:linear-gradient(135deg,#96783c66,#6450284d);border-color:#d4a84380}.bs-empty{color:#c8c8c84d;text-align:center;padding:12px;font-size:clamp(10px,1.1vw,13px)}@media (width<=600px){.bs-body{flex-direction:column}.bs-divider{width:100%;height:1px}.bs-panel{width:95vw}}.ach-popup{z-index:9500;opacity:0;pointer-events:none;background:linear-gradient(135deg,#1e192df2,#14101ef2);border:1px solid #d4a84366;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;transition:transform .4s ease-out,opacity .4s ease-out;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-80px);box-shadow:0 4px 24px #00000080,0 0 12px #d4a84326}.ach-popup-show{opacity:1;transform:translate(-50%)translateY(0)}.ach-popup-hide{opacity:0;transform:translate(-50%)translateY(-40px)}.ach-popup-ico{filter:drop-shadow(0 0 6px #d4a84366);font-size:clamp(20px,3vw,28px)}.ach-popup-text{flex-direction:column;display:flex}.ach-popup-label{color:#d4a843cc;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(9px,1vw,11px);font-weight:600}.ach-popup-name{color:#e8dcc0;letter-spacing:.04em;font-family:Cinzel,serif;font-size:clamp(12px,1.5vw,16px);font-weight:700}.ach-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9800;background:#06040ae6;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.ach-panel{background:radial-gradient(at 50% 0,#506eaa0f 0%,#0000 50%),linear-gradient(#1c1a22 0%,#141218 40%,#100e16 100%);border:1px solid #6482b426;border-radius:10px;width:min(85vw,900px);max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 0 60px #000000b3,0 0 30px #5064a00d,inset 0 1px #7896c80f}.ach-panel:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a8434d,#648cc826,#d4a8434d,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.ach-header{color:#d4a843d9;letter-spacing:.1em;text-shadow:0 0 16px #d4a84326;justify-content:space-between;align-items:center;padding:18px 20px 8px;font-family:Cinzel,serif;font-size:clamp(14px,1.8vw,18px);font-weight:700;display:flex}.ach-progress{color:#d4a843d9;font-size:clamp(11px,1.2vw,14px);font-weight:700}.ach-body{gap:0;display:flex}.ach-col{scrollbar-width:thin;scrollbar-color:#d4a84333 transparent;min-width:0;max-height:65vh;overflow-y:auto}.ach-col::-webkit-scrollbar{width:5px}.ach-col::-webkit-scrollbar-track{background:0 0}.ach-col::-webkit-scrollbar-thumb{background:#d4a84333;border-radius:3px}.ach-col::-webkit-scrollbar-thumb:hover{background:#d4a84359}.ach-col{padding:4px 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 3% 94%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 3% 94%,#0000 100%)}.ach-col:first-child{flex:.35}.ach-col:last-child{flex:.65}.ach-col-divider{background:linear-gradient(#0000,#d4a84326,#0000);flex-shrink:0;width:1px}.ach-list{flex-direction:column;gap:5px;padding:6px 8px;display:flex}@media (width<=600px){.ach-body{flex-direction:column}.ach-col-divider{background:linear-gradient(90deg,#0000,#d4a84326,#0000);width:100%;height:1px}.ach-col,.ach-col:first-child,.ach-col:last-child{flex:1;max-height:none;-webkit-mask-image:none;mask-image:none}.ach-panel{width:95vw}}.ach-row{background:#ffffff06;border:1px solid #8c9bc81a;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.ach-row:hover{background:#ffffff0f}.ach-done{background:linear-gradient(135deg,#d4a8431f,#d4a8430a);border-color:#d4a84340;box-shadow:0 2px 8px #d4a8431a}.ach-done:hover{background:linear-gradient(135deg,#d4a84329,#d4a84312)}.ach-locked{opacity:.3}.ach-ico{text-align:center;filter:drop-shadow(0 0 4px #d4a8434d);flex-shrink:0;width:36px;font-size:clamp(20px,2.8vw,28px)}.ach-locked .ach-ico{filter:none}.ach-info{flex:1;min-width:0}.ach-name{color:#dcd7c8;letter-spacing:.02em;font-family:Cinzel,serif;font-size:clamp(11px,1.3vw,15px);font-weight:700}.ach-desc{color:#c8c3b9cc;margin-top:2px;font-size:clamp(9px,1vw,12px);line-height:1.4}.ach-done .ach-name{color:#f0e4c0;text-shadow:0 0 10px #d4a843e6}.ach-done .ach-desc{color:#e6dcc8e6}.ach-score{color:#d4a843d9;text-shadow:0 0 6px #d4a84333;flex-shrink:0;font-family:Cinzel,serif;font-size:clamp(11px,1.2vw,14px);font-weight:800}.ach-close{color:#c8c0a8;cursor:pointer;background:#ffffff0a;border:1px solid #788cb426;border-radius:5px;margin:8px auto 12px;padding:6px 32px;font-family:Cinzel,serif;font-size:clamp(11px,1.2vw,14px);font-weight:700;transition:all .15s;display:block}.ach-close:hover{color:#e8dcc0;background:#d4a8430f;border-color:#d4a8434d}.ach-section-title{color:#d4a843b3;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #d4a8431f;margin:0 8px;padding:10px 12px 4px;font-family:Cinzel,serif;font-size:clamp(10px,1.1vw,13px);font-weight:700}.ach-syn-row{background:#ffffff04;border:1px solid #6478a099;border-radius:7px;align-items:center;gap:10px;padding:9px 10px;transition:all .2s;display:flex}.ach-syn-row:hover{background:#ffffff0f}.ach-syn-active{background:#ffffff14;border-color:#8ca0c8d1}.ach-syn-inactive{opacity:.35}.ach-syn-ico{text-align:center;filter:drop-shadow(0 0 3px #ffffff8c);flex-shrink:0;width:32px;font-size:clamp(18px,2.5vw,24px)}.ach-syn-inactive .ach-syn-ico{filter:grayscale(.65)}.ach-syn-info{flex:1;min-width:0}.ach-syn-title{color:#6effb4;letter-spacing:.02em;align-items:center;gap:6px;font-family:Cinzel,serif;font-size:clamp(11px,1.2vw,14px);font-weight:700;display:flex}.ach-syn-active .ach-syn-title{color:#8682fa}.ach-syn-count{color:#64ff7d99;margin-left:auto;font-size:clamp(9px,1vw,12px);font-weight:600}.ach-syn-cond{color:#ffff78;margin-top:1px;font-size:clamp(8px,.9vw,11px)}.ach-syn-bar{background:#ffffff4d;border-radius:3px;height:6px;margin:5px 0 3px;overflow:hidden}.ach-syn-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--syn-color) 50%, #000), var(--syn-color,#888));height:100%;box-shadow:0 0 6px color-mix(in srgb, var(--syn-color) 50%, transparent);border-radius:3px;transition:width .4s ease-out}.ach-syn-next{color:#d4a843cc;font-size:clamp(8px,.9vw,11px);font-style:italic}.codex-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9800;background:#06040ae6;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.codex-panel{background:radial-gradient(at 50% 0,#506eaa0f 0%,#0000 50%),linear-gradient(#1c1a22 0%,#141218 40%,#100e16 100%);border:1px solid #6482b426;border-radius:10px;width:min(85vw,900px);max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 0 60px #000000b3,0 0 30px #5064a00d,inset 0 1px #7896c80f}.codex-panel:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a8434d,#648cc826,#d4a8434d,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.codex-header{color:#d4a843d9;letter-spacing:.1em;text-shadow:0 0 16px #d4a84326;justify-content:space-between;align-items:center;padding:18px 20px 8px;font-family:Cinzel,serif;font-size:clamp(14px,1.8vw,18px);font-weight:700;display:flex}.codex-count{color:#c8c3b480;font-size:clamp(10px,1.1vw,13px);font-weight:600}.codex-main-tabs{border-bottom:1px solid #788cb41a;display:flex}.codex-main-tab{color:#c8c3b480;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-family:Cinzel,serif;font-size:clamp(11px,1.2vw,14px);font-weight:700;transition:all .2s}.codex-main-tab.active{color:#f0e8d0;background:#d4a8430a;border-bottom-color:#d4a84399}.codex-main-tab:hover{color:#e0d8c0}.codex-sub-tabs{border-bottom:1px solid #788cb40f;flex-wrap:wrap;gap:3px;padding:6px 10px;display:flex}.codex-sub-tab{color:#c8c3b473;cursor:pointer;background:#ffffff05;border:1px solid #788cb414;border-radius:4px;padding:3px 8px;font-size:clamp(9px,1vw,12px);transition:all .15s}.codex-sub-tab.active{color:#f0e8d0;background:#d4a8431a;border-color:#d4a8434d}.codex-sub-tab:hover{color:#d0c8b0;border-color:#d4a84333}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(90px,13vw,155px),1fr));gap:8px;padding:10px;display:grid}.codex-card{aspect-ratio:1;cursor:pointer;background:#ffffff05;border:1px solid #788cb41a;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.codex-card:hover{border-color:#d4a84366;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.codex-card-img{object-fit:cover;width:100%;height:100%}.codex-card-range{color:#fff;z-index:2;letter-spacing:.03em;white-space:nowrap;background:#0000008c;border-radius:3px;padding:0 5px;font-size:clamp(7px,.8vw,10px);font-weight:700;line-height:1.4;position:absolute;top:2px;left:50%;transform:translate(-50%)}.codex-card-cost{color:#fff;background:color-mix(in srgb, var(--el-color) 70%, #000);text-shadow:0 1px 2px #0009;border-radius:4px;padding:1px 5px;font-family:Cinzel,serif;font-size:clamp(9px,1vw,12px);font-weight:800;line-height:1.3;position:absolute;bottom:2px;right:2px}.codex-empty{text-align:center;color:#c8c3b44d;grid-column:1/-1;padding:20px;font-size:clamp(11px,1.2vw,14px)}.codex-close{color:#c8c0a8;cursor:pointer;background:#ffffff0a;border:1px solid #788cb426;border-radius:5px;margin:8px auto 12px;padding:6px 32px;font-family:Cinzel,serif;font-size:clamp(11px,1.2vw,14px);font-weight:700;transition:all .15s;display:block}.codex-close:hover{color:#e8dcc0;background:#d4a8430f;border-color:#d4a8434d}@media (width<=600px){.codex-panel{width:95vw}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(60px,14vw,85px),1fr))}}@keyframes attack-right{0%{transform:translate(0)}30%{transform:translate(12px)scale(1.1)}to{transform:translate(0)}}@keyframes attack-left{0%{transform:translate(0)}30%{transform:translate(-12px)scale(1.1)}to{transform:translate(0)}}@keyframes hit-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes skill-burst{0%{box-shadow:0 0 #7f77ddb3}to{box-shadow:0 0 0 15px #7f77dd00}}@keyframes heal-pulse{0%{box-shadow:0 0 #1bae60cc}to{box-shadow:0 0 0 15px #1bae6000}}@keyframes death-fade{0%{opacity:1}to{opacity:.2;transform:scale(.9)}}@keyframes revive-flash{0%{background:#d4a84380}to{background:0 0}}@keyframes enrage-glow{0%{box-shadow:inset 0 0 #e05c5200}50%{box-shadow:inset 0 0 100px #e05c5266}to{box-shadow:inset 0 0 #e05c5200}}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(1.2)}30%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-36px)scale(.9)}}@keyframes appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pip-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cutin-slide-in{0%{opacity:0;transform:translate(-100%)skew(-15deg)}20%{opacity:1;transform:translate(0)skew(-15deg)}80%{opacity:1;transform:translate(0)skew(-15deg)}to{opacity:0;transform:translate(100%)skew(-15deg)}}@keyframes cutin-img-reveal{0%{opacity:0;filter:brightness(3);transform:scale(1.5)rotate(-5deg)}20%{opacity:1;filter:brightness();transform:scale(1)rotate(0)}80%{opacity:1;filter:brightness();transform:scale(1)rotate(0)}to{opacity:0;filter:brightness(0);transform:scale(.8)rotate(5deg)}}@keyframes cutin-text-reveal{0%{opacity:0;transform:translateY(20px)}25%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.cutin-layer{z-index:5000;pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}.cutin-layer.active{display:flex}.cutin-bg{background:linear-gradient(90deg, transparent, var(--cutin-color,#4a3080e6), var(--cutin-color-core,var(--royal)), var(--cutin-color,#4a3080e6), transparent), var(--cutin-bg-img,none) center/cover no-repeat;border-top:clamp(1px, .3vh, 3px) solid var(--cutin-accent,var(--gold));border-bottom:clamp(1px, .3vh, 3px) solid var(--cutin-accent,var(--gold));width:200%;height:clamp(100px,22vh,180px);box-shadow:0 0 40px #000c, 0 0 60px var(--cutin-glow,transparent);animation:1.5s cubic-bezier(.16,1,.3,1) forwards cutin-slide-in;position:absolute}.cutin-layer[data-element=fire]{--cutin-color:#b42814e6;--cutin-color-core:#dc3c1ef2;--cutin-accent:#f08040;--cutin-glow:#e8503066}.cutin-layer[data-element=frost]{--cutin-color:#2864a0e6;--cutin-color-core:#3c8cc8f2;--cutin-accent:#80d0f0;--cutin-glow:#60b8e866}.cutin-layer[data-element=lightning]{--cutin-color:#a08c14e6;--cutin-color-core:#c8b428f2;--cutin-accent:#f0e060;--cutin-glow:#f0d04066}.cutin-layer[data-element=nature]{--cutin-color:#1e783ce6;--cutin-color-core:#28a050f2;--cutin-accent:#60d080;--cutin-glow:#50c07066}.cutin-layer[data-element=holy]{--cutin-color:#a08c3ce6;--cutin-color-core:#c8b450f2;--cutin-accent:#f0e0a0;--cutin-glow:#f0d88066}.cutin-layer[data-element=dark]{--cutin-color:#502878e6;--cutin-color-core:#783ca0f2;--cutin-accent:#c090e0;--cutin-glow:#a070c066}.cutin-layer[data-element=physical]{--cutin-color:#64503ce6;--cutin-color-core:#8c7864f2;--cutin-accent:#d0c0a0;--cutin-glow:#c0b0a04d}.cutin-layer[data-element=arcane]{--cutin-color:#3c3282e6;--cutin-color-core:#5a50b4f2;--cutin-accent:#a0a0f0;--cutin-glow:#8080e066}.cutin-content{z-index:1;align-items:center;gap:clamp(12px,3vw,40px);width:100%;max-width:1200px;padding:0 clamp(20px,5vw,100px);display:flex;position:relative}#cutin-img{object-fit:contain;width:clamp(160px,36vw,420px);height:clamp(160px,36vw,420px);filter:drop-shadow(0 0 clamp(10px, 2vw, 30px) var(--gold));animation:1.5s cubic-bezier(.16,1,.3,1) forwards cutin-img-reveal}.cutin-info{flex-direction:column;animation:1.5s cubic-bezier(.16,1,.3,1) forwards cutin-text-reveal;display:flex}.cutin-info .unit-name{color:var(--gold-light);text-shadow:0 0 10px #000c;margin-bottom:clamp(2px,.4vh,4px);font-family:Cinzel,serif;font-size:clamp(12px,2.5vw,24px)}.cutin-info .skill-name{color:#fff;text-shadow:0 0 10px var(--cutin-accent,var(--gold)), 0 0 20px var(--cutin-accent,var(--gold)), 0 0 40px var(--cutin-glow,var(--royal)), 0 0 80px var(--cutin-glow,var(--royal));letter-spacing:.05em;text-transform:uppercase;font-family:Cinzel,serif;font-size:clamp(24px,6vw,64px);font-weight:900}.cutin-info .skill-desc{color:#ffffffbf;text-shadow:0 1px 4px #000c;letter-spacing:.02em;max-width:clamp(200px,40vw,500px);margin-top:clamp(2px,.4vh,6px);font-family:Cinzel,serif;font-size:clamp(10px,1.5vw,16px);line-height:1.4}.cutin-info .skill-desc b{color:var(--cutin-accent,var(--gold-light));font-size:1.1em;font-weight:800}.cutin-layer.active .cutin-bg:after{content:"";background:radial-gradient(circle at 20% 30%, var(--cutin-accent,var(--gold)) 0%, transparent 2%), radial-gradient(circle at 60% 70%, var(--cutin-accent,var(--gold)) 0%, transparent 1.5%), radial-gradient(circle at 80% 20%, var(--cutin-accent,var(--gold)) 0%, transparent 2.5%), radial-gradient(circle at 40% 80%, var(--cutin-accent,var(--gold)) 0%, transparent 1%), radial-gradient(circle at 90% 60%, var(--cutin-accent,var(--gold)) 0%, transparent 2%);opacity:.6;animation:1.5s ease-out forwards cutin-sparkle;position:absolute;inset:0}@keyframes cutin-sparkle{0%{opacity:0;transform:scale(.5)}20%{opacity:.8;transform:scale(1.2)}80%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.cutin-layer[data-style=dark] .cutin-bg{background:radial-gradient(ellipse at center, #1a0030d9 0%, #0a0015e6 50%, transparent 80%), var(--cutin-bg-img,none) center/cover no-repeat;border:none;width:300vw;height:300vh;animation:1.8s cubic-bezier(.16,1,.3,1) forwards void-bg;box-shadow:0 0 60px #5028a099,inset 0 0 80px #0a0014cc}@keyframes void-bg{0%{opacity:0;filter:hue-rotate(180deg)invert();transform:scaleX(0)scaleY(3)}10%{opacity:.8;filter:hue-rotate(90deg)invert(.5);transform:scaleX(.3)scaleY(2)}20%{opacity:1;filter:hue-rotate()invert(0);transform:scaleX(1.5)scaleY(1)}45%{transform:scaleX(.6)scaleY(.8)}70%{transform:scaleX(1.2)scaleY(1.1)}85%{opacity:.8;transform:scaleX(2)scaleY(.3)}to{opacity:0;transform:scaleX(3)scaleY(0)}}.cutin-layer[data-style=dark] #cutin-img{filter:drop-shadow(0 0 20px #8060c0)drop-shadow(0 0 40px #4020a0);animation:1.8s cubic-bezier(.16,1,.3,1) forwards void-img}@keyframes void-img{0%{opacity:0;filter:brightness(5)hue-rotate(180deg);transform:scale(.3)rotate(10deg)}8%{opacity:1;filter:brightness(2)hue-rotate(90deg);transform:scale(1.1)rotate(-3deg)translate(8px)}12%{filter:brightness()hue-rotate();transform:scale(.95)rotate(2deg)translate(-6px)}20%{transform:scale(1)rotate(0)}45%{filter:brightness(.5)contrast(2);transform:scale(.7)}60%{filter:brightness(1.5)contrast();transform:scale(1.3)}80%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;filter:brightness(3);transform:scale(2)}}.cutin-layer[data-style=dark] .cutin-info{animation:1.8s cubic-bezier(.16,1,.3,1) forwards void-text}@keyframes void-text{0%{opacity:0;filter:blur(4px);transform:translate(-30px)skew(20deg)}10%{opacity:.7;filter:blur(2px);transform:translate(5px)skew(-10deg)}15%{opacity:1;filter:blur();transform:translate(-3px)skew(5deg)}20%{transform:translate(0)skew(0)}80%{opacity:1}to{opacity:0;transform:translate(20px)}}.cutin-layer[data-style=dark].active .cutin-bg:after{content:"";background:radial-gradient(circle at 15% 25%,#b080ff 0%,#0000 3%),radial-gradient(circle at 70% 60%,#8060c0 0%,#0000 2%),radial-gradient(circle at 85% 30%,#c0a0ff 0%,#0000 2.5%),radial-gradient(circle at 30% 75%,#6040a0 0%,#0000 1.5%),radial-gradient(circle,#fff 0%,#0000 1%);animation:1.8s ease-out forwards void-sparkle;position:absolute;inset:-20px}@keyframes void-sparkle{0%{opacity:0;transform:scale(2)rotate(0)}20%{opacity:.9;transform:scale(1.5)rotate(30deg)}45%{opacity:.7;transform:scale(.3)rotate(120deg)}70%{opacity:.5;transform:scale(1.2)rotate(200deg)}to{opacity:0;transform:scale(3)rotate(360deg)}}.cutin-layer[data-style=dark].active:before{content:"";z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#8060c008 1px,#0000 2px 4px);animation:1.8s ease-out forwards void-scanlines;position:absolute;inset:0}@keyframes void-scanlines{0%{opacity:1}20%{opacity:.8}30%{opacity:0}to{opacity:0}}.cutin-layer[data-style=dark] .cutin-info .skill-name{text-shadow:0 0 10px #b080ff,0 0 20px #8060c0,0 0 40px #4020a0,0 0 80px #200060}.cutin-layer[data-style=dark] .cutin-info .unit-name{color:#c0a0ff}.cutin-layer[data-style=nature] .cutin-bg{background:linear-gradient(0deg, var(--summon-ground,#1e5028f2) 0%, var(--summon-sky,#0a1e0fcc) 60%, transparent 100%), var(--cutin-bg-img,none) center/cover no-repeat;height:100vh;box-shadow:0 0 80px var(--summon-glow,#50c07066);border:none;animation:2.2s cubic-bezier(.16,1,.3,1) forwards summon-bg}@keyframes summon-bg{0%{opacity:0;transform:translateY(100%)scaleY(.5)}25%{opacity:.9;transform:translateY(0)scaleY(1)}50%{opacity:1;transform:translateY(0)scaleY(1)}75%{opacity:.9;transform:translateY(0)scaleY(1)}90%{opacity:.5;transform:translateY(0)scaleY(1.2)}to{opacity:0;transform:translateY(-20%)scaleY(1.5)}}.cutin-layer[data-style=nature][data-element=nature]{--summon-ground:#14501ef2;--summon-sky:#0a280fd9;--summon-glow:#50c07080;--summon-accent:#60d080}.cutin-layer[data-style=nature][data-element=lightning]{--summon-ground:#1e1e3cf2;--summon-sky:#0f0f28d9;--summon-glow:#f0d04080;--summon-accent:#f0d040}.cutin-layer[data-style=nature][data-element=fire]{--summon-ground:#64140af2;--summon-sky:#320a05d9;--summon-glow:#e8503080;--summon-accent:#f08040}.cutin-layer[data-style=nature][data-element=frost]{--summon-ground:#143250f2;--summon-sky:#0a192dd9;--summon-glow:#60b8e880;--summon-accent:#80d0f0}.cutin-layer[data-style=nature][data-element=dark]{--summon-ground:#280f3cf2;--summon-sky:#140523d9;--summon-glow:#a070c080;--summon-accent:#c090e0}.cutin-layer[data-style=nature][data-element=holy]{--summon-ground:#50461ef2;--summon-sky:#28230fd9;--summon-glow:#f0d88080;--summon-accent:#f0e0a0}.cutin-layer[data-style=nature][data-element=physical]{--summon-ground:#3c3228f2;--summon-sky:#1e1914d9;--summon-glow:#c0b0a066;--summon-accent:#d0c0a0}.cutin-layer[data-style=nature][data-element=arcane]{--summon-ground:#1e1946f2;--summon-sky:#0f0c28d9;--summon-glow:#8080e080;--summon-accent:#a0a0f0}.cutin-layer[data-style=nature] #cutin-img{filter:drop-shadow(0 0 40px var(--summon-glow,#50c07099));animation:2.2s cubic-bezier(.16,1,.3,1) forwards summon-img}@keyframes summon-img{0%{opacity:0;filter:brightness(.2)blur(4px);transform:scale(3)translateY(30%)}15%{opacity:.3;filter:brightness(.4)blur(2px);transform:scale(2)translateY(10%)}30%{opacity:.7;filter:brightness(.8)blur();transform:scale(1.2)translateY(0)}50%{opacity:1;filter:brightness();transform:scale(1)translateY(0)}75%{opacity:1;transform:scale(1.05)}90%{opacity:.8;filter:brightness(1.5);transform:scale(1.3)}to{opacity:0;filter:brightness(3);transform:scale(2)}}.cutin-layer[data-style=nature] .cutin-info{animation:2.2s cubic-bezier(.16,1,.3,1) forwards summon-text}@keyframes summon-text{0%{opacity:0;transform:translateY(60px)}30%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.cutin-layer[data-style=nature] .cutin-info .skill-name{text-shadow:0 0 10px var(--summon-accent,#60d080), 0 0 20px var(--summon-accent,#60d080), 0 0 40px var(--summon-glow,#50c07099), 0 0 80px var(--summon-glow,#50c07066)}.cutin-layer[data-style=nature] .cutin-info .unit-name{color:var(--summon-accent,#60d080)}.cutin-quote{z-index:20;color:#fff;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;text-shadow:0 0 10px #000000e6, 0 0 20px var(--summon-glow,#50c07099);font-family:Cinzel,serif;font-size:clamp(16px,2.5vw,28px);font-style:italic;font-weight:700;display:none;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.cutin-layer[data-style=nature].active .cutin-quote{animation:2.2s ease-out forwards summon-quote;display:block}@keyframes summon-quote{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.8)}40%{opacity:0}55%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}75%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(1)}}.cutin-layer[data-style=nature].active .cutin-bg:after{content:"";background:radial-gradient(circle at 10% 90%, var(--summon-accent,#60d080) 0%, transparent 3%), radial-gradient(circle at 30% 80%, var(--summon-accent,#60d080) 0%, transparent 2%), radial-gradient(circle at 50% 95%, var(--summon-accent,#60d080) 0%, transparent 2.5%), radial-gradient(circle at 70% 85%, var(--summon-accent,#60d080) 0%, transparent 1.5%), radial-gradient(circle at 90% 90%, var(--summon-accent,#60d080) 0%, transparent 2%);height:60%;animation:2.2s ease-out forwards summon-particles;position:absolute;bottom:0;left:0;right:0}@keyframes summon-particles{0%{opacity:0;transform:translateY(40px)}25%{opacity:.8;transform:translateY(0)}50%{opacity:.6;transform:translateY(-20px)}75%{opacity:.4;transform:translateY(-50px)}to{opacity:0;transform:translateY(-100px)}}.cutin-layer[data-style=nature].active:before{content:"";border:3px solid var(--summon-accent,#60d080);width:100px;height:100px;box-shadow:0 0 20px var(--summon-glow,#50c07099);pointer-events:none;z-index:15;border-radius:50%;animation:2.2s ease-out forwards summon-shockwave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes summon-shockwave{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}70%{opacity:0;transform:translate(-50%,-50%)scale(0)}80%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(20)}}.cutin-layer[data-style=physical] .cutin-bg{background:linear-gradient(135deg, #000000d9 0%, #140a0abf 50%, #000000d9 100%), var(--cutin-bg-img,none) center/cover no-repeat;width:200vw;height:200vh;box-shadow:none;border:none;animation:1.3s cubic-bezier(.22,1,.36,1) forwards slash-bg}@keyframes slash-bg{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}.cutin-layer[data-style=physical].active:before{content:"";background:linear-gradient(135deg, transparent 46%, var(--slash-color,#fff) 48%, #ffffffe6 50%, var(--slash-color,#fff) 52%, transparent 54%);z-index:20;pointer-events:none;width:140%;height:140%;animation:1.3s cubic-bezier(.22,1,.36,1) forwards slash-cut;position:absolute;top:-20%;left:-20%}@keyframes slash-cut{0%{opacity:0;transform:scale(.5)rotate(-5deg)}15%{opacity:1;transform:scale(1.5)rotate(0)}30%{opacity:.6}50%{opacity:0}to{opacity:0}}.cutin-layer[data-style=physical][data-element=fire]{--slash-color:#f08040;--slash-glow:#e8503099}.cutin-layer[data-style=physical][data-element=frost]{--slash-color:#80d0f0;--slash-glow:#60b8e899}.cutin-layer[data-style=physical][data-element=lightning]{--slash-color:#f0e060;--slash-glow:#f0d04099}.cutin-layer[data-style=physical][data-element=nature]{--slash-color:#60d080;--slash-glow:#50c07099}.cutin-layer[data-style=physical][data-element=holy]{--slash-color:#f0e0a0;--slash-glow:#f0d88099}.cutin-layer[data-style=physical][data-element=dark]{--slash-color:#c090e0;--slash-glow:#a070c099}.cutin-layer[data-style=physical][data-element=physical]{--slash-color:#e0d0c0;--slash-glow:#c0b0a080}.cutin-layer[data-style=physical][data-element=arcane]{--slash-color:#a0a0f0;--slash-glow:#8080e099}.cutin-layer[data-style=physical] #cutin-img{filter:drop-shadow(0 0 20px var(--slash-glow,#ffffff80));animation:1.3s cubic-bezier(.22,1,.36,1) forwards slash-img}@keyframes slash-img{0%{opacity:0;filter:brightness(3)contrast(2);transform:scale(2.5)translateY(10%)}15%{opacity:.6;filter:brightness(2)contrast(1.5);transform:scale(1.8)translateY(5%)}30%{opacity:1;filter:brightness()contrast();transform:scale(1)translateY(0)}50%{transform:scale(1.05)}60%{opacity:.9;transform:scale(1)translate(-10px)skew(-5deg)}70%{opacity:.5;transform:scale(.9)translate(60px)skew(10deg)}80%{opacity:.2;transform:scale(.8)translate(120px)skew(15deg)}to{opacity:0;transform:scale(.7)translate(200px)skew(20deg)}}.cutin-layer[data-style=physical] .cutin-info{animation:1.3s cubic-bezier(.22,1,.36,1) forwards slash-text}@keyframes slash-text{0%{opacity:0;transform:translate(40px)}20%{opacity:1;transform:translate(0)}60%{opacity:1;transform:translate(0)}75%{opacity:.5;transform:translate(-20px)}to{opacity:0;transform:translate(-60px)}}.cutin-layer[data-style=physical] .cutin-info .skill-name{text-shadow:0 0 8px var(--slash-color,#fff), 0 0 16px var(--slash-glow,#fff6), 0 0 32px var(--slash-glow,#fff3);letter-spacing:.1em}.cutin-layer[data-style=physical] .cutin-info .unit-name{color:var(--slash-color,#fff)}.cutin-layer[data-style=physical].active .cutin-bg:after{content:"";background:linear-gradient(135deg, transparent 30%, var(--slash-color,#fff) 49.5%, transparent 50.5%, transparent 70%), linear-gradient(140deg, transparent 35%, #ffffff4d 49%, transparent 51%, transparent 65%), linear-gradient(130deg, transparent 25%, #ffffff26 48%, transparent 52%, transparent 75%);pointer-events:none;animation:1.3s ease-out forwards slash-trails;position:absolute;inset:0}@keyframes slash-trails{0%{opacity:0;transform:translate(-50%)}50%{opacity:0}60%{opacity:.8;transform:translate(0)}75%{opacity:.4;transform:translate(10%)}to{opacity:0;transform:translate(30%)}}.cutin-layer[data-style=fire] .cutin-bg{background:radial-gradient(ellipse at center, var(--ol-core,#280f0ad9) 0%, #000000e6 70%), var(--cutin-bg-img,none) center/cover no-repeat;width:300vw;height:300vh;box-shadow:none;border:none;animation:2.5s ease-out forwards overlord-bg}@keyframes overlord-bg{0%{opacity:0}15%{opacity:1}75%{opacity:1}85%{opacity:.9;background:radial-gradient(ellipse at center, var(--ol-flash,#c8502899) 0%, #000000e6 60%)}to{opacity:0}}.cutin-layer[data-style=fire][data-element=fire]{--ol-core:#320a05fa;--ol-flash:#e8503099;--ol-accent:#f08040;--ol-emblem:"🔥";--ol-glow:#e8503080}.cutin-layer[data-style=fire][data-element=frost]{--ol-core:#050f28fa;--ol-flash:#60b8e899;--ol-accent:#80d0f0;--ol-emblem:"❄️";--ol-glow:#60b8e880}.cutin-layer[data-style=fire][data-element=lightning]{--ol-core:#140f05fa;--ol-flash:#f0d04099;--ol-accent:#f0d040;--ol-emblem:"⚡";--ol-glow:#f0d04080}.cutin-layer[data-style=fire][data-element=nature]{--ol-core:#05190afa;--ol-flash:#50c07099;--ol-accent:#60d080;--ol-emblem:"🌿";--ol-glow:#50c07080}.cutin-layer[data-style=fire][data-element=holy]{--ol-core:#1e190afa;--ol-flash:#f0d88099;--ol-accent:#f0e0a0;--ol-emblem:"☀️";--ol-glow:#f0d88080}.cutin-layer[data-style=fire][data-element=dark]{--ol-core:#0f0519fa;--ol-flash:#a070c099;--ol-accent:#c090e0;--ol-emblem:"💀";--ol-glow:#a070c080}.cutin-layer[data-style=fire][data-element=physical]{--ol-core:#140f0afa;--ol-flash:#c0b0a080;--ol-accent:#d0c0a0;--ol-emblem:"⚔️";--ol-glow:#c0b0a066}.cutin-layer[data-style=fire][data-element=arcane]{--ol-core:#0a081efa;--ol-flash:#8080e099;--ol-accent:#a0a0f0;--ol-emblem:"🔮";--ol-glow:#8080e080}.cutin-layer[data-style=fire].active:before{content:var(--ol-emblem,"⚔️");z-index:15;pointer-events:none;filter:drop-shadow(0 0 30px var(--ol-glow,#c8502899)) drop-shadow(0 0 60px var(--ol-glow,#c8502866));font-size:120px;animation:2.5s ease-out forwards overlord-emblem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes overlord-emblem{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-30deg)}25%{opacity:.8;transform:translate(-50%,-50%)scale(1.5)rotate(0)}40%{opacity:.5;transform:translate(-50%,-50%)scale(1)rotate(0)}55%{opacity:.2;transform:translate(-50%,-50%)scale(.8)}65%{opacity:0}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.cutin-layer[data-style=fire] #cutin-img{filter:drop-shadow(0 0 40px var(--ol-glow,#c8502899));animation:2.5s cubic-bezier(.16,1,.3,1) forwards overlord-img}@keyframes overlord-img{0%{opacity:0;filter:brightness(.2)blur(6px);transform:translateY(80%)scale(3)}20%{opacity:.3;filter:brightness(.4)blur(3px);transform:translateY(40%)scale(2)}45%{opacity:.9;filter:brightness(.9)blur();transform:translateY(0)scale(1.1)}60%{opacity:1;filter:brightness();transform:translateY(-5%)scale(1)}75%{opacity:1;transform:scale(1.05)}85%{opacity:.8;filter:brightness(2);transform:scale(1.5)}to{opacity:0;filter:brightness(4);transform:scale(3)}}.cutin-layer[data-style=fire] .cutin-info{animation:2.5s ease-out forwards overlord-text}@keyframes overlord-text{0%{opacity:0;transform:translateY(30px)}45%{opacity:0;transform:translateY(30px)}60%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:.8;transform:scale(1.3)}to{opacity:0;transform:scale(2)}}.cutin-layer[data-style=fire] .cutin-info .skill-name{text-shadow:0 0 15px var(--ol-accent,#f08040), 0 0 30px var(--ol-accent,#f08040), 0 0 60px var(--ol-glow,#c8502880), 0 0 120px var(--ol-glow,#c850284d);font-size:clamp(28px,7vw,72px)}.cutin-layer[data-style=fire] .cutin-info .unit-name{color:var(--ol-accent,#f08040);font-size:clamp(14px,3vw,28px)}.cutin-layer[data-style=fire].active .cutin-bg:after{content:"";background:radial-gradient(circle, var(--ol-accent,#f08040) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:120px;height:120px;animation:2.5s ease-out forwards overlord-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes overlord-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}75%{opacity:0;transform:translate(-50%,-50%)scale(0)}82%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(25)}}.cutin-layer[data-style=fire].active .cutin-quote{animation:2.5s ease-out forwards overlord-quote;display:block}@keyframes overlord-quote{0%{opacity:0;transform:translate(-50%)scale(.8)}50%{opacity:0}65%{opacity:1;transform:translate(-50%)scale(1.1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.3)}}.cutin-layer[data-style=lightning] .cutin-bg{background:radial-gradient(ellipse at center, #3c050ad9 0%, #0f0205e6 70%), var(--cutin-bg-img,none) center/cover no-repeat;width:300vw;height:300vh;box-shadow:none;border:none;animation:1.6s ease-out forwards pulse-bg}@keyframes pulse-bg{0%{opacity:0}15%{opacity:1}80%{opacity:1}85%{opacity:1;filter:brightness(2)saturate(2)}90%{opacity:1;filter:brightness(.8)}to{opacity:0}}.cutin-layer[data-style=lightning].active:before{content:"";z-index:15;pointer-events:none;animation:1.6s ease-out forwards pulse-vignette;position:absolute;inset:0;box-shadow:inset 0 0 60px #b4141e99,inset 0 0 120px #640a0f4d}@keyframes pulse-vignette{0%{opacity:0;box-shadow:inset 0 0 #b4141e00}20%{opacity:1;box-shadow:inset 0 0 80px #b4141eb3}35%{box-shadow:inset 0 0 30px #b4141e4d}50%{box-shadow:inset 0 0 90px #b4141ecc}65%{box-shadow:inset 0 0 20px #b4141e33}80%{box-shadow:inset 0 0 100px #c81e28e6}90%{box-shadow:inset 0 0 150px #dc2832}to{opacity:0;box-shadow:inset 0 0 #b4141e00}}.cutin-layer[data-style=lightning] #cutin-img{filter:drop-shadow(0 0 30px #b4141e99);animation:1.6s ease-out forwards pulse-img}@keyframes pulse-img{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}25%{transform:scale(.92)}35%{transform:scale(1.08)}50%{transform:scale(.94)}60%{transform:scale(1.06)}75%{transform:scale(.96)}85%{filter:brightness(2);transform:scale(1.3)}to{opacity:0;filter:brightness(3);transform:scale(2)}}.cutin-layer[data-style=lightning] .cutin-info{animation:1.6s ease-out forwards pulse-text}@keyframes pulse-text{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.cutin-layer[data-style=lightning] .cutin-info .skill-name{text-shadow:0 0 10px #e03040,0 0 20px #c02030,0 0 40px #b4141e80}.cutin-layer[data-style=lightning] .cutin-info .unit-name{color:#f06070}.cutin-layer[data-style=lightning].active .cutin-bg:after{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#c81e2880 0%,#0000 4%),radial-gradient(circle at 80% 60%,#b4141e66 0%,#0000 3%),radial-gradient(circle at 50% 80%,#dc283299 0%,#0000 5%),radial-gradient(circle at 70% 20%,#a00f194d 0%,#0000 3%);animation:1.6s ease-out forwards pulse-particles;position:absolute;inset:0}@keyframes pulse-particles{0%{opacity:0;transform:scale(.5)}25%{opacity:.6;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}75%{opacity:.8;transform:scale(1.2)}90%{opacity:.9;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.cutin-layer[data-style=frost] .cutin-bg{background:linear-gradient(0deg, #50412dd9 0%, #32281ccc 50%, #19140ed9 100%), var(--cutin-bg-img,none) center/cover no-repeat;width:300vw;height:300vh;box-shadow:none;border:none;animation:1.8s cubic-bezier(.16,1,.3,1) forwards fortress-bg}@keyframes fortress-bg{0%{opacity:0;transform:translateY(100%)}30%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(0)}60%{opacity:1;filter:brightness(.6);transform:translateY(0)}65%{filter:brightness(1.5)}70%{filter:brightness(.8)}80%{filter:brightness()}95%{opacity:.6}to{opacity:0}}.cutin-layer[data-style=frost].active:before{content:"";z-index:15;pointer-events:none;background:linear-gradient(170deg,#0000 48%,#ffc86499 49.5%,#0000 51%),linear-gradient(10deg,#0000 47%,#ffc86466 49%,#0000 51%),linear-gradient(95deg,#0000 49%,#ffc8644d 50%,#0000 51%);animation:1.8s ease-out forwards fortress-cracks;position:absolute;inset:0}@keyframes fortress-cracks{0%{opacity:0}30%{opacity:0}45%{opacity:.8}55%{opacity:1}65%{opacity:0}to{opacity:0}}.cutin-layer[data-style=frost] #cutin-img{filter:drop-shadow(0 0 20px #c8a05080);animation:1.8s cubic-bezier(.16,1,.3,1) forwards fortress-img}@keyframes fortress-img{0%{opacity:0;filter:brightness(.2);transform:scale(.6)}30%{opacity:.3;filter:brightness(.4);transform:scale(.8)}50%{opacity:.5;filter:brightness(.7);transform:scale(.9)}60%{opacity:1;filter:brightness(1.5);transform:scale(1.15)}70%{filter:brightness();transform:scale(1)}85%{transform:scale(1.05)}to{opacity:0;filter:brightness(2);transform:scale(1.5)}}.cutin-layer[data-style=frost] .cutin-info{animation:1.8s ease-out forwards fortress-text}@keyframes fortress-text{0%{opacity:0;transform:translateY(40px)}35%{opacity:0;transform:translateY(40px)}55%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.cutin-layer[data-style=frost] .cutin-info .skill-name{text-shadow:0 0 10px #d0b060,0 0 20px #a08040,0 0 40px #a0783c80}.cutin-layer[data-style=frost] .cutin-info .unit-name{color:#d0c0a0}.cutin-layer[data-style=frost].active .cutin-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#c8a05080 0%,#0000 70%);border-radius:50%;width:100px;height:100px;animation:1.8s ease-out forwards fortress-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes fortress-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}55%{opacity:0;transform:translate(-50%,-50%)scale(0)}65%{opacity:.9;transform:translate(-50%,-50%)scale(.7)}to{opacity:0;transform:translate(-50%,-50%)scale(22)}}.cutin-layer[data-style=frost].active .cutin-quote{animation:1.8s ease-out forwards fortress-quote;display:block}@keyframes fortress-quote{0%{opacity:0;transform:translate(-50%)translateY(10px)}40%{opacity:0}60%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}.cutin-layer[data-style=arcane] .cutin-bg{background:radial-gradient(ellipse at center, #0f0f1ed9 0%, #05050fe6 70%), var(--cutin-bg-img,none) center/cover no-repeat;width:300vw;height:300vh;box-shadow:none;border:none;animation:1.4s ease-out forwards mirage-bg}@keyframes mirage-bg{0%{opacity:0}10%{opacity:1}75%{opacity:1}80%{opacity:1;filter:brightness(3)}85%{filter:brightness(.8)}to{opacity:0}}.cutin-layer[data-style=arcane].active:before{content:"";z-index:12;pointer-events:none;background:radial-gradient(circle at 20% 35%,#c8c8ff26 0%,#0000 15%),radial-gradient(circle at 75% 25%,#c8c8ff1f 0%,#0000 12%),radial-gradient(circle at 30% 70%,#c8c8ff2e 0%,#0000 18%),radial-gradient(circle at 80% 65%,#c8c8ff1a 0%,#0000 10%),radial-gradient(circle,#fff3 0%,#0000 8%);animation:1.4s ease-out forwards mirage-ghosts;position:absolute;inset:0}@keyframes mirage-ghosts{0%{opacity:0;transform:scale(1.5)}15%{opacity:.8;transform:scale(1)}40%{opacity:.6;transform:scale(.9)rotate(5deg)}55%{opacity:.8;transform:scale(.5)rotate(-3deg)}70%{opacity:.3;transform:scale(.2)rotate(0)}80%{opacity:0;transform:scale(0)}to{opacity:0}}.cutin-layer[data-style=arcane] #cutin-img{filter:drop-shadow(0 0 15px #c8c8ff80);animation:1.4s cubic-bezier(.22,1,.36,1) forwards mirage-img}@keyframes mirage-img{0%{opacity:.3;filter:blur(3px);transform:scale(.5)translate(-40px)}10%{opacity:.5;filter:blur(2px);transform:scale(.8)translate(20px)}20%{opacity:.4;filter:blur(2px);transform:scale(.7)translate(-15px)}35%{opacity:.6;filter:blur(1px);transform:scale(.9)translate(10px)}55%{opacity:1;filter:blur();transform:scale(1)translate(0)}70%{transform:scale(1.05)}80%{filter:brightness(3);transform:scale(1)}85%{filter:brightness()}to{opacity:0;transform:scale(.8)translate(80px)}}.cutin-layer[data-style=arcane] .cutin-info{animation:1.4s ease-out forwards mirage-text}@keyframes mirage-text{0%{opacity:0;transform:translate(-20px)}55%{opacity:0}65%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0;transform:translate(15px)}}.cutin-layer[data-style=arcane] .cutin-info .skill-name{text-shadow:0 0 8px #c8c8ff99,0 0 16px #9696dc66}.cutin-layer[data-style=arcane] .cutin-info .unit-name{color:#c0c0f0}.cutin-layer[data-style=arcane].active .cutin-bg:after{content:"";pointer-events:none;border:2px solid #c8c8ffcc;border-radius:50%;width:80px;height:80px;animation:1.4s ease-out forwards mirage-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 15px #c8c8ff80}@keyframes mirage-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}75%{opacity:0;transform:translate(-50%,-50%)scale(0)}82%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(15)}}.anim-atk-r{animation:.4s ease-out attack-right}.anim-atk-l{animation:.4s ease-out attack-left}.anim-hit{animation:.35s ease-out hit-shake}.anim-atk-highlight{z-index:10;animation:.5s ease-out atk-highlight-pulse}@keyframes atk-highlight-pulse{0%{filter:brightness(1.3);box-shadow:0 0 #ffdc64cc}50%{filter:brightness(1.15);box-shadow:0 0 12px 4px #ffdc6480}to{filter:brightness();box-shadow:0 0 #0000}}.anim-hit-highlight{animation:.4s ease-out hit-highlight-flash}@keyframes hit-highlight-flash{0%{filter:brightness(1.4);box-shadow:0 0 #e05c52e6}30%{filter:brightness(1.2);box-shadow:0 0 14px 5px #e05c5299}to{filter:brightness();box-shadow:0 0 #0000}}.anim-skill-target{z-index:5;animation:.6s ease-out skill-target-hit}@keyframes skill-target-hit{0%{transform:scale(1);box-shadow:0 0 #ff3c3ce6}15%{transform:scale(.95);box-shadow:0 0 16px 6px #ff3c3cb3}40%{transform:scale(1.02);box-shadow:0 0 10px 3px #ff3c3c66}to{transform:scale(1);box-shadow:0 0 #0000}}.anim-skill-target-heal{z-index:5;animation:.6s ease-out skill-target-heal}@keyframes skill-target-heal{0%{box-shadow:0 0 #3dba76e6}30%{filter:brightness(1.2);box-shadow:0 0 14px 5px #3dba7699}to{filter:brightness();box-shadow:0 0 #0000}}.anim-skill{animation:.6s ease-out skill-burst}.anim-heal{animation:.5s ease-out heal-pulse}.anim-death{animation:.6s ease-out forwards death-fade}.anim-revive{animation:.7s ease-out revive-flash}.anim-enrage{animation:1s ease-in-out infinite enrage-glow}.dmg-float{z-index:100;pointer-events:none;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 8px #000c,0 0 3px #0009;letter-spacing:.5px;white-space:nowrap;font-family:Cinzel,serif;font-size:clamp(14px,1.8vw,18px);font-weight:800;animation:1s ease-out forwards float-up;position:absolute}.float-strong{text-shadow:-1px -1px #000000e6,1px -1px #000000e6,-1px 1px #000000e6,1px 1px #000000e6,0 0 8px #f0a03080;font-size:22px;animation:.95s ease-out forwards float-up-strong}@keyframes float-up-strong{0%{opacity:1;transform:translateY(0)scale(1.4)}30%{opacity:1;transform:translateY(-16px)scale(1.05)}to{opacity:0;transform:translateY(-42px)scale(.95)}}.float-weak{opacity:.75;font-size:12px}.float-crit{text-shadow:-1px -1px #000000e6,1px -1px #000000e6,-1px 1px #000000e6,1px 1px #000000e6,0 0 10px #f0d04099;font-size:24px;animation:.95s ease-out forwards float-crit}@keyframes float-crit{0%{opacity:1;transform:translateY(0)scale(1.5)}15%{transform:translateY(-6px)scale(1.5)rotate(-6deg)}30%{transform:translateY(-14px)scale(1.4)rotate(5deg)}to{opacity:0;transform:translateY(-55px)scale(1)}}.float-poison,.float-shield{font-size:13px}.float-revive{text-shadow:-1px -1px #000000e6,1px -1px #000000e6,-1px 1px #000000e6,1px 1px #000000e6,0 0 12px #d4a84399;font-size:18px;animation:.95s ease-out forwards float-revive}@keyframes float-revive{0%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(-50px)scale(1)}}.float-status{font-size:14px;animation:.95s ease-out forwards float-status}@keyframes float-status{0%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-40px)scale(1)}}.dmg-float[style*="color:#3dba76"],.dmg-float[style*="color: #3dba76"]{text-shadow:-1px -1px #000000e6,1px -1px #000000e6,-1px 1px #000000e6,1px 1px #000000e6,0 0 8px #3dba7680}.eff-stun{border-color:#f0d04080}.eff-stun small{color:#f0d040}.eff-poison{background:#a070c026;border-color:#a070c080}.eff-poison small{color:#c090e0}.eff-slow{background:#60b8e826;border-color:#60b8e880}.eff-slow small{color:#60b8e8}.eff-fortified{background:#d4a84326;border-color:#d4a84380}.eff-fortified small{color:var(--gold)}.eff-burn{background:#e8503026;border-color:#e8503080}.eff-burn small{color:#e85030}#app{--shake-intensity:4px;--app-transform: }.shake-linear{animation:.2s ease-out shake-linear-kf}@keyframes shake-linear-kf{0%{transform:var(--app-transform) translateX(var(--shake-intensity))}25%{transform:var(--app-transform) translateX(calc(var(--shake-intensity) * -.7))}50%{transform:var(--app-transform) translateX(calc(var(--shake-intensity) * .4))}75%{transform:var(--app-transform) translateX(calc(var(--shake-intensity) * -.2))}to{transform:var(--app-transform) translateX(0)}}.shake-radial{animation:.4s ease-out shake-radial-kf}@keyframes shake-radial-kf{0%{transform:var(--app-transform) translate(var(--shake-intensity), var(--shake-intensity))}15%{transform:var(--app-transform) translate(calc(var(--shake-intensity) * -.8), calc(var(--shake-intensity) * .6))}30%{transform:var(--app-transform) translate(calc(var(--shake-intensity) * .6), calc(var(--shake-intensity) * -.8))}45%{transform:var(--app-transform) translate(calc(var(--shake-intensity) * -.4), calc(var(--shake-intensity) * .3))}60%{transform:var(--app-transform) translate(calc(var(--shake-intensity) * .2), calc(var(--shake-intensity) * -.2))}to{transform:var(--app-transform) translate(0, 0)}}.slow-motion{animation:.8s ease-out slow-motion-pulse}.slow-motion .cell,.slow-motion .cell *{transition-duration:.8s!important;animation-duration:1.6s!important}@keyframes slow-motion-pulse{0%{filter:brightness()contrast()}20%{filter:brightness(1.3)contrast(1.2)saturate(1.4)}50%{filter:brightness(1.1)contrast(1.1)saturate(1.2)}to{filter:brightness()contrast()saturate()}}.slow-motion-overlay{z-index:4000;pointer-events:none;background:radial-gradient(circle,#0000 30%,#0000004d 100%);animation:.8s ease-out forwards slow-motion-vignette;position:fixed;inset:0}@keyframes slow-motion-vignette{0%{opacity:0}20%{opacity:1}80%{opacity:.6}to{opacity:0}}.hit-stop .cell,.hit-stop .cell *{transition:none!important;animation-play-state:paused!important}.anim-white-flash .u-img{animation:.15s ease-out white-flash-kf}@keyframes white-flash-kf{0%{filter:brightness(3)saturate(0)}to{filter:brightness()saturate()}}.hit-el-fire .u-img{animation:.5s ease-out el-hit-fire}@keyframes el-hit-fire{0%{filter:brightness(1.5)sepia()saturate(3)hue-rotate(-10deg)}to{filter:brightness()sepia(0)saturate()}}.hit-el-frost .u-img{animation:.5s ease-out el-hit-frost}@keyframes el-hit-frost{0%{filter:brightness(1.3)saturate(.5)hue-rotate(180deg)}to{filter:brightness()saturate()hue-rotate()}}.hit-el-lightning .u-img{animation:.35s ease-out el-hit-lightning}@keyframes el-hit-lightning{0%{filter:brightness(2.5)contrast(1.5)}30%{filter:brightness()contrast()}50%{filter:brightness(2)contrast(1.3)}to{filter:brightness()contrast()}}.hit-el-nature .u-img{animation:.5s ease-out el-hit-nature}@keyframes el-hit-nature{0%{filter:brightness(1.2)hue-rotate(60deg)saturate(2)}to{filter:brightness()hue-rotate()saturate()}}.hit-el-holy .u-img{animation:.5s ease-out el-hit-holy}@keyframes el-hit-holy{0%{filter:brightness(2)saturate(.3);box-shadow:0 0 20px #f0d88099}to{filter:brightness()saturate();box-shadow:none}}.hit-el-dark .u-img{animation:.5s ease-out el-hit-dark}@keyframes el-hit-dark{0%{filter:brightness(.3)contrast(1.5)}to{filter:brightness()contrast()}}.hit-el-physical .u-img{animation:.3s ease-out el-hit-physical}@keyframes el-hit-physical{0%{translate:4px}30%{translate:-3px}to{translate:0}}.hit-el-arcane .u-img{animation:.5s ease-out el-hit-arcane}@keyframes el-hit-arcane{0%{filter:brightness(1.3)hue-rotate(270deg)saturate(2)}to{filter:brightness()hue-rotate()saturate()}}.float-poison{font-size:12px;animation:.9s ease-out forwards float-drift}@keyframes float-drift{0%{opacity:.8;transform:translate(0)}to{opacity:0;transform:translate(20px,-25px)}}.cutin-layer[data-style=holy] .cutin-bg{background:radial-gradient(ellipse at center, #50461eb3 0%, #1e190ae6 60%), var(--cutin-bg-img,none) center/cover no-repeat;border:none;width:300vw;height:300vh;animation:2s ease-out forwards holy-bg;box-shadow:0 0 100px #f0d8804d}@keyframes holy-bg{0%{opacity:0;filter:brightness(.5)}15%{opacity:1;filter:brightness()}50%{opacity:1;filter:brightness(1.2)}75%{opacity:1;filter:brightness(1.5)}90%{opacity:.8;filter:brightness(2)}to{opacity:0;filter:brightness(3)}}.cutin-layer[data-style=holy].active:before{content:"";z-index:2;background:radial-gradient(at 50% 30%,#fff0b499 0%,#0000 40%),radial-gradient(at 50% 70%,#ffdc824d 0%,#0000 30%);animation:2s ease-out forwards holy-pillar;position:absolute;inset:0}@keyframes holy-pillar{0%{opacity:0;transform:scaleY(.3)}20%{opacity:1;transform:scaleY(1)}60%{opacity:.8;transform:scaleY(1.2)}to{opacity:0;transform:scaleY(1.5)}}.cutin-layer[data-style=holy].active .cutin-bg:after{content:"";z-index:1;border:3px solid #f0d88080;border-radius:50%;animation:2s ease-out forwards holy-halo;position:absolute;inset:0;box-shadow:0 0 40px #f0d88066}@keyframes holy-halo{0%{opacity:0;transform:scale(0)}25%{opacity:1;transform:scale(.3)}50%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(20)}}.cutin-layer[data-style=holy] #cutin-img{filter:drop-shadow(0 0 40px #f0d88099);animation:2s ease-out forwards holy-img}@keyframes holy-img{0%{opacity:0;filter:brightness(3);transform:scale(.5)translateY(40%)}20%{opacity:.8;filter:brightness(1.5);transform:scale(1.2)translateY(10%)}40%{opacity:1;filter:brightness();transform:scale(1)translateY(0)}70%{opacity:1;transform:scale(1.05)}85%{filter:brightness(2);transform:scale(1.3)}to{opacity:0;filter:brightness(4);transform:scale(2)}}.cutin-layer[data-style=holy] .cutin-info{animation:2s ease-out forwards holy-text}@keyframes holy-text{0%{opacity:0;transform:translateY(30px)}25%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0;transform:translateY(-15px)}}.cutin-layer[data-style=holy] .cutin-info .skill-name{text-shadow:0 0 10px #f0d880,0 0 20px #e0c860,0 0 40px #f0d88080,0 0 80px #f0d8804d}.cutin-layer[data-style=holy] .cutin-info .unit-name{color:#f0e0a0}.cutin-layer[data-style=holy] .cutin-quote{color:#f0d880e6;text-shadow:0 0 20px #f0d88099;animation:2s ease-out forwards holy-quote}@keyframes holy-quote{0%{opacity:0;transform:scale(.8)translateY(20px)}40%{opacity:0}55%{opacity:1;transform:scale(1.05)}80%{opacity:1}to{opacity:0;transform:scale(1.1)translateY(-10px)}}.cutin-layer.dismissing .cutin-info,.cutin-layer.dismissing .cutin-quote{animation:.3s ease-in forwards cutin-dismiss-content!important}@keyframes cutin-dismiss-content{to{opacity:0;transform:scale(.8)}}.cutin-layer.dismissing[data-element=fire] .cutin-bg{animation:.6s ease-in forwards dismiss-fire!important}@keyframes dismiss-fire{0%{opacity:1;filter:brightness()}30%{opacity:1;filter:brightness(2)saturate(3)}50%{opacity:.8;filter:brightness(3)saturate(4);background-blend-mode:screen;box-shadow:inset 0 0 100px #ff6414cc}70%{opacity:.5;filter:brightness(4);box-shadow:inset 0 0 200px #ff3c00}to{opacity:0;filter:brightness(6)}}.cutin-layer.dismissing[data-element=lightning] .cutin-bg{animation:.6s steps(8,end) forwards dismiss-lightning!important}@keyframes dismiss-lightning{0%{opacity:1;filter:brightness();transform:translate(0)}12%{opacity:1;filter:brightness(3)invert(.2);transform:translate(-8px)skew(3deg)}25%{opacity:.8;filter:brightness(.5);transform:translate(6px)skew(-2deg)}37%{opacity:1;filter:brightness(4)invert(.3);transform:translate(-4px)}50%{opacity:.5;filter:brightness(.3);transform:translate(3px)skew(1deg)}62%{opacity:.8;filter:brightness(5);transform:translate(-2px)}75%{opacity:.3;filter:brightness(.2);transform:translate(1px)}to{opacity:0;filter:brightness(6)}}.cutin-layer.dismissing[data-element=frost] .cutin-bg{animation:.6s ease-out forwards dismiss-frost!important}@keyframes dismiss-frost{0%{opacity:1;filter:brightness()saturate()}30%{opacity:1;filter:brightness(1.5)saturate(.3)hue-rotate(20deg);box-shadow:inset 0 0 60px #96dcff80}50%{opacity:1;filter:brightness(2)saturate(.1)contrast(1.5);box-shadow:inset 0 0 120px #c8f0ffcc}70%{opacity:.6;filter:brightness(3)contrast(2);clip-path:polygon(0 0,45% 10%,100% 0,90% 55%,100% 100%,55% 85%,0 100%,15% 50%)}to{opacity:0;filter:brightness(4);clip-path:polygon(20% 20%,50% 0%,80% 20%,100% 50%,80% 80%,50% 100%,20% 80%,0% 50%);transform:scale(1.3)}}.cutin-layer.dismissing[data-element=nature] .cutin-bg{animation:.6s ease-out forwards dismiss-nature!important}@keyframes dismiss-nature{0%{opacity:1;filter:brightness()}20%{opacity:1;filter:brightness(1.2)hue-rotate(-10deg);box-shadow:inset 0 100px 60px -30px #3cb45099}40%{opacity:1;filter:brightness(.8)hue-rotate(-20deg);box-shadow:inset 0 0 80px #28a03ccc}60%{opacity:.7;filter:brightness(.5)hue-rotate(-30deg)saturate(2);box-shadow:inset 0 0 150px #1e7828}to{opacity:0;filter:brightness(.2)hue-rotate(-40deg)}}.cutin-layer.dismissing[data-element=physical] .cutin-bg{position:relative;animation:.6s ease-out forwards dismiss-physical!important}.cutin-layer.dismissing[data-element=physical]:before{content:"";z-index:6000;background:linear-gradient(135deg,#0000 44%,#ffc864e6 49%,#ffffc8 50%,#ffc864e6 51%,#0000 56%),linear-gradient(45deg,#0000 44%,#ffc864e6 49%,#ffffc8 50%,#ffc864e6 51%,#0000 56%);animation:.6s ease-out forwards dismiss-physical-slash;position:absolute;inset:0}@keyframes dismiss-physical{0%{opacity:1}40%{opacity:1}60%{opacity:.8;filter:brightness(.6)sepia(.5)}80%{opacity:.4;filter:brightness(.3)sepia(.8)}to{opacity:0}}@keyframes dismiss-physical-slash{0%{opacity:0;transform:scale(.3)rotate(10deg)}20%{opacity:1;transform:scale(1.5)rotate(0)}40%{opacity:.8;transform:scale(1)}60%{opacity:.4;filter:brightness(.5)}to{opacity:0}}.cutin-layer.dismissing[data-element=dark] .cutin-bg{animation:.6s ease-in forwards dismiss-dark!important}@keyframes dismiss-dark{0%{opacity:1;filter:brightness();transform:scale(1)}20%{opacity:1;filter:brightness(.8);transform:scale(.95)}40%{opacity:.9;filter:brightness(.5);border-radius:10%;transform:scale(.8)}60%{opacity:.7;filter:brightness(.3);border-radius:30%;transform:scale(.5)rotate(30deg)}80%{opacity:.4;filter:brightness(.1);border-radius:50%;transform:scale(.2)rotate(90deg)}to{opacity:0;transform:scale(0)rotate(180deg)}}.cutin-layer.dismissing[data-element=holy] .cutin-bg{animation:.6s ease-out forwards dismiss-holy!important}@keyframes dismiss-holy{0%{opacity:1;filter:brightness()}25%{opacity:1;filter:brightness(2);box-shadow:inset 0 0 80px #fff0b499}50%{opacity:1;filter:brightness(4)saturate(.5);box-shadow:inset 0 0 200px #ffffdc}75%{opacity:.5;filter:brightness(6)saturate(0);box-shadow:inset 0 0 300px #fff}to{opacity:0;filter:brightness(8)}}.cutin-layer.dismissing[data-element=arcane] .cutin-bg{animation:.6s ease-out forwards dismiss-arcane!important}@keyframes dismiss-arcane{0%{opacity:1;filter:brightness();transform:scale(1)}15%{opacity:1;filter:brightness(3)hue-rotate(60deg);transform:scale(1.05)}30%{opacity:.3;filter:brightness(.5)hue-rotate(120deg);transform:scale(.95)}45%{opacity:1;filter:brightness(5)hue-rotate(180deg);transform:scale(1.1)}60%{opacity:.1;filter:brightness(.3)hue-rotate(240deg);transform:scale(.9)}75%{opacity:.8;filter:brightness(8)hue-rotate(300deg);transform:scale(1.2)}to{opacity:0;filter:brightness(10)hue-rotate(360deg);transform:scale(0)}}.tut-overlay{z-index:9000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#000000bf;transition:clip-path .4s ease-out;position:fixed;inset:0}.tut-tooltip{z-index:9100;border:2px solid var(--gold);background:linear-gradient(135deg,#140f23f7,#231937f7);border-radius:clamp(8px,1.2vw,12px);max-width:clamp(200px,60vw,320px);padding:clamp(10px,1.5vh,16px) clamp(12px,1.5vw,20px);animation:.3s ease-out tut-appear;display:none;position:fixed;box-shadow:0 8px 32px #0009,0 0 20px #d4a84333}@keyframes tut-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tut-tt-title{color:var(--gold-light);margin-bottom:clamp(3px,.5vh,6px);font-family:Cinzel,serif;font-size:clamp(14px,2vw,18px);font-weight:700}.tut-tt-desc{color:var(--parchment);margin-bottom:clamp(8px,1vh,12px);font-size:clamp(11px,1.5vw,14px);line-height:1.5}.tut-tt-btn{color:#fff;background:linear-gradient(135deg, var(--royal), var(--royal-dark));border:1px solid var(--gold);cursor:pointer;border-radius:clamp(4px,.6vw,6px);padding:clamp(5px,.8vh,8px) clamp(12px,2vw,20px);font-family:Cinzel,serif;font-size:clamp(11px,1.4vw,14px);font-weight:700;transition:background .2s,transform .15s;display:inline-block}.tut-tt-btn:hover{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--royal-dark);transform:scale(1.05)}.tut-skip{z-index:9200;color:#fff9;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:4px;padding:clamp(4px,.5vh,6px) clamp(8px,1vw,12px);font-family:Cinzel,serif;font-size:clamp(10px,1.2vw,12px);transition:color .2s,border-color .2s;position:fixed;top:clamp(6px,1vh,12px);left:50%;transform:translate(-50%)}.tut-skip:hover{color:#fff;border-color:var(--gold)}.tut-glow{animation:1s ease-in-out infinite alternate tut-btn-glow!important;box-shadow:0 0 20px #d4a84399,0 0 40px #d4a8434d!important}@keyframes tut-btn-glow{0%{box-shadow:0 0 20px #d4a84399,0 0 40px #d4a8434d}to{box-shadow:0 0 30px #d4a843e6,0 0 60px #d4a84380}}.tut-log-highlight{border:2px solid var(--gold)!important;box-shadow:0 0 12px #d4a8434d!important}.tut-log-highlight>div:last-child{animation:.5s ease-out tut-log-flash}@keyframes tut-log-flash{0%{background:#d4a84333}to{background:0 0}}.tut-complete-overlay{z-index:9500;background:#000c;justify-content:center;align-items:center;padding:clamp(12px,2vw,24px);animation:.5s ease-out tut-appear;display:flex;position:fixed;inset:0}.tut-complete-card{text-align:center;border:2px solid var(--gold);background:linear-gradient(135deg,#140f23fa,#281e3cfa);border-radius:clamp(10px,1.5vw,16px);max-width:90vw;padding:clamp(20px,4vh,40px) clamp(24px,5vw,50px);box-shadow:0 16px 64px #0009,0 0 40px #d4a84333}.tut-complete-ico{margin-bottom:clamp(6px,1vh,12px);font-size:clamp(40px,8vw,64px)}.tut-complete-card h2{color:var(--gold-light);margin-bottom:clamp(4px,.8vh,8px);font-family:Cinzel,serif;font-size:clamp(18px,4vw,28px)}.tut-complete-card p{color:var(--parchment);margin-bottom:clamp(14px,2.5vh,24px);font-size:clamp(12px,2vw,16px)}.tut-complete-btn{color:#fff;background:linear-gradient(135deg, var(--royal), var(--royal-dark));border:2px solid var(--gold);cursor:pointer;border-radius:clamp(6px,1vw,8px);padding:clamp(8px,1.2vh,12px) clamp(20px,4vw,32px);font-family:Cinzel,serif;font-size:clamp(14px,2.5vw,18px);font-weight:700;transition:background .2s,transform .15s}.tut-complete-btn:hover{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--royal-dark);transform:scale(1.05)}.tut-welcome-overlay{z-index:10000;background:radial-gradient(#0f121ef2 0%,#05050afa 100%);justify-content:center;align-items:center;animation:.6s ease-out tut-welcome-in;display:flex;position:fixed;inset:0}@keyframes tut-welcome-in{0%{opacity:0}to{opacity:1}}.tut-welcome-fadeout{animation:.4s ease-in forwards tut-welcome-out}@keyframes tut-welcome-out{0%{opacity:1}to{opacity:0}}.tut-welcome-panel{text-align:center;flex-direction:column;align-items:center;max-width:min(90vw,520px);padding:40px 32px;animation:.8s ease-out tut-welcome-rise;display:flex}@keyframes tut-welcome-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tut-welcome-crown{filter:drop-shadow(0 0 20px #d4a84366);margin-bottom:12px;font-size:clamp(48px,8vw,72px);animation:3s ease-in-out infinite tut-crown-float}@keyframes tut-crown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tut-welcome-title{color:#e8dcc0;letter-spacing:.08em;text-shadow:0 2px 12px #d4a8434d;margin:0 0 8px;font-family:Cinzel,serif;font-size:clamp(22px,4.5vw,38px);font-weight:800}.tut-welcome-sub{color:#c8beaab3;letter-spacing:.03em;margin:0 0 20px;font-size:clamp(11px,1.6vw,15px);line-height:1.5}.tut-welcome-divider{background:linear-gradient(90deg,#0000,#d4a8434d,#0000);width:60%;height:1px;margin-bottom:20px}.tut-welcome-desc{color:#d2cdbe99;margin-bottom:28px;font-size:clamp(12px,1.5vw,15px);line-height:1.7}.tut-welcome-desc p{margin:0 0 10px}.tut-welcome-btn{color:#1a1e2e;cursor:pointer;letter-spacing:.06em;background:linear-gradient(135deg,#d4a843,#c09030);border:none;border-radius:8px;margin-bottom:14px;padding:12px 48px;font-family:Cinzel,serif;font-size:clamp(14px,2vw,18px);font-weight:700;transition:all .2s;box-shadow:0 4px 16px #d4a8434d}.tut-welcome-btn:hover{background:linear-gradient(135deg,#e0b850,#d0a040);transform:translateY(-2px);box-shadow:0 6px 24px #d4a84366}.tut-welcome-skip{color:#b4afa066;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:clamp(11px,1.2vw,13px);transition:color .2s}.tut-welcome-skip:hover{color:#c8c3b4b3}.tut-summary-tip{z-index:10;background:#0009;justify-content:center;align-items:center;animation:.3s ease-out tut-welcome-in;display:flex;position:absolute;inset:0}.tut-summary-tip-content{background:linear-gradient(145deg,#1e2236,#141824);border:1px solid #d4a8434d;border-radius:10px;max-width:min(90%,380px);padding:20px 24px;box-shadow:0 8px 32px #00000080}.tut-summary-tip-title{color:#e8dcc0;text-align:center;margin-bottom:12px;font-family:Cinzel,serif;font-size:clamp(14px,2vw,18px);font-weight:700}.tut-summary-tip-desc{color:#d2cdbebf;margin-bottom:16px;font-size:clamp(11px,1.3vw,14px);line-height:1.6}.tut-summary-tip-desc b{color:#d8d0c0}.tut-summary-tip-btn{color:#1a1e2e;cursor:pointer;letter-spacing:.05em;background:linear-gradient(135deg,#d4a843,#c09030);border:none;border-radius:6px;margin:0 auto;padding:8px 32px;font-family:Cinzel,serif;font-size:clamp(12px,1.3vw,15px);font-weight:700;transition:all .2s;display:block}.tut-summary-tip-btn:hover{background:linear-gradient(135deg,#e0b850,#d0a040);transform:translateY(-1px)}#loading-screen{z-index:9999;justify-content:center;align-items:center;gap:clamp(12px,3vw,40px);transition:opacity .6s ease-out,visibility .6s;display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.ls-bg{background:radial-gradient(at 50% 40%,#141e32d9 0%,#08060cfa 70%),linear-gradient(#0a0810 0%,#10141e 100%);position:absolute;inset:0}.ls-bg:after{content:"";pointer-events:none;background:radial-gradient(#0000004d 0%,#000000b3 100%);position:absolute;inset:0}.ls-unit-side{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(4px,.6vh,8px);width:clamp(120px,26vw,340px);display:flex;position:relative}.ls-content{z-index:1;flex-direction:column;flex:1;align-items:center;gap:clamp(6px,1.2vh,14px);min-width:0;max-width:min(40vw,50vh);padding:clamp(8px,1.5vh,20px) clamp(12px,2vw,24px);display:flex;position:relative}.ls-unit-showcase{width:clamp(150px,min(32vw,46vh),420px);height:clamp(150px,min(32vw,46vh),420px);position:relative}.ls-unit-img{object-fit:cover;filter:brightness(0)drop-shadow(0 0 clamp(8px,1.5vw,20px) #d4a8434d);border:clamp(1px,.15vw,2px) solid #d4a8434d;border-radius:50%;width:100%;height:100%;animation:1.5s ease-out forwards ls-silhouette-reveal}@keyframes ls-silhouette-reveal{0%{filter:brightness(0)drop-shadow(0 0 clamp(8px,1.5vw,20px) #d4a8434d)}50%{filter:brightness(0)drop-shadow(0 0 clamp(12px,2vw,30px) #d4a84380)}to{filter:brightness()drop-shadow(0 0 clamp(6px,1.2vw,16px) #d4a84340)}}.ls-unit-name{text-align:center;color:#d4a843f2;text-shadow:0 0 clamp(6px,1vw,14px) #d4a84366,0 1px 3px #000000e6,0 0 20px #0009;opacity:0;margin-top:clamp(2px,.4vh,6px);font-family:Cinzel,serif;font-size:clamp(13px,min(1.8vw,2.6vh),22px);animation:.7s ease-out 1.3s forwards ls-fade-in}.ls-title h1{color:#d4a843;text-align:center;letter-spacing:.08em;text-shadow:0 0 clamp(14px,2.5vw,30px) #d4a84380,0 0 60px #d4a84333,0 2px 6px #000,0 4px 12px #000c;font-family:Cinzel,serif;font-size:clamp(26px,min(5vw,7vh),56px);line-height:1.2}.ls-title h1 span{font-size:1.15em;display:block}.ls-lore{color:#d2c8b4e6;text-align:center;text-shadow:0 0 8px #000,0 0 16px #000000e6,0 0 30px #000000b3,0 1px 3px #000;opacity:0;width:100%;min-height:2em;font-size:clamp(13px,min(1.7vw,2.4vh),20px);font-style:italic;line-height:1.5;animation:.7s ease-out 1.3s forwards ls-fade-in}.ls-skill{color:#c8aafff2;text-align:center;text-shadow:0 0 8px #000,0 0 16px #000000e6,0 0 30px #000000b3,0 0 10px #8c64dc66;opacity:0;width:100%;font-size:clamp(11px,min(1.4vw,2vh),17px);line-height:1.4;animation:.7s ease-out 1.6s forwards ls-fade-in}.ls-element-chart{opacity:0;flex-direction:column;align-items:center;gap:clamp(2px,.4vh,6px);animation:.8s ease-out .6s forwards ls-fade-in;display:flex}.ls-el-row{align-items:center;gap:clamp(3px,min(.6vw,.8vh),8px);display:flex}.ls-el{filter:drop-shadow(0 0 clamp(3px,.5vw,6px))drop-shadow(0 0 10px #000c);font-size:clamp(16px,min(2.4vw,3.2vh),28px)}.ls-el small{opacity:.7;font-size:.6em}.ls-el-arrow{color:#c8beaa99;text-shadow:0 1px 3px #000c;font-size:clamp(12px,min(1.5vw,2vh),18px);font-weight:700}.ls-el-arrow.dual{color:#dcb478b3}.ls-el-sep{color:#c8beaa59;font-size:clamp(10px,min(1.3vw,1.7vh),16px)}.ls-spinner{margin:clamp(2px,.4vh,6px) 0}.ls-shuriken{color:#d4a843cc;filter:drop-shadow(0 0 clamp(4px,.6vw,8px) #d4a84366);font-size:clamp(22px,min(3.5vw,5vh),40px);animation:1.2s linear infinite ls-spin}@keyframes ls-spin{to{transform:rotate(360deg)}}.ls-progress{background:#ffffff0f;border-radius:clamp(1px,.2vw,3px);width:min(80%,35vh);height:clamp(2px,.35vh,5px);overflow:hidden}.ls-progress-fill{background:linear-gradient(90deg,#e85030,#f0d040,#50c070,#60b8e8,#a070c0) 0 0/200% 100%;border-radius:clamp(1px,.2vw,3px);width:0%;height:100%;transition:width .3s ease-out;animation:2s linear infinite ls-progress-gradient}@keyframes ls-progress-gradient{0%{background-position:0%}to{background-position:200%}}.ls-status{color:#d2c8b4cc;letter-spacing:.05em;text-shadow:0 1px 4px #000000e6;font-size:clamp(10px,min(1.2vw,1.7vh),15px)}@keyframes ls-fade-in{0%{opacity:0;transform:translateY(clamp(3px,.5vh,6px))}to{opacity:1;transform:translateY(0)}}#unit-overlay{z-index:9900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06040ae6;justify-content:center;align-items:center;padding:clamp(8px,2vw,20px);animation:.3s ease-out fade-in;display:none;position:fixed;inset:0}.overlay-card{background:radial-gradient(at 50% 0,#506eaa0f 0%,#0000 50%),linear-gradient(#1c1a22 0%,#141218 40%,#100e16 100%);border:1px solid #6482b426;border-radius:10px;width:min(850px,45vw);max-height:min(850px,88vh);position:relative;overflow-y:auto;box-shadow:0 0 60px #000000b3,0 0 30px #5064a00d,inset 0 1px #7896c80f}.overlay-card:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a8434d,#648cc826,#d4a8434d,#0000);flex-direction:column;height:1px;display:flex;position:relative;top:0;left:20px;right:20px;overflow:hidden auto;box-shadow:0 0 50px #0009,inset 0 1px #7896c80f}.overlay-card::-webkit-scrollbar{width:3px}.overlay-card::-webkit-scrollbar-track{background:0 0}.overlay-card::-webkit-scrollbar-thumb{background:#648cc826;border-radius:3px}.overlay-card:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#d4a8434d,#648cc826,#d4a8434d,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.overlay-visual{background:#00000040;border-bottom:1px solid #6482b41a;flex-shrink:0;justify-content:center;align-items:center;height:clamp(200px,50vh,450px);display:flex}.overlay-visual .o-img{object-fit:contain;filter:drop-shadow(0 0 16px #d4a84333);max-width:100%;max-height:100%}.overlay-info{border-bottom:1px solid #6482b414;flex-shrink:0;padding:clamp(3px,.5vh,5px) clamp(10px,1.5vw,18px)}.o-name{color:#d4a843e6;text-align:center;text-shadow:0 0 12px #d4a84326;margin-bottom:2px;font-family:Cinzel,serif;font-size:clamp(14px,.5vw,28px)}.o-element-chain{justify-content:center;align-items:center;gap:clamp(3px,.5vw,6px);margin-bottom:clamp(4px,.8vh,8px);display:flex}.oc-el{filter:drop-shadow(0 0 4px);font-size:clamp(11px,1.2vw,15px)}.oc-self{letter-spacing:.06em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:2px clamp(4px,.6vw,8px);font-family:Cinzel,serif;font-size:clamp(10px,1.1vw,14px);font-weight:700}.oc-weak,.oc-strong{opacity:.5;font-size:clamp(10px,1vw,13px)}.oc-arrow{color:#b4aa9640;font-size:clamp(10px,1vw,13px);font-weight:700}.oc-note{color:#c8beaa99;margin-left:4px;font-size:clamp(9px,.9vw,11px)}.overlay-stats{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-heal .stat-val{color:#5dd9a0}.stat-heal .stat-lbl{color:#3cb48c99}.stat-lbl{color:#a0bee680;font-size:clamp(8px,.8vw,10px)}.stat-val{color:var(--parchment);font-family:Cinzel,serif;font-size:clamp(11px,.3vw,22px);font-weight:700}.overlay-bottom-row{border-bottom:1px solid #6482b40f;flex-shrink:0;grid-template-columns:1fr 1fr;display:grid}.overlay-skill-desc{color:#c8beaa99;text-align:center;background:#4a30800a;border-right:1px solid #6482b40f;flex-direction:column;justify-content:center;gap:clamp(2px,.3vh,4px);padding:clamp(6px,.8vh,10px) clamp(8px,1vw,12px);font-size:clamp(8px,.8vw,10px);line-height:1.5;display:flex}.overlay-skill-desc strong{color:#b48cf0d9;margin-bottom:2px;font-family:Cinzel,serif;font-size:clamp(10px,1vw,12px);display:block}.sk-desc-text{color:#c8beaa8c;font-size:clamp(8px,.8vw,13px);line-height:1.4}.sk-meta-row{justify-content:center;align-items:center;gap:clamp(3px,.5vw,6px);margin-top:clamp(2px,.3vh,4px);display:flex}.sk-meta-cd{color:#d4a843b3;letter-spacing:.06em;background:#d4a84314;border:1px solid #d4a84326;border-radius:3px;padding:1px clamp(3px,.5vw,6px);font-family:Cinzel,serif;font-size:clamp(8px,.8vw,10px);font-weight:700}.sk-meta-type{display:inline}.role-tag{letter-spacing:.04em;border-radius:3px;padding:1px clamp(3px,.4vw,5px);font-family:Cinzel,serif;font-size:clamp(7px,.7vw,9px);font-weight:700}.role-tank{color:#60b8e8;background:#3ca0dc1a;border:1px solid #3ca0dc33}.role-melee{color:#e88070;background:#dc64501a;border:1px solid #dc645033}.role-ranged{color:#5dd9a0;background:#3cb48c1a;border:1px solid #3cb48c33}.role-healer{color:#50c878;background:#3cc8641a;border:1px solid #3cc86433}.role-support{color:#d4a0f0;background:#a064dc1a;border:1px solid #a064dc33}.role-assassin{color:#f0d040;background:#e6c83c1a;border:1px solid #e6c83c33}.role-mid{color:#c0b0a0;background:#b4a08c14;border:1px solid #b4a08c26}.sk-priority{margin-top:4px}.sk-prio{color:#b4aa96bf;font-size:clamp(9px,.9vw,11px);font-style:italic}.overlay-lore{background:#141e28cc;flex-direction:column;gap:clamp(2px,.3vh,4px);padding:clamp(6px,.8vh,10px) clamp(8px,1.1vw,14px);display:flex}.lore-label{color:#d4a843e6;letter-spacing:.12em;text-transform:uppercase;font-family:Cinzel,serif;font-size:clamp(8px,.7vw,13px);font-weight:700}.lore-text{color:#b4aa96a6;font-size:clamp(7px,.65vw,15px);font-style:italic;line-height:1.5}.o-star-table{flex-direction:column;flex:1;gap:3px;min-height:0;padding:clamp(4px,.6vh,8px) clamp(8px,1.3vw,16px) clamp(6px,1vh,12px);display:flex;overflow-y:auto}.o-star-table::-webkit-scrollbar{width:3px}.o-star-table::-webkit-scrollbar-track{background:0 0}.o-star-table::-webkit-scrollbar-thumb{background:#648cc826;border-radius:3px}.o-star-row{background:#ffffff05;border-radius:3px;align-items:center;gap:clamp(4px,.6vw,8px);padding:clamp(2px,.3vh,3px) clamp(3px,.5vw,6px);display:flex}.o-star-row:hover{background:#d4a8430a}.o-star-label{color:var(--gold);opacity:.6;min-width:clamp(40px,5vw,60px);font-family:Cinzel,serif;font-size:clamp(8px,.8vw,10px);font-weight:700}.o-star-stats{color:#c8beaa73;letter-spacing:.02em;font-size:clamp(8px,.8vw,10px)}#close-overlay{color:#b4aa9666;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);font-size:clamp(24px,4vw,37px);line-height:1;transition:all .2s;display:flex;position:absolute;top:10px;right:12px}#close-overlay:hover{color:#dcc8a0cc;background:#28243280}