.skinStudio{grid-column:1/-1;overflow:hidden;margin:18px 0 24px;padding:0!important;border:1px solid #6d477c!important;background:radial-gradient(circle at 20% 38%,#441960,#11111c 68%)!important}.skinStudioHeading{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:24px 26px 16px}.skinStudioHeading small,.skinStudioHeading>span{color:#dcb0f5;font-size:.72rem;font-weight:850;letter-spacing:.14em}.skinStudioHeading h2{margin:6px 0;font:900 clamp(2.1rem,5vw,3.5rem)/.92 'Barlow Condensed',sans-serif;color:#fff}.skinStudioHeading p{max-width:580px;margin:0;color:#c9bdcf;line-height:1.45}.skinStudioHeading>span{white-space:nowrap}.skinStudioBody{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:15px;padding:0 20px 20px}.skinViewport{display:grid;grid-template-rows:minmax(330px,1fr) auto;overflow:hidden;min-width:0;min-height:440px;border:1px solid #784e98;border-radius:12px;background:radial-gradient(ellipse at 50% 48%,#44266c 0,#231334 45%,#0a0e19 75%);position:relative}.skinViewport::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff16,transparent 30%,#be74ff08 72%);border-radius:inherit}.skinStageMount{position:relative;min-height:0;perspective:800px;perspective-origin:50% 52%;overflow:hidden;touch-action:none}.skinScene{position:absolute;inset:0;cursor:grab;touch-action:none;user-select:none}.skinScene:active{cursor:grabbing}.skinDepth{position:absolute;inset:4% 9% 0;transform-style:preserve-3d;transform:rotateX(var(--spin-x)) rotateY(var(--spin-y));transition:transform .16s ease-out;will-change:transform}.skinHalo{position:absolute;inset:20% 3% 10%;border-radius:50%;background:radial-gradient(circle,#ad54fb6e 0,#7d2fc52f 35%,transparent 69%);filter:blur(11px);transform:translateZ(-85px)}.skinOrbit{position:absolute;top:16%;left:17%;width:66%;height:62%;border:2px solid #b068e994;border-radius:50%;box-shadow:0 0 20px #b256ff85;transform:translateZ(-52px) rotate(-18deg)}.skinOrbitTwo{top:27%;left:6%;width:86%;height:43%;border-color:#e5a2fa55;transform:translateZ(12px) rotate(18deg)}.skinCharacter{position:absolute;top:0;left:50%;height:100%;width:auto;aspect-ratio:2/3;max-width:100%;transform:translateX(-50%) translateZ(52px);background-image:url('/killerkommando-skins.png');background-size:200% 200%;background-position:var(--skin-position);background-repeat:no-repeat;filter:drop-shadow(0 17px 18px #000c)}.skinLight{position:absolute;inset:10% 15%;transform:translateZ(76px);pointer-events:none;background:linear-gradient(115deg,transparent 36%,#ffffff22 49%,transparent 58%);opacity:.45;mix-blend-mode:screen}.skinGround{position:absolute;left:19%;right:19%;bottom:1%;height:30px;border-radius:50%;transform:translateZ(12px) rotateX(70deg);background:#b45bff7d;box-shadow:0 0 35px 20px #9d40fb55}.skinSceneHint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#eee0fa;font-size:.67rem;font-weight:850;letter-spacing:.16em;text-shadow:0 2px 8px #000}.skinRotation{z-index:2;display:flex;align-items:center;justify-content:center;gap:20px;height:48px;background:#0c0b19d9;color:#c5afd1;font-size:.7rem;font-weight:800;letter-spacing:.13em}.skinRotation button{min-width:50px;min-height:40px;border:1px solid #79519d;border-radius:7px;background:#281637;color:#efc9ff;font-size:1.5rem}.skinRotation button:hover{background:#633483}.skinWardrobe{display:flex;flex-direction:column;gap:8px;min-width:0}.skinWardrobeHeading{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin:3px 1px 6px}.skinWardrobeHeading strong{font:900 1.6rem 'Barlow Condensed',sans-serif}.skinWardrobeHeading small{color:#ad9cb5;font-size:.75rem}.skinWardrobeItem{display:flex;align-items:center;gap:7px;min-width:0;padding:6px;border:1px solid #54415e;border-radius:10px;background:#161221}.skinWardrobeItem.active,.skinWardrobeItem.previewing{border-color:#cf84eb;box-shadow:inset 0 0 17px #a04acb3d}.skinSelect{flex:1;display:flex;gap:10px;align-items:center;min-width:0;text-align:left;background:none;border:0;color:#fff}.skinSelect>span:last-child{display:grid;gap:3px;min-width:0}.skinSelect strong{font-size:.98rem}.skinSelect small{font-size:.67rem;letter-spacing:.06em;color:#b8a9c2}.skinSelect em{font-style:normal;font-size:.68rem;font-weight:800;color:#dda7ef}.skinThumb{display:block;flex:none;width:58px;height:76px;border-radius:6px;background-image:url('/killerkommando-skins.png');background-size:200% 200%;background-position:var(--skin-position);background-repeat:no-repeat;background-color:#22152c}.skinEquip,.skinUnlock{flex:none;max-width:105px;padding:8px;border:1px solid #a465cd;border-radius:7px;background:#4d206c;color:#fff;font-size:.73rem;font-weight:800}.skinUnlock{background:#23172e}.skinStudioNote{font-size:.79rem;line-height:1.45;color:#bfb0c8;margin:9px 4px 0}.skin-skinFrost .skinHalo{background:radial-gradient(circle,#58c4fb83,transparent 70%)}.skin-skinFrost .skinOrbit{border-color:#93d8ff}.skin-skinEmber .skinHalo{background:radial-gradient(circle,#f278427a,transparent 70%)}.skin-skinEmber .skinOrbit{border-color:#eb784d}.skin-skinShadow .skinHalo{background:radial-gradient(circle,#c248fd88,transparent 70%)}.skin-skinShadow .skinOrbit{border-color:#e08bff}@media(max-width:760px){.skinStudioHeading{padding:19px}.skinStudioHeading>span{display:none}.skinStudioBody{grid-template-columns:1fr;padding:0 14px 16px}.skinViewport{min-height:390px;grid-template-rows:minmax(320px,1fr) auto}.skinWardrobeHeading{margin-top:9px}}@media(prefers-reduced-motion:reduce){.skinDepth{transition:none}}

.skinRelic{position:absolute;top:17%;right:0;width:50px;height:50px;display:grid;place-items:center;transform:translateZ(95px);border:1px solid #b67ae6;border-radius:50%;background:#28123aaa;box-shadow:0 0 20px #a648de;overflow:hidden}.skinRelic .championArt{width:50px;height:50px}.skinRelic .kkicon{width:30px;height:30px}.skinWithFire .skinHalo{background:radial-gradient(circle,#ffb03099,#e75d3880 33%,transparent 72%);animation:skinFire 2.4s infinite alternate}.skinWithFire .skinOrbit{border-color:#ffa754}@keyframes skinFire{to{filter:brightness(1.6) blur(9px);transform:translateZ(-85px) scale(1.08)}}@media(prefers-reduced-motion:reduce){.skinWithFire .skinHalo{animation:none}}

.skinTeaser{margin:12px 0}.skinTeaserCard{display:flex;align-items:center;gap:18px;width:100%;min-height:110px;padding:8px 24px;border:1px solid #714d95;border-radius:13px;text-align:left;color:white;background:linear-gradient(105deg,#201331,#11111d 63%,#18223a);box-shadow:inset 0 1px #ffffff33,0 9px 27px #0006}.skinTeaserFigure{display:block;flex:none;width:82px;height:100px;background-image:url('/killerkommando-skins.png');background-size:200% 200%;background-position:var(--skin-position)}.skinTeaserCard>span:nth-child(2){display:grid;gap:4px}.skinTeaserCard small{font-size:.7rem;letter-spacing:.1em;color:#d5a3ef;font-weight:900}.skinTeaserCard strong{font:900 1.5rem/1 'Barlow Condensed',sans-serif}.skinTeaserCard em{color:#cdbed9;font-size:.82rem;font-style:normal}.skinTeaserCard>b{margin-left:auto;white-space:nowrap;color:#e6c2ff;font-size:.75rem}.skinTeaserCard:hover{border-color:#c088e9;box-shadow:0 0 22px #ab54d655}@media(max-width:640px){.skinTeaserCard{gap:9px;padding:8px}.skinTeaserFigure{width:65px;height:88px}.skinTeaserCard>b{display:none}}
@media(hover:hover) and (pointer:fine){.shopItem,.championCard,.seasonReward{transform:perspective(850px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .18s ease-out;will-change:transform}.shopItem:hover,.championCard:hover,.seasonReward:hover{box-shadow:0 16px 33px #0009,0 0 22px #ad52df55}.shopItem .shopItemVisual,.championCard .championEmblem,.seasonReward .art{transform:translateZ(22px)}}@media(prefers-reduced-motion:reduce){.shopItem,.championCard,.seasonReward{transform:none!important;transition:none!important}}
.skinViewport{grid-template-rows:minmax(330px,1fr) auto auto}.skinCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.skinScene.hasModel .skinCharacter{display:none}.skinScene.hasModel .skinDepth{transform:none}.skinScene.hasModel .skinGround{display:none}.skinScene.hasModel .skinOrbit{opacity:.4}.skinSceneHint{z-index:2}.skinMotions{z-index:2;display:flex;justify-content:center;gap:7px;padding:8px;background:#0c0b19df;border-top:1px solid #5b3e6b}.skinMotions button{padding:8px 12px;min-height:37px;border:1px solid #765288;border-radius:6px;color:#f5dfff;background:#2d173f;font-size:.78rem;font-weight:800}.skinMotions button[aria-pressed=true]{border-color:#db9af9;background:#633583;box-shadow:0 0 14px #ad56e666}@media(max-width:760px){.skinViewport{grid-template-rows:minmax(320px,1fr) auto auto}}