@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}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:#0000;background-image:linear-gradient(#0006,#0006),url(/gameplay_background.webp);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-shrink:0;padding:clamp(3px,.4vh,6px) clamp(4px,.6vw,8px)}.rp-element-btn{color:#b4aa9680;letter-spacing:.06em;cursor:pointer;background:#1e1c2699;border:1px solid #6482b426;border-radius:4px;width:100%;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:10px;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}.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}.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:3/4;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:60px;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;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:3px;padding:1px 3px;font-size:8px;font-weight:700;position:absolute}.ucard .elem-tr{background:#00000080;border:none;padding:2px;font-size:10px;line-height:1;top:3px;right:3px}.ucard .cost-br{color:var(--gold);font-size:9px;bottom:3px;right:3px}.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:9px;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(12px,1.4vw,18px);line-height:1.2;position:absolute;bottom:clamp(6px,1.2vh,12px)}.el-badge-right{right:2px}.el-badge-left{left:2px}.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;filter:drop-shadow(0 2px 6px #000000b3);z-index:2;width:100%;height:100%;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,12px);position:absolute;top:clamp(12px,2.5vh,25px)}.sk-badge-grid{z-index:4;cursor:default;position:absolute;top:clamp(4px,.7vh,8px)}.sk-badge-left{left:clamp(1px,.2vw,3px)}.sk-badge-right{right:clamp(1px,.2vw,3px)}.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(10px,1.2vw,15px);transition:all .2s;display:flex}.sk-badge-grid:hover .sk-badge-ico{background:#5a3c96d9;border-color:#d4a84366;box-shadow:0 0 8px #a078dc33}.sk-badge-tooltip{z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#1e1c26fa,#14121cfc);border:1px solid #a078dc8c;border-radius:5px;width:clamp(100px,12vw,135px);padding:clamp(4px,.6vh,8px) clamp(6px,.8vw,10px);transition:opacity .3s,visibility .3s;position:absolute;top:calc(100% + clamp(3px,.5vh,6px));box-shadow:0 4px 16px #00000080}.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:#a078dc40;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{opacity:1;visibility:visible}.sk-tt-name{color:#b48cf0e6;margin-bottom:clamp(1px,.2vh,3px);font-family:Cinzel,serif;font-size:clamp(9px,.9vw,11px);font-weight:700}.sk-tt-desc{color:#c8beaa99;margin-bottom:clamp(2px,.3vh,4px);font-size:clamp(8px,.8vw,10px);line-height:1.4}.sk-tt-cd{color:#d4a84399;letter-spacing:.05em;font-family:Cinzel,serif;font-size:clamp(7px,.7vw,9px)}.star-rating{z-index:5;filter:contrast(2);text-shadow:0 0 4px #d4a843cc;pointer-events:none;white-space:nowrap;font-size:clamp(8px,1.2vw,15px);position:absolute;top:clamp(1px,.3vh,3px);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:13px;position:absolute;bottom:5px;right:5px}@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:3px;padding:1px clamp(2px,.3vw,4px);font-family:Cinzel,serif;font-size:clamp(7px,.8vw,10px);font-weight:700;line-height:1.2;position:absolute;bottom:clamp(12px,1.5vh,15px)}.atk-left{left:2px}.atk-right{right:2px}.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,.7vw,9px);font-weight:700;line-height:1.4;position:absolute;top:clamp(1px,.3vh,3px);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:7px;position:relative}.cell .hp-fill{height:7px;transition:width .35s}.cell .shield-bar{background:#0006;height:7px;position:relative}.cell .shield-fill{background:#60b8e8;height: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:#90c8f0;background:#50a0e60f;border-left:3px solid #50a0e680;border-radius:0 3px 3px 0;padding:clamp(2px,.3vh,4px) clamp(5px,.8vw,10px);font-weight:600}.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-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:#c8b4dc8c;text-align:right;background:#a064c808;border-right:2px solid #a064c840;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{color:#b0a4e8;background:#826ec80f;border-left:2px solid #a394e859;border-radius:0 3px 3px 0;padding:clamp(2px,.3vh,4px) clamp(5px,.8vw,10px);font-weight:600}.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{font-size:8px}.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(10px);backdrop-filter:blur(10px);background:#08060ce0;justify-content:center;align-items:center;padding:clamp(8px,2vw,20px);animation:.2s 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:8px;flex-direction:column;width:min(600px,90vw);max-height:min(80vh,700px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #0009}.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}@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.1)}to{opacity:0;transform:translateY(-48px)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);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(120px,28vw,320px);height:clamp(120px,28vw,320px);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=void] .cutin-bg{background:radial-gradient(#1a0030 0%,#0a0015 50%,#0000 80%);border-top:2px solid #8060c0;border-bottom:2px solid #8060c0;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=void] #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=void] .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=void].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=void].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=void] .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=void] .cutin-info .unit-name{color:#c0a0ff}.cutin-layer[data-style=summon] .cutin-bg{background:linear-gradient(0deg, var(--summon-ground,#1e5028f2) 0%, var(--summon-sky,#0a1e0fcc) 60%, transparent 100%);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=summon][data-element=nature]{--summon-ground:#14501ef2;--summon-sky:#0a280fd9;--summon-glow:#50c07080;--summon-accent:#60d080}.cutin-layer[data-style=summon][data-element=lightning]{--summon-ground:#1e1e3cf2;--summon-sky:#0f0f28d9;--summon-glow:#f0d04080;--summon-accent:#f0d040}.cutin-layer[data-style=summon][data-element=fire]{--summon-ground:#64140af2;--summon-sky:#320a05d9;--summon-glow:#e8503080;--summon-accent:#f08040}.cutin-layer[data-style=summon][data-element=frost]{--summon-ground:#143250f2;--summon-sky:#0a192dd9;--summon-glow:#60b8e880;--summon-accent:#80d0f0}.cutin-layer[data-style=summon][data-element=dark]{--summon-ground:#280f3cf2;--summon-sky:#140523d9;--summon-glow:#a070c080;--summon-accent:#c090e0}.cutin-layer[data-style=summon][data-element=holy]{--summon-ground:#50461ef2;--summon-sky:#28230fd9;--summon-glow:#f0d88080;--summon-accent:#f0e0a0}.cutin-layer[data-style=summon][data-element=physical]{--summon-ground:#3c3228f2;--summon-sky:#1e1914d9;--summon-glow:#c0b0a066;--summon-accent:#d0c0a0}.cutin-layer[data-style=summon][data-element=arcane]{--summon-ground:#1e1946f2;--summon-sky:#0f0c28d9;--summon-glow:#8080e080;--summon-accent:#a0a0f0}.cutin-layer[data-style=summon] #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=summon] .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=summon] .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=summon] .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=summon].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=summon].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=summon].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=slash] .cutin-bg{width:200vw;height:200vh;box-shadow:none;background:linear-gradient(135deg,#000000f2 0%,#140a0ae6 50%,#000000f2 100%);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=slash].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=slash][data-element=fire]{--slash-color:#f08040;--slash-glow:#e8503099}.cutin-layer[data-style=slash][data-element=frost]{--slash-color:#80d0f0;--slash-glow:#60b8e899}.cutin-layer[data-style=slash][data-element=lightning]{--slash-color:#f0e060;--slash-glow:#f0d04099}.cutin-layer[data-style=slash][data-element=nature]{--slash-color:#60d080;--slash-glow:#50c07099}.cutin-layer[data-style=slash][data-element=holy]{--slash-color:#f0e0a0;--slash-glow:#f0d88099}.cutin-layer[data-style=slash][data-element=dark]{--slash-color:#c090e0;--slash-glow:#a070c099}.cutin-layer[data-style=slash][data-element=physical]{--slash-color:#e0d0c0;--slash-glow:#c0b0a080}.cutin-layer[data-style=slash][data-element=arcane]{--slash-color:#a0a0f0;--slash-glow:#8080e099}.cutin-layer[data-style=slash] #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=slash] .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=slash] .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=slash] .cutin-info .unit-name{color:var(--slash-color,#fff)}.cutin-layer[data-style=slash].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=overlord] .cutin-bg{background:radial-gradient(ellipse at center, var(--ol-core,#280f0afa) 0%, #000000fc 70%);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=overlord][data-element=fire]{--ol-core:#320a05fa;--ol-flash:#e8503099;--ol-accent:#f08040;--ol-emblem:"🔥";--ol-glow:#e8503080}.cutin-layer[data-style=overlord][data-element=frost]{--ol-core:#050f28fa;--ol-flash:#60b8e899;--ol-accent:#80d0f0;--ol-emblem:"❄️";--ol-glow:#60b8e880}.cutin-layer[data-style=overlord][data-element=lightning]{--ol-core:#140f05fa;--ol-flash:#f0d04099;--ol-accent:#f0d040;--ol-emblem:"⚡";--ol-glow:#f0d04080}.cutin-layer[data-style=overlord][data-element=nature]{--ol-core:#05190afa;--ol-flash:#50c07099;--ol-accent:#60d080;--ol-emblem:"🌿";--ol-glow:#50c07080}.cutin-layer[data-style=overlord][data-element=holy]{--ol-core:#1e190afa;--ol-flash:#f0d88099;--ol-accent:#f0e0a0;--ol-emblem:"☀️";--ol-glow:#f0d88080}.cutin-layer[data-style=overlord][data-element=dark]{--ol-core:#0f0519fa;--ol-flash:#a070c099;--ol-accent:#c090e0;--ol-emblem:"💀";--ol-glow:#a070c080}.cutin-layer[data-style=overlord][data-element=physical]{--ol-core:#140f0afa;--ol-flash:#c0b0a080;--ol-accent:#d0c0a0;--ol-emblem:"⚔️";--ol-glow:#c0b0a066}.cutin-layer[data-style=overlord][data-element=arcane]{--ol-core:#0a081efa;--ol-flash:#8080e099;--ol-accent:#a0a0f0;--ol-emblem:"🔮";--ol-glow:#8080e080}.cutin-layer[data-style=overlord].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=overlord] #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=overlord] .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=overlord] .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=overlord] .cutin-info .unit-name{color:var(--ol-accent,#f08040);font-size:clamp(14px,3vw,28px)}.cutin-layer[data-style=overlord].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=overlord].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=overlord][data-unit=dragon] .cutin-bg{background:radial-gradient(at 30%,#c83c14e6 0%,#0000 50%),radial-gradient(at 70%,#a0280acc 0%,#0000 40%),linear-gradient(90deg,#320a05fa 0%,#b4320f99 50%,#320a05fa 100%);animation:2.5s ease-out forwards overlord-bg,2.5s ease-in-out forwards dragon-heat}@keyframes dragon-heat{0%{filter:brightness()}40%{filter:brightness()}60%{filter:brightness(1.3)saturate(1.5)}80%{filter:brightness(1.8)saturate(2)}to{filter:brightness(.5)}}.cutin-layer[data-style=overlord][data-unit=phoenix] #cutin-img{animation:2.5s cubic-bezier(.16,1,.3,1) forwards phoenix-rise}@keyframes phoenix-rise{0%{opacity:0;filter:brightness(.2)sepia();transform:translateY(100%)scale(2)}30%{opacity:.5;filter:brightness(.8)sepia(.5);transform:translateY(20%)scale(1.5)}50%{opacity:1;filter:brightness(1.2)sepia(0);transform:translateY(-10%)scale(1.1)}65%{opacity:1;transform:translateY(-20%)scale(1.05)}80%{filter:brightness(2);transform:translateY(-15%)scale(1.2)}to{opacity:0;filter:brightness(4)saturate(2);transform:translateY(-30%)scale(2.5)}}.cutin-layer[data-style=overlord][data-unit=lich] .cutin-bg{background:radial-gradient(at 50% 60%,#64288cb3 0%,#0000 50%),radial-gradient(at 30% 40%,#3c146480 0%,#0000 40%),radial-gradient(at 70% 70%,#501e7880 0%,#0000 45%),linear-gradient(#0f0519fc 0%,#280f3cf2 100%);animation:2.5s ease-out forwards overlord-bg,2.5s ease-in-out forwards lich-mist}@keyframes lich-mist{0%{filter:blur()}30%{filter:blur(2px)}50%{filter:blur()}70%{filter:blur(1px)}to{filter:blur()}}.cutin-layer[data-style=overlord][data-unit=lich] #cutin-img{filter:drop-shadow(0 0 30px #8040c0)drop-shadow(0 0 60px #4020a0)brightness(.9)}.cutin-layer[data-style=overlord][data-unit=frost_giant] .cutin-bg{background:radial-gradient(#28508ce6 0%,#0000 50%),linear-gradient(#0a1428fc 0%,#1e3c64f2 100%);animation:2.5s ease-out forwards overlord-bg,2.5s ease-out forwards frost-freeze}@keyframes frost-freeze{0%{filter:brightness()saturate()}30%{filter:brightness(1.2)saturate(.6)hue-rotate(10deg)}60%{filter:brightness(1.4)saturate(.3)hue-rotate(20deg)}80%{filter:brightness()saturate()hue-rotate()}to{filter:brightness(.5)}}.cutin-layer[data-style=overlord][data-unit=frost_giant] #cutin-img{filter:drop-shadow(0 0 30px #60b8e8)drop-shadow(0 0 60px #3080c0)}.cutin-layer[data-style=overlord][data-unit=iron_golem] .cutin-bg{background:radial-gradient(at 50% 70%,#785a3ccc 0%,#0000 40%),linear-gradient(#140f0afc 0%,#3c2d1ef2 100%);animation:2.5s ease-out forwards overlord-bg,2.5s ease-out forwards golem-quake}@keyframes golem-quake{0%{transform:scaleX(3)scaleY(3)}15%{transform:scaleX(3)scaleY(3)}20%{transform:scaleX(3)scaleY(3)translateY(3px)}22%{transform:scaleX(3)scaleY(3)translateY(-3px)}24%{transform:scaleX(3)scaleY(3)translateY(2px)}26%{transform:scaleX(3)scaleY(3)translateY(-2px)}30%{transform:scaleX(3)scaleY(3)translateY(0)}75%{transform:scaleX(3)scaleY(3)}to{opacity:0;transform:scaleX(3)scaleY(3)}}.cutin-layer[data-style=overlord][data-unit=iron_golem] #cutin-img{animation:2.5s cubic-bezier(.16,1,.3,1) forwards golem-rise}@keyframes golem-rise{0%{opacity:0;filter:brightness(.3);transform:translateY(120%)scale(2.5)}25%{opacity:.4;filter:brightness(.5);transform:translateY(60%)scale(2)}45%{opacity:1;filter:brightness();transform:translateY(0)scale(1.2)}60%{transform:translateY(-5%)scale(1)}80%{filter:brightness(1.5);transform:scale(1.1)}to{opacity:0;filter:brightness(3);transform:scale(2)}}.cutin-layer[data-style=pulse] .cutin-bg{width:300vw;height:300vh;box-shadow:none;background:radial-gradient(#3c050af2 0%,#0f0205fc 70%);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=pulse].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=pulse] #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=pulse] .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=pulse] .cutin-info .skill-name{text-shadow:0 0 10px #e03040,0 0 20px #c02030,0 0 40px #b4141e80}.cutin-layer[data-style=pulse] .cutin-info .unit-name{color:#f06070}.cutin-layer[data-style=pulse].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=fortress] .cutin-bg{width:300vw;height:300vh;box-shadow:none;background:linear-gradient(#19140ef2 0%,#32281cf7 50%,#50412dfa 100%);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=fortress].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=fortress] #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=fortress] .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=fortress] .cutin-info .skill-name{text-shadow:0 0 10px #d0b060,0 0 20px #a08040,0 0 40px #a0783c80}.cutin-layer[data-style=fortress] .cutin-info .unit-name{color:#d0c0a0}.cutin-layer[data-style=fortress].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=fortress].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=mirage] .cutin-bg{width:300vw;height:300vh;box-shadow:none;background:radial-gradient(#0f0f1ef2 0%,#05050ffc 70%);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=mirage].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=mirage] #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=mirage] .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=mirage] .cutin-info .skill-name{text-shadow:0 0 8px #c8c8ff99,0 0 16px #9696dc66}.cutin-layer[data-style=mirage] .cutin-info .unit-name{color:#c0c0f0}.cutin-layer[data-style=mirage].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)}}.cutin-layer[data-style=void][data-unit=void_sage] .cutin-bg{background:radial-gradient(circle,#000 0%,#0a0015 20%,#1a0030 50%,#0000 80%)}.cutin-layer[data-style=void][data-unit=void_sage].active .cutin-bg:after{background:radial-gradient(circle,#000 0%,#0000 8%),radial-gradient(circle,#5028a066 8%,#0000 25%),radial-gradient(circle,#28145033 25%,#0000 50%);animation:1.8s ease-out forwards void-blackhole}@keyframes void-blackhole{0%{opacity:0;transform:scale(0)rotate(0)}20%{opacity:1;transform:scale(2)rotate(90deg)}45%{opacity:.8;transform:scale(.8)rotate(270deg)}70%{opacity:.6;transform:scale(1.5)rotate(450deg)}to{opacity:0;transform:scale(4)rotate(720deg)}}.cutin-layer[data-style=void][data-unit=gravity_mage] .cutin-bg{animation:1.8s cubic-bezier(.16,1,.3,1) forwards void-bg,1.8s ease-out forwards gravity-warp}@keyframes gravity-warp{0%{filter:invert(0)}15%{filter:invert()hue-rotate(180deg)}25%{filter:invert(0)hue-rotate()}35%{filter:invert(.5)hue-rotate(90deg)}45%{filter:invert(0)}to{filter:invert(0)}}.cutin-layer[data-style=void][data-unit=gravity_mage] #cutin-img{animation:1.8s cubic-bezier(.16,1,.3,1) forwards void-img,1.8s ease-out forwards gravity-crush}@keyframes gravity-crush{0%{clip-path:inset(0)}30%{clip-path:inset(0)}45%{clip-path:inset(15% 5%)}55%{clip-path:inset(0)}to{clip-path:inset(0)}}.cutin-layer[data-style=void][data-unit=void_archer].active .cutin-bg:after{background:radial-gradient(circle at 20% 30%,#8060e099 0%,#8060e000 8%),radial-gradient(circle at 75% 25%,#6450c880 0%,#6450c800 6%),radial-gradient(circle at 60% 70%,#8c64f0b3 0%,#8c64f000 10%),radial-gradient(circle at 35% 65%,#7850dc66 0%,#7850dc00 7%);animation:1.8s ease-out forwards void-portals}@keyframes void-portals{0%{opacity:0;transform:scale(.3)}15%{opacity:0}25%{opacity:1;transform:scale(1)}40%{opacity:.8;transform:scale(1.2)}60%{opacity:.6;transform:scale(.9)}80%{opacity:.3;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.cutin-layer[data-style=void][data-unit=arcane_weaver].active:before{content:"";z-index:15;pointer-events:none;border:2px solid #a0a0f099;border-radius:50%;width:250px;height:250px;animation:1.8s ease-out forwards weaver-circle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #8080e066,inset 0 0 30px #8080e033}@keyframes weaver-circle{0%{opacity:0;border-width:3px;width:0;height:0;transform:translate(-50%,-50%)rotate(0)}20%{opacity:1;width:200px;height:200px;transform:translate(-50%,-50%)rotate(60deg)}40%{opacity:.8;width:250px;height:250px;transform:translate(-50%,-50%)rotate(180deg)}60%{opacity:.6;width:220px;height:220px;transform:translate(-50%,-50%)rotate(300deg)}80%{opacity:.3;border-width:1px;width:350px;height:350px;transform:translate(-50%,-50%)rotate(420deg)}to{opacity:0;border-width:0;width:500px;height:500px;transform:translate(-50%,-50%)rotate(540deg)}}.cutin-layer[data-style=void][data-unit=arcane_weaver] .cutin-bg{background:radial-gradient(circle,#1e1946f2 0%,#0a081efc 60%)}.cutin-layer[data-style=void][data-unit=plague_doctor] .cutin-bg{background:radial-gradient(#14280ff2 0%,#050f05fc 70%);animation:1.8s cubic-bezier(.16,1,.3,1) forwards void-bg,1.8s ease-out forwards plague-gas}@keyframes plague-gas{0%{filter:hue-rotate()saturate()}20%{filter:hue-rotate(40deg)saturate(2)brightness(1.3)}30%{filter:hue-rotate(80deg)saturate(1.5)brightness(.8)}40%{filter:hue-rotate(60deg)saturate(2.5)brightness(1.5)}50%{filter:hue-rotate(30deg)saturate()}to{filter:hue-rotate()saturate()}}.cutin-layer[data-style=void][data-unit=plague_doctor].active:before{background:repeating-linear-gradient(0deg,#0000 0,#50a03c0f 1px,#0000 2px 3px);animation:1.8s ease-out forwards plague-scanlines}@keyframes plague-scanlines{0%{opacity:1}30%{opacity:.9}50%{opacity:.5}to{opacity:0}}.cutin-layer[data-style=void][data-unit=plague_doctor] #cutin-img{filter:drop-shadow(0 0 20px #50a03c99)drop-shadow(0 0 40px #28781e66)hue-rotate(20deg)}.cutin-layer[data-style=void][data-unit=plague_doctor] .cutin-info .skill-name{text-shadow:0 0 10px #50a040,0 0 20px #308030,0 0 40px #50a03c80,0 0 80px #28781e4d}.cutin-layer[data-style=void][data-unit=plague_doctor] .cutin-info .unit-name{color:#80c060}.cutin-layer[data-style=summon][data-unit=storm_oracle] .cutin-bg{background:linear-gradient(#0a0a19fc 0%,#141432f2 40%,#1e193ce6 100%)}.cutin-layer[data-style=summon][data-unit=storm_oracle].active .cutin-bg:after{background:linear-gradient(#f0d040cc 0%,#0000 30%) 15% 0/3px 60% no-repeat,linear-gradient(#f0d04099 0%,#0000 25%) 40% 0/2px 50% no-repeat,linear-gradient(#f0d040e6 0%,#0000 35%) 65% 0/4px 70% no-repeat,linear-gradient(#f0d04080 0%,#0000 20%) 85% 0/2px 45% no-repeat;height:100%;animation:2.2s ease-out forwards storm-bolts}@keyframes storm-bolts{0%{opacity:0;transform:translateY(-30%)}20%{opacity:0}30%{opacity:1;transform:translateY(0)}40%{opacity:.3}45%{opacity:1}55%{opacity:.4}60%{opacity:.9}75%{opacity:.5;transform:translateY(0)}to{opacity:0;transform:translateY(10%)}}.cutin-layer[data-style=summon][data-unit=treant].active .cutin-bg:after{background:radial-gradient(at 20% 100%,#3a6030 0%,#0000 15%),radial-gradient(at 45% 100%,#2d5020 0%,#0000 12%),radial-gradient(at 70% 100%,#3a6030 0%,#0000 18%),radial-gradient(at 90% 100%,#2d5020 0%,#0000 10%),radial-gradient(at 10% 95%,#50a05066 0%,#0000 20%),radial-gradient(at 55% 90%,#3c8c3c4d 0%,#0000 15%);height:100%;animation:2.2s ease-out forwards treant-roots}@keyframes treant-roots{0%{opacity:0;transform:translateY(50%)scaleY(.3)}25%{opacity:.9;transform:translateY(0)scaleY(1)}50%{opacity:.7;transform:scaleY(1.1)}75%{opacity:.5}to{opacity:0}}.cutin-layer[data-style=summon][data-unit=templar].active:before{content:"";z-index:15;pointer-events:none;background:linear-gradient(#f0d880e6 0%,#f0d8804d 100%);width:0;height:100%;animation:2.2s ease-out forwards templar-light;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 40px #f0d88080,0 0 80px #f0d8804d}@keyframes templar-light{0%{opacity:0;width:0}25%{opacity:1;width:6px}40%{opacity:.8;width:80px}55%{opacity:.6;width:40px}70%{opacity:.4;width:200px}to{opacity:0;width:100vw}}.cutin-layer[data-style=summon][data-unit=druid] .cutin-bg{background:radial-gradient(at 30% 70%,#287832b3 0%,#0000 40%),radial-gradient(at 70% 60%,#1e642880 0%,#0000 35%),linear-gradient(#051408e6 0%,#0a280ff2 50%,#143c19fa 100%)}.cutin-layer[data-style=summon][data-unit=druid] #cutin-img{filter:drop-shadow(0 0 30px #50c86499)drop-shadow(0 0 60px #28a03c66)}.cutin-layer[data-style=summon][data-unit=inquisitor] .cutin-bg{background:radial-gradient(at 50% 40%,#c8b45080 0%,#0000 40%),linear-gradient(#28230ffc 0%,#3c3214f2 100%)}.cutin-layer[data-style=summon][data-unit=inquisitor].active:before{content:"";z-index:15;pointer-events:none;background:linear-gradient(90deg,#0000 20%,#f0d88099 45%,#fff0b4cc 50%,#f0d88099 55%,#0000 80%);width:0;height:60%;animation:2.2s ease-out forwards inquisitor-scale;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes inquisitor-scale{0%{opacity:0;width:0}30%{opacity:0;width:0}45%{opacity:1;width:200px}60%{opacity:.8;width:300px}75%{opacity:.5;width:250px}to{opacity:0;width:100vw}}.cutin-layer[data-style=slash][data-unit=valkyrie].active:before{background:linear-gradient(180deg, transparent 44%, var(--slash-color,#80d0f0) 48%, #fffffff2 50%, var(--slash-color,#80d0f0) 52%, transparent 56%);animation:1.3s cubic-bezier(.22,1,.36,1) forwards valkyrie-spear}@keyframes valkyrie-spear{0%{opacity:0;transform:scaleY(0)translateY(-50%)}12%{opacity:1;transform:scaleY(1.5)translateY(0)}25%{opacity:.8;transform:scaleY(1)}40%{opacity:0}to{opacity:0}}.cutin-layer[data-style=slash][data-unit=blood_knight].active:before{background:linear-gradient(135deg,#0000 42%,#600020 46%,#e02040 49%,#ff4060 50%,#e02040 51%,#600020 54%,#0000 58%)}.cutin-layer[data-style=slash][data-unit=blood_knight] .cutin-bg{background:linear-gradient(135deg,#280000f7 0%,#500a0ff2 50%,#280000f7 100%)}.cutin-layer[data-style=slash][data-unit=blood_knight].active .cutin-bg:after{background:linear-gradient(135deg,#0000 30%,#e02040 49.5%,#0000 50.5% 70%),linear-gradient(140deg,#0000 35%,#c8142866 49%,#0000 51% 65%),linear-gradient(125deg,#0000 28%,#c8142833 48%,#0000 52% 72%)}.cutin-layer[data-style=slash][data-unit=storm_dancer].active:before{background:linear-gradient(120deg, transparent 46%, var(--slash-color,#f0e060) 49%, transparent 51%), linear-gradient(150deg, transparent 47%, #f0e06080 49.5%, transparent 50.5%), linear-gradient(135deg, transparent 45%, #f0e0604d 49%, transparent 51%);animation:1.3s cubic-bezier(.22,1,.36,1) forwards dancer-multi}@keyframes dancer-multi{0%{opacity:0;transform:scale(.3)rotate(-10deg)}15%{opacity:1;transform:scale(1.5)rotate(5deg)}30%{opacity:.5;transform:scale(1)rotate(0)}50%{opacity:0}to{opacity:0}}.cutin-layer[data-style=slash][data-unit=ninja] .cutin-bg{background:radial-gradient(#140f1ef2 0%,#05050afc 70%)}.cutin-layer[data-style=slash][data-unit=ninja].active:before{background:linear-gradient(135deg, transparent 45%, var(--slash-color,#f0e060) 49%, transparent 51%), linear-gradient(45deg, transparent 45%, var(--slash-color,#f0e060) 49%, transparent 51%);animation:1.3s cubic-bezier(.22,1,.36,1) forwards ninja-x}@keyframes ninja-x{0%{opacity:0;transform:scale(.3)rotate(45deg)}10%{opacity:1;transform:scale(1.8)rotate(0)}25%{opacity:.7;transform:scale(1)}40%{opacity:0}to{opacity:0}}.cutin-layer[data-style=slash][data-unit=ninja] #cutin-img{animation:1.3s cubic-bezier(.22,1,.36,1) forwards ninja-img}@keyframes ninja-img{0%{opacity:0;filter:brightness(.1);transform:scale(.5)}15%{opacity:.3;filter:brightness(3);transform:scale(2.5)translateY(5%)}20%{opacity:.5;filter:brightness(.5);transform:scale(2.5)translateY(5%)}35%{opacity:1;filter:brightness();transform:scale(1)}55%{transform:scale(1)translate(-5px)skew(-3deg)}70%{opacity:.4;transform:scale(.9)translate(80px)skew(12deg)}to{opacity:0;transform:scale(.8)translate(200px)skew(20deg)}}.cutin-layer[data-style=slash][data-unit=berserker] .cutin-bg{background:linear-gradient(135deg,#3c0505f7 0%,#640a0af2 50%,#3c0505f7 100%);animation:1.3s cubic-bezier(.22,1,.36,1) forwards slash-bg,1.3s ease-out forwards berserker-flash}@keyframes berserker-flash{0%{filter:brightness()}15%{filter:brightness(2.5)saturate(3)}20%{filter:brightness(.5)}30%{filter:brightness(2)}35%{filter:brightness(.8)}50%{filter:brightness()}to{filter:brightness()}}.cutin-layer[data-style=slash][data-unit=berserker].active:before{background:linear-gradient(130deg,#0000 40%,#f04020 46%,#ff6040 49%,#fff 50%,#ff6040 51%,#f04020 54%,#0000 60%)}.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-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 #000000e6,1px -1px #000000e6,-1px 1px #000000e6,1px 1px #000000e6,0 0 6px #0009;letter-spacing:.5px;white-space:nowrap;font-family:Cinzel,serif;font-size:16px;font-weight:800;animation:.95s 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.3)}to{opacity:0;transform:translateY(-55px)scale(1)}}.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)}}.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);right:clamp(6px,1vw,12px)}.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)}#unit-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08060ce0;justify-content:center;align-items:center;padding:clamp(8px,2vw,20px);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:3px solid #6482b433;border-radius:5px;flex-direction:column;width:min(700px,85vw);max-height:min(850px,88vh);display:flex;position:relative;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(100px,50vh,600px);display:flex}.overlay-visual .o-img{object-fit:contain;filter:drop-shadow(0 0 16px #d4a84333);max-width:85%;max-height:90%}.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(11px,.4vw,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}.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,10px);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(7px,.7vw,9px);font-weight:700}.lore-text{color:#b4aa96a6;font-size:clamp(7px,.65vw,8px);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}