.omake-skill-intro{--omake-skill-accent:#ffe59c;--omake-skill-accent-strong:#f3bc54;--omake-skill-entry-y:42dvh;--omake-skill-entry-rotate:-13deg;z-index:2;pointer-events:none;isolation:isolate;contain:layout style;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.omake-skill-intro--cpu{--omake-skill-accent:#ffd4c9;--omake-skill-accent-strong:#ff7b86;--omake-skill-entry-y:-42dvh;--omake-skill-entry-rotate:13deg}.omake-skill-intro__wash{z-index:0;background:radial-gradient(55% 43% at 50% 46%,#132536bd,#02060a42 85%,#0000);animation:2.54s ease-in-out both omake-skill-wash;position:absolute;inset:0}.omake-skill-intro__burst{aspect-ratio:1;z-index:1;background:repeating-conic-gradient(from -10deg, transparent 0deg 13deg,var(--omake-skill-accent-strong) 14deg 17deg,transparent 18deg 32deg);opacity:.35;filter:blur(1px);width:min(108vw,720px);animation:2.54s ease-out both omake-skill-burst;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.omake-skill-intro__speedlines{z-index:2;opacity:.45;pointer-events:none;background:repeating-linear-gradient(154deg,#0000 0 26px,#fff9d744 27px 29px,#0000 31px 62px);animation:2.54s ease-out both omake-skill-speedlines;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 3%,#000 35% 67%,#0000 98%);mask-image:linear-gradient(90deg,#0000 3%,#000 35% 67%,#0000 98%)}.omake-skill-intro--cpu .omake-skill-intro__speedlines{background:repeating-linear-gradient(27deg,#0000 0 26px,#ffc6c44d 27px 29px,#0000 31px 62px)}.omake-skill-intro__card-frame{z-index:3;box-sizing:border-box;aspect-ratio:950/1296;border:2px solid var(--omake-skill-accent);width:min(54vw,220px);max-height:47dvh;box-shadow:0 20px 47px #000e,0 0 24px var(--omake-skill-accent-strong);transform-origin:50%;will-change:transform,opacity;background:#102022;border-radius:9px;margin:0;animation:2.54s cubic-bezier(.23,.78,.27,1) both omake-skill-card-to-dock;position:absolute;top:50%;left:50%}.omake-skill-intro__card-frame img{object-fit:contain;pointer-events:none;border-radius:7px;width:100%;height:100%;display:block}.omake-skill-intro__slash{z-index:5;background:linear-gradient(90deg,transparent 0%,#322010ef 9%, var(--omake-skill-accent-strong) 28%,var(--omake-skill-accent) 53%, var(--omake-skill-accent-strong) 79%,#322010e5 94%,transparent 100%);clip-path:polygon(4% 0,100% 0,96% 100%,0% 100%);width:118vw;box-shadow:0 15px 30px #000b,0 0 18px var(--omake-skill-accent-strong);pointer-events:none;border-top:3px solid #fff5db;border-bottom:4px solid #19150c;padding:clamp(10px,3vw,20px) 0;animation:2.54s cubic-bezier(.19,.72,.24,1) both omake-skill-slash-hit;position:absolute;top:62%;left:50%}.omake-skill-intro--cpu .omake-skill-intro__slash{background:linear-gradient(90deg,#0000,#3d1922e8 9%,#f47d87 28%,#ffcccb 53%,#e27a8a 79%,#481d28de 93%,#0000)}.omake-skill-intro__slash-content{text-shadow:0 2px 2px #fff9,0 5px 14px #0008;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;transform:skewY(0)}.omake-skill-intro__slash-content span{letter-spacing:.28em;color:#2c2018;font-size:clamp(9px,2.4vw,16px);font-weight:1000;line-height:1.15}.omake-skill-intro__slash-content span b{vertical-align:middle;color:#fff7d2;font-size:1.5em}.omake-skill-intro__slash-content strong{overflow-wrap:anywhere;letter-spacing:.06em;color:#14202d;-webkit-text-stroke:.3px #ffe6a8;max-width:78vw;font-size:clamp(27px,7vw,59px);font-weight:1000;line-height:1.13}.omake-skill-intro__hit-flash{z-index:4;mix-blend-mode:screen;background:#fff;animation:2.54s linear both omake-skill-hit-flash;position:absolute;inset:0}.omake-skill-intro__dock-spark{left:calc(50% + var(--omake-skill-land-x,0px));top:calc(50% + var(--omake-skill-land-y,0px));z-index:5;background:radial-gradient(circle,#fff 0%,var(--omake-skill-accent-strong) 16%, #ffca5a69 28%,transparent 70%);width:80px;height:80px;filter:drop-shadow(0 0 12px var(--omake-skill-accent-strong));border-radius:50%;animation:2.54s ease-out both omake-skill-dock-spark;position:absolute;transform:translate(-50%,-50%)}@keyframes omake-skill-wash{0%{opacity:0}14%{opacity:1}63%{opacity:1}to{opacity:0}}@keyframes omake-skill-burst{0%{opacity:0;transform:translate(-50%,-50%)rotate(-25deg)scale(.1)}22%{opacity:.48;transform:translate(-50%,-50%)rotate(0)scale(1)}61%{opacity:.28;transform:translate(-50%,-50%)rotate(12deg)scale(1.12)}to{opacity:0;transform:translate(-50%,-50%)rotate(22deg)scale(1.4)}}@keyframes omake-skill-speedlines{0%{opacity:0;transform:translate(-22%)}29%{opacity:.45;transform:translate(8%)}67%{opacity:.33;transform:translate(14%)}to{opacity:0;transform:translate(30%)}}@keyframes omake-skill-card-to-dock{0%{opacity:0;transform:translate(-50%,-50%) translate3d(0,var(--omake-skill-entry-y),0) rotate(var(--omake-skill-entry-rotate)) scale(.36)}16%{opacity:1;transform:translate(-50%,-50%)translate(0,0)rotate(-3deg)scale(1.11)}28%,66%{opacity:1;transform:translate(-50%,-50%)translate(0,0)rotate(0)scale(1)}89%{opacity:1;transform:translate(-50%,-50%) translate3d(var(--omake-skill-land-x,0px),var(--omake-skill-land-y,0px),0) rotate(-5deg) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) translate3d(var(--omake-skill-land-x,0px),var(--omake-skill-land-y,0px),0) rotate(-5deg) scale(.2)}}@keyframes omake-skill-slash-hit{0%,15%{opacity:0;transform:translate(-135%,-50%)skewY(-9deg)scaleX(1.2)}30%{opacity:1;transform:translate(-49%,-50%)skewY(-9deg)scaleX(1.03)}37%,64%{opacity:1;transform:translate(-50%,-50%)skewY(-9deg)scaleX(1)}82%{opacity:0;transform:translate(70%,-50%)skewY(-9deg)scaleX(.9)}to{opacity:0;transform:translate(95%,-50%)skewY(-9deg)}}@keyframes omake-skill-hit-flash{0%,25%,34%,to{opacity:0}29%{opacity:.32}31%{opacity:0}70%{opacity:0}72%{opacity:.2}75%{opacity:0}}@keyframes omake-skill-dock-spark{0%,72%{opacity:0;scale:.1}86%{opacity:1;scale:1}to{opacity:0;scale:1.5}}.gbd-action-list{overflow:visible!important}.gbd-action-node--skill{overflow:visible}.gbd-action-card-preview{z-index:2;aspect-ratio:950/1296;box-sizing:border-box;pointer-events:none;background:#111e23;border:1px solid #efcd86;border-radius:3px;width:clamp(23px,3.5vw,33px);position:absolute;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:0 3px 7px #000d,0 0 8px #f3d48e8c}.gbd-action-card-preview--you{right:calc(100% + 3px)}.gbd-action-card-preview--cpu{border-color:#ffb4a8;left:calc(100% + 3px)}.gbd-action-card-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.gbd-action-card-preview--latest{animation:.3s ease-out 2.28s both omake-skill-mini-land}@keyframes omake-skill-mini-land{0%{opacity:0;filter:brightness(2);scale:1.7}to{opacity:1;filter:none;scale:1}}.gc-skill-spotlight--docked{justify-content:center;align-items:center;grid-template-columns:minmax(0,1fr)!important}.gc-skill-spotlight--docked .gc-skill-spotlight__artwork{display:none!important}.gc-skill-spotlight--docked .gc-skill-spotlight__bubble{justify-self:center;width:min(100%,440px);min-width:0;max-height:100%;animation:.29s ease-out both omake-skill-explanation-show}.gc-skill-spotlight--docked .gc-skill-spotlight__bubble:before{display:none!important}.gc-skill-spotlight--docked .gc-skill-spotlight__bubble-content{gap:9px;padding:clamp(12px,3.2vw,20px)}.gc-skill-spotlight--docked .gc-skill-spotlight__effect{font-size:clamp(13px,3.2vw,21px);line-height:1.45}@keyframes omake-skill-explanation-show{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:760px){.omake-skill-intro__card-frame{width:min(53vw,192px);max-height:43dvh}.omake-skill-intro__slash{padding:8px 0;top:64%}.omake-skill-intro__slash-content strong{max-width:78vw;font-size:clamp(24px,8.5vw,43px)}.omake-skill-intro__slash-content span{font-size:10px}.gbd-action-card-preview{width:26px}.gc-skill-spotlight--docked .gc-skill-spotlight__bubble{max-width:min(94vw,390px)}}@media (max-height:580px){.omake-skill-intro__card-frame{width:min(43vw,156px)}.omake-skill-intro__slash-content strong{font-size:clamp(21px,6.5vw,35px)}.gc-skill-spotlight--docked .gc-skill-spotlight__bubble-content{padding:9px}}@media (prefers-reduced-motion:reduce){.omake-skill-intro__wash,.omake-skill-intro__burst,.omake-skill-intro__speedlines,.omake-skill-intro__card-frame,.omake-skill-intro__slash,.omake-skill-intro__hit-flash,.omake-skill-intro__dock-spark,.gbd-action-card-preview--latest,.gc-skill-spotlight--docked .gc-skill-spotlight__bubble{animation:none!important}.omake-skill-intro__wash{opacity:.15}.omake-skill-intro__card-frame{opacity:1;transform:translate(-50%,-50%)}.omake-skill-intro__slash{opacity:1;transform:translate(-50%,-50%)skewY(-9deg)}}
