.skill-cutin{position:fixed;inset:0;z-index:2400;overflow:hidden;isolation:isolate;pointer-events:auto;touch-action:none;user-select:none;color:#fff;font-family:Rajdhani,Arial,sans-serif;--cutin-color:#168cff;--cutin-accent:#b9f4ff}
.skill-cutin[hidden]{display:none!important}
.skill-cutin__pause[hidden]{display:none!important}
.skill-cutin .skill-cutin__halo{display:none}
.skill-cutin .skill-cutin__projection{mix-blend-mode:normal;filter:drop-shadow(0 0 6px var(--cutin-color))}
.skill-cutin__pause{position:absolute;z-index:2;top:calc(max(var(--sat,0px),env(safe-area-inset-top,0px)) + 16px);right:calc(max(var(--sar,0px),env(safe-area-inset-right,0px)) + 16px);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:20px;color:#fff;background:rgba(5,12,26,.85);cursor:pointer;padding:0}
.skill-cutin__pause:focus-visible{outline:2px solid var(--cutin-accent);outline-offset:4px}
.skill-cutin__dim{position:absolute;inset:0;background:linear-gradient(110deg,rgba(2,5,17,.82),rgba(3,8,22,.5) 52%,rgba(2,5,17,.88));box-shadow:inset 0 0 100px #020511}
.skill-cutin__halo{position:absolute;inset:8% 8% 4%;background:radial-gradient(ellipse at 40% 45%,var(--cutin-color),transparent 65%);opacity:.5}
.skill-cutin__sweep{position:absolute;top:-60%;left:10%;height:220%;width:20%;background:linear-gradient(90deg,transparent,var(--cutin-color),var(--cutin-accent),transparent);opacity:.35;mix-blend-mode:screen}
.skill-cutin__sweep--second{width:3%;opacity:.7}
.skill-cutin__projection{position:absolute;inset:4% 20% 8% 0;display:flex;align-items:center;justify-content:center;mix-blend-mode:screen;filter:drop-shadow(0 0 24px var(--cutin-color))}
.skill-cutin__art{width:min(74vw,78vh);max-height:100%;aspect-ratio:1;background-repeat:no-repeat;background-position:center;background-size:contain}
.skill-cutin__title{position:absolute;right:max(5%,calc(max(var(--sar,0px),env(safe-area-inset-right,0px)) + 16px));bottom:max(10%,calc(max(var(--sab,0px),env(safe-area-inset-bottom,0px)) + 24px));width:58%;max-width:720px;text-align:right;padding:16px 20px 16px 10px;border-right:4px solid var(--cutin-accent);background:linear-gradient(90deg,transparent,rgba(2,5,17,.85));text-shadow:0 2px 5px #000,0 0 20px var(--cutin-color)}
.skill-cutin__eyebrow{font-size:11px;font-weight:800;letter-spacing:.26em;color:var(--cutin-accent);margin-bottom:7px}
.skill-cutin__name{font-weight:900;line-height:1.02;letter-spacing:.015em;text-transform:uppercase;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.skill-cutin__guardian{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-top:9px;color:var(--cutin-accent)}
@media(orientation:portrait){.skill-cutin__projection{inset:12% -18% 20%;align-items:center}.skill-cutin__art{width:115vw;max-width:70vh}.skill-cutin__title{width:83%;right:max(6%,calc(max(var(--sar,0px),env(safe-area-inset-right,0px)) + 16px));bottom:max(15%,calc(max(var(--sab,0px),env(safe-area-inset-bottom,0px)) + 30px));padding-right:14px}.skill-cutin__name{font-size:clamp(24px,8vw,44px)!important}.skill-cutin__eyebrow{font-size:10px;letter-spacing:.18em}}
@media(max-height:480px) and (orientation:landscape){.skill-cutin__title{bottom:max(8%,calc(max(var(--sab,0px),env(safe-area-inset-bottom,0px)) + 16px));width:55%}.skill-cutin__name{font-size:clamp(22px,5vw,42px)!important}.skill-cutin__projection{inset:-6% 25% -6% 0}.skill-cutin__art{width:94vh}}
@media(prefers-reduced-motion:reduce){.skill-cutin__sweep{display:none!important}.skill-cutin__projection,.skill-cutin__title{transform:none!important}}

/* The guardian stays behind a separate rendering of the player's actual equipped model. */
.skill-cutin__projection{inset:-6% 8% 15% -8%}
.skill-cutin__art{width:min(92vw,108vh)}
.skill-cutin__bey{position:absolute;left:2%;bottom:3%;width:59%;height:68%;pointer-events:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.65))}
.skill-cutin__bey[hidden]{display:none!important}
.skill-cutin__bey canvas{display:block;width:100%;height:100%;background:transparent!important}
.skill-cutin__title{bottom:max(8%,calc(max(var(--sab,0px),env(safe-area-inset-bottom,0px)) + 24px));z-index:1}
@media(orientation:portrait){.skill-cutin__projection{inset:0 -25% 30%}.skill-cutin__art{width:130vw;max-width:84vh}.skill-cutin__bey{left:-8%;bottom:15%;width:100%;height:47%}.skill-cutin__title{bottom:max(9%,calc(max(var(--sab,0px),env(safe-area-inset-bottom,0px)) + 24px));width:80%}}
@media(max-height:480px) and (orientation:landscape){.skill-cutin__projection{inset:-16% 14% 8% -5%}.skill-cutin__art{width:118vh}.skill-cutin__bey{left:1%;bottom:-8%;height:86%;width:57%}}
@media(prefers-reduced-motion:reduce){.skill-cutin__bey{transform:none!important}}

body[data-skill-cutin-active] #titleOverlay,body[data-skill-cutin-active] #showcaseSkillButton{visibility:hidden!important;pointer-events:none!important}