.skills-view{position:fixed;inset:0;z-index:46;background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--kit-color) 9%,transparent),transparent 50%),#07111d;color:#e2edf4;overflow:auto;overscroll-behavior:contain}.skills-shell{max-width:1220px;margin:auto;padding:0 35px 20px}.skills-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6e8ca72f;height:83px;gap:20px}.skills-header>div>span{display:block;font:8px var(--mono);letter-spacing:2px;color:#7b9db5}.skills-header b{display:block;font-size:17px;letter-spacing:1px;margin-top:9px;font-weight:500}.skills-header button{min-height:44px;padding:10px 15px;font-size:12px;color:#a3bdcf;border:1px solid #6c90a33b}.skills-aircraft-tabs{display:flex;gap:12px;margin:24px 0}.skills-aircraft-tabs>button{display:flex;align-items:center;gap:7px;flex:1;max-width:240px;height:72px;border:1px solid #6c8ba349;background:#0e2030;text-align:left;padding:3px 14px 3px 5px}.skills-aircraft-tabs>button[aria-pressed=true]{border-color:var(--kit-color);background:color-mix(in srgb,var(--kit-color) 9%,#0a1825)}.skills-aircraft-tabs .fleet-render{height:68px;width:92px;aspect-ratio:auto}.skills-aircraft-tabs small{font:8px var(--mono);color:#7998af;display:block}.skills-aircraft-tabs b{font-size:19px;display:block;margin-top:5px;font-weight:600}.skills-aircraft-tabs>button[aria-pressed=true] b{color:var(--kit-color)}.skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:39px}.skills-machine{border:1px solid #6c8ca33b;background:linear-gradient(145deg,#10263980,#08131f);position:relative;overflow:hidden;display:flex;flex-direction:column}.skills-machine-copy{padding:27px 26px 0;z-index:1}.skills-machine-copy>span{font:8px var(--mono);letter-spacing:2px;color:var(--kit-color)}.skills-machine h1{font-size:33px;margin:12px 0 8px;letter-spacing:2px}.skills-machine-copy>p{font-size:12px;color:#92b1c7;letter-spacing:.6px}.skills-machine-stage{height:300px;position:relative;isolation:isolate;margin:0 -5px}.skills-machine-stage:before{content:'';position:absolute;inset:10%;background:radial-gradient(ellipse,color-mix(in srgb,var(--kit-color) 16%,transparent),transparent 68%);z-index:-1}.skills-machine-art{position:absolute;width:110%;height:115%;aspect-ratio:auto;left:-5%;top:-10%;filter:drop-shadow(0 18px 15px #0008)}.skills-machine-orbit{position:absolute;inset:15% 13%;border:1px solid color-mix(in srgb,var(--kit-color) 24%,transparent);border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 16px #8fb9d005}.skills-machine-orbit:before{content:'';position:absolute;inset:13%;border:1px dashed color-mix(in srgb,var(--kit-color) 18%,transparent);border-radius:50%}.skills-machine-cross{position:absolute;right:27px;top:25px;color:#7296b5;font:22px var(--mono);font-style:normal}.machine-id{position:absolute;left:28px;bottom:12px;font:8px var(--mono);letter-spacing:2px;color:#5b809b}.machine-role{position:absolute;bottom:6px;right:27px;font-size:12px;color:var(--kit-color);padding:6px 9px;border:1px solid color-mix(in srgb,var(--kit-color) 25%,transparent);background:#081522aa}.skills-machine-description{padding:20px 26px 24px;margin-top:auto;border-top:1px solid #7295b224}.skills-machine-description>span{font:8px var(--mono);letter-spacing:2px;color:#577e99}.skills-machine-description>p{font-size:11px;line-height:1.9;color:#91b0c5;margin:11px 0 18px}.skills-machine-description>div{display:flex;gap:19px;justify-content:space-between}.skills-machine-description>div>span{font-size:9px;color:#6c8fa8}.skills-machine-description b{color:var(--kit-color);font:15px var(--mono);margin-left:7px}.skills-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.skills-section-title h2{font-size:19px;letter-spacing:1px}.skills-section-title>span{font:8px var(--mono);color:#658ba6;letter-spacing:1px}.skills-card-list{display:flex;flex-direction:column;gap:12px}.skills-detail-card{position:relative;display:grid;grid-template-columns:57px 1fr 49px;gap:0 13px;align-items:center;text-align:left;padding:18px 18px 16px;border:1px solid #688ba443;background:linear-gradient(120deg,#12293c,#0c1928);overflow:hidden;transition:border-color .15s,background .15s;min-height:141px}.skills-detail-card.selected{border-color:color-mix(in srgb,var(--kit-color) 78%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--kit-color) 9%,#102638),#0b1928);box-shadow:inset 3px 0 var(--kit-color)}.skills-card-glyph{height:53px;width:53px;border:1px solid color-mix(in srgb,var(--kit-color) 32%,transparent);background:color-mix(in srgb,var(--kit-color) 7%,transparent);display:grid;place-items:center;position:relative;color:var(--kit-color)}.skills-card-glyph svg{width:33px;height:33px}.skills-card-heading>small{font:8px var(--mono);color:#6c8fa9;letter-spacing:.6px;display:block}.skills-card-heading>b{display:block;font-size:22px;letter-spacing:1px;margin-top:7px}.skills-card-cost{font:22px var(--mono);color:var(--kit-color);text-align:right;align-self:start;padding-top:4px}.skills-card-cost>small{display:block;color:#6e91a9;font-size:8px;margin-top:4px}.skills-detail-card>p{grid-column:2 / 4;font-size:11px;line-height:1.8;color:#a0bbce;margin:10px 0 7px}.skills-card-effect{grid-column:2 / 4;color:color-mix(in srgb,var(--kit-color) 75%,#7793a8);font-size:9px;line-height:1.7}.skills-card-number{position:absolute;left:23px;bottom:17px;font:8px var(--mono);color:#587e99;letter-spacing:3px}.skills-combo{padding:16px 18px;background:#75a6c109;border:1px solid #6587a028;margin-top:14px}.skills-combo>span{font-size:9px;color:var(--kit-color)}.skills-combo>p{font-size:10px;line-height:1.9;color:#88a9c0;margin-top:7px}.skills-bottom{position:sticky;bottom:-20px;z-index:2;border:1px solid #7093a742;border-top-color:color-mix(in srgb,var(--kit-color) 40%,transparent);background:#0a1927f2;backdrop-filter:blur(14px);margin-top:25px;padding:17px 20px 12px;display:grid;grid-template-columns:1fr auto auto;gap:8px 12px;align-items:center}.skills-bottom>div>span{display:block;font-size:8px;color:#64879f}.skills-bottom>div>b{display:block;font-size:18px;margin-top:5px;color:var(--kit-color)}.skills-bottom>div>small{font-size:9px;color:#81a2b8;display:block;margin-top:7px;max-width:500px;line-height:1.8}.skills-bottom>button{min-height:47px;padding:12px 20px;font-size:13px}.skills-free-flight{border:1px solid #6e91aa65;color:#a4c0d3}.skills-test-flight{background:var(--kit-color);border:1px solid var(--kit-color);color:#0c1a27;font-weight:700}.skills-bottom>p{grid-column:1 / 4;font-size:8px;color:#5f819a;line-height:1.7;margin-top:2px}.fleet-skills-link{position:relative;z-index:4;width:100%;border-top:1px solid #6a8ca33d;padding:13px 0 0;margin-top:15px;text-align:left;color:#9ccce7;font-size:11px}.get-header .get-label[data-open-skills]{margin-left:0;color:#a8c6d8;min-height:40px;padding:0 10px;border:1px solid #7594ac55;font-size:10px}.get-header .get-label[data-open-skills]+button{margin-left:auto}.kit-active-state{display:block;color:var(--kit-color);font-size:8px;margin-top:4px;min-height:0}.kit-active-state:empty{display:none}
.battle-view .combat-skills .kit-skill{position:relative;background:none;border:0;box-shadow:none;padding:0;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:start;width:84px;min-height:98px;height:98px;gap:0;filter:none;pointer-events:auto;transition:transform .1s;--cooldown:0%}.battle-view .kit-skill .skill-dial{display:grid;place-items:center;position:relative;width:63px;height:63px;border-radius:50%;border:1px solid color-mix(in srgb,var(--kit-color) 55%,transparent);background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--kit-color) 15%,#0a1a28),#071320 72%);box-shadow:0 3px 15px #0006,inset 0 0 0 4px #80b1cb08;overflow:hidden}.battle-view .kit-skill .skill-dial:after{content:'';position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--kit-color) 23%,transparent);border-radius:50%;pointer-events:none}.battle-view .kit-skill .skill-glyph{color:var(--kit-color);width:31px;height:31px;display:block;position:relative;z-index:1}.battle-view .kit-skill svg{width:100%;height:100%}.battle-view .kit-skill>b{font-size:11px;line-height:1.3;letter-spacing:.4px;color:#d4e7f2;margin:7px 0 0;white-space:nowrap;text-shadow:0 1px 6px #000}.battle-view .kit-skill .skill-state-label{display:block;font-size:8px;line-height:1.4;margin-top:3px;color:#7eacc7;letter-spacing:1px}.battle-view .kit-skill kbd{position:absolute;right:0;top:0;border:1px solid #8aaabe55;font:8px var(--mono);padding:2px 4px;background:#081523}.battle-view .kit-skill .skill-dial-fill{position:absolute;inset:0;background:conic-gradient(from -90deg,transparent calc(100% - var(--cooldown)),#030b15d9 0);z-index:2;border-radius:50%}.battle-view .kit-skill .skill-cooldown{position:absolute;inset:0;display:grid;place-items:center;font:24px var(--mono);z-index:3;color:#dbecf8;text-shadow:0 1px 9px #000}.battle-view .kit-skill:disabled{opacity:.8;background:none;filter:none}.battle-view .kit-skill:disabled .skill-glyph{opacity:.4}.battle-view .kit-skill:disabled .skill-state-label{color:#668ba3}.battle-view .kit-skill.skill-is-ready .skill-dial{box-shadow:0 0 17px color-mix(in srgb,var(--kit-color) 12%,transparent),inset 0 0 0 4px #a4d3e90b;border-color:var(--kit-color)}.battle-view .kit-skill.skill-is-ready .skill-state-label{color:var(--kit-color)}.battle-view .kit-skill:active:not(:disabled){transform:scale(.94)}.battle-view .combat-skills .combat-ultimate.kit-skill{width:103px;height:118px;min-height:118px;display:flex;padding:0}.battle-view .combat-ultimate.kit-skill .skill-dial{width:82px;height:82px;border:1px solid var(--kit-color);background:conic-gradient(from -90deg,var(--kit-color) var(--charge),#21364b 0)}.battle-view .combat-ultimate.kit-skill .skill-dial:before{content:'';position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 40% 25%,color-mix(in srgb,var(--kit-color) 14%,#132235),#071320)}.battle-view .combat-ultimate.kit-skill .skill-dial-fill{display:none}.battle-view .combat-ultimate.kit-skill .skill-glyph{position:absolute;top:12px;left:24px;width:32px;height:32px}.battle-view .combat-ultimate.kit-skill #ultimate-charge{position:absolute;bottom:13px;font:14px var(--mono);z-index:1;color:var(--kit-color)}.battle-view .combat-ultimate.kit-skill.skill-is-ready .skill-dial{box-shadow:0 0 20px color-mix(in srgb,var(--kit-color) 25%,transparent)}.battle-view .kit-skill:focus-visible{outline:2px solid #d5edf9;outline-offset:3px;border-radius:5px}
@media(max-width:760px){.skills-shell{padding:0 16px 10px}.skills-header{height:72px;gap:12px}.skills-header>div>span{font-size:7px;letter-spacing:1px}.skills-header b{font-size:14px;margin-top:8px;letter-spacing:.5px}.skills-header button{font-size:10px;min-width:63px;padding:8px 10px}.skills-aircraft-tabs{gap:7px;margin:17px 0}.skills-aircraft-tabs>button{padding:3px 5px 3px 0;gap:2px;height:61px;min-width:0}.skills-aircraft-tabs .fleet-render{width:52px;height:54px;flex-shrink:0}.skills-aircraft-tabs small{font-size:6px;white-space:nowrap}.skills-aircraft-tabs b{font-size:16px;margin-top:4px}.skills-layout{grid-template-columns:1fr;gap:23px}.skills-machine-copy{padding:20px 18px 0}.skills-machine-copy>span{font-size:7px;letter-spacing:1.5px}.skills-machine h1{font-size:29px;letter-spacing:1px;margin:10px 0 8px}.skills-machine-copy>p{font-size:10px}.skills-machine-stage{height:226px;margin:0 -5px}.skills-machine-art{height:116%;width:116%;left:-8%;top:-7%}.skills-machine-cross{right:22px;top:12px;font-size:18px}.machine-id{font-size:7px;left:21px;bottom:11px;letter-spacing:1px}.machine-role{font-size:10px;right:19px;bottom:4px;padding:5px 8px}.skills-machine-description{padding:16px 18px 18px}.skills-machine-description>span{font-size:7px}.skills-machine-description>p{font-size:10px;margin:9px 0 15px}.skills-machine-description>div{gap:10px}.skills-machine-description>div>span{font-size:8px}.skills-machine-description b{font-size:12px;margin-left:5px}.skills-section-title{margin-bottom:12px}.skills-section-title h2{font-size:18px}.skills-section-title>span{font-size:7px}.skills-detail-card{grid-template-columns:45px 1fr 43px;gap:0 10px;padding:15px 13px 14px;min-height:151px}.skills-card-glyph{width:44px;height:46px}.skills-card-glyph svg{width:29px;height:29px}.skills-card-heading>small{font-size:6px;letter-spacing:.4px}.skills-card-heading>b{font-size:20px;letter-spacing:1px;margin-top:7px}.skills-card-cost{font-size:20px}.skills-card-cost>small{font-size:7px}.skills-detail-card>p{font-size:10px;line-height:1.9;margin:11px 0 6px}.skills-card-effect{font-size:8px}.skills-card-number{left:18px;bottom:17px;font-size:7px;letter-spacing:2px}.skills-combo{margin-top:13px;padding:15px}.skills-combo>span{font-size:9px}.skills-combo>p{font-size:10px}.skills-bottom{bottom:-10px;margin:22px -16px -10px;padding:13px 16px max(12px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:9px 10px;border-left:0;border-right:0}.skills-bottom>div{grid-column:1 / 3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skills-bottom>div>span{font-size:8px}.skills-bottom>div>b{font-size:15px;margin:0}.skills-bottom>div>small{display:none}.skills-bottom>button{min-height:46px;padding:11px 15px;font-size:13px}.skills-bottom>p{grid-column:1 / 3;font-size:7px;text-align:center;margin:0}.get-header .get-label[data-open-skills]{font-size:9px;padding:0 8px;min-height:40px}.fleet-skills-link{font-size:10px;min-height:42px;padding-top:10px}.battle-view .combat-skills{display:block;width:172px;height:195px;left:14px;right:auto;bottom:calc(17px + env(safe-area-inset-bottom))}.battle-view .combat-skills .kit-skill{position:absolute;left:0;top:0;width:74px;min-height:91px;height:91px;display:flex;gap:0;padding:0}.battle-view .combat-skills #skill-shield{left:86px;top:21px}.battle-view .combat-skills #skill-ultimate{left:3px;top:99px;width:102px;min-height:96px;height:96px;display:flex;gap:0}.battle-view .kit-skill .skill-dial{width:62px;height:62px}.battle-view .kit-skill .skill-glyph{width:29px;height:29px}.battle-view .kit-skill>b{font-size:10px;line-height:1.3;margin:6px 0 0}.battle-view .kit-skill .skill-state-label{font-size:7px;margin-top:3px}.battle-view .kit-skill kbd{display:none}.battle-view .combat-ultimate.kit-skill .skill-dial{width:77px;height:77px}.battle-view .combat-ultimate.kit-skill .skill-glyph{left:22px;top:10px;width:31px;height:31px}.battle-view .combat-ultimate.kit-skill #ultimate-charge{font-size:13px;bottom:12px}.battle-view .combat-ultimate.kit-skill .skill-state-label{display:none}.battle-view .combat-player{bottom:calc(230px + env(safe-area-inset-bottom));width:174px}.battle-view[data-movement-hand="left"] .combat-skills{left:auto;right:14px}.battle-view .touch-control-hint{bottom:calc(76px + env(safe-area-inset-bottom))}.kit-active-state{font-size:8px}}
@media(max-width:360px){.skills-card-heading>b{font-size:18px}.skills-detail-card{padding-left:11px;padding-right:11px;gap:0 8px}.skills-aircraft-tabs .fleet-render{width:45px}.skills-aircraft-tabs b{font-size:15px}.skills-machine h1{font-size:26px}.battle-view .combat-player{width:158px}.battle-view .touch-control-hint{right:17px}}

.battle-view .combat-skills .kit-skill{clip-path:none}.battle-view .combat-skills .kit-skill:before{display:none}.battle-view .combat-skills .kit-skill:hover:not(:disabled){background:none;transform:none}.battle-view .combat-skills .kit-skill:active:not(:disabled){transform:scale(.94)}