.arena-selector{color:#f1efff;font-family:inherit;min-width:0}
html:has(body[data-shell-active="profil"]){background:#050b13}
.bp-tabs-root>.bp-subtabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.arena-selector:has(.arena-skin-grid){background:#0b1320;border:1px solid #374759;border-radius:12px;padding:16px}
.arena-selector-hint{color:#bcc2dc;line-height:1.6;margin:12px 0 20px}
.arena-skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.arena-skin-card{padding:0 0 16px;overflow:hidden;background:linear-gradient(145deg,#192237,#0b1020);border:1px solid #586683;border-radius:14px;color:#f4f0ff;text-align:left;cursor:pointer;font:inherit;transition:border-color .2s,box-shadow .2s}
.arena-skin-card:hover:enabled,.arena-skin-card.is-selected{border-color:#ffda87;box-shadow:0 0 20px #f4c66d33}
.arena-skin-card:focus-visible{outline:3px solid #90ecff;outline-offset:3px}
.arena-skin-card:disabled{cursor:default}
.arena-skin-card:disabled img{filter:saturate(.45) brightness(.65)}
.arena-skin-card strong,.arena-skin-card span{display:block;padding:0 16px}
.arena-skin-card strong{font-size:17px;margin:14px 0 8px}
.arena-skin-card span{color:#c9cee0;font-size:12px;line-height:1.5}
.arena-skin-card.is-selected span{color:#ffda87}
.arena-skin-preview{position:relative;aspect-ratio:16/9;overflow:hidden}
.arena-skin-preview img{width:100%;height:100%;object-fit:cover}
#arenaSetupSelector{flex:0 0 auto;display:flex;align-items:center}
.arena-setup-trigger{position:relative;display:block;width:40px;height:40px;padding:0;overflow:hidden;flex:none;border:1px solid #ab935b;background:#101a27;color:#ffdf94;cursor:pointer;box-shadow:inset 0 0 12px #0008;transition:border-color .2s,box-shadow .2s}
.arena-setup-trigger img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.arena-setup-trigger svg{position:absolute;inset:8px;width:24px;height:24px;filter:drop-shadow(0 2px 3px #000)}
.arena-setup-trigger:hover,.arena-setup-trigger[aria-expanded="true"]{border-color:#7ee7ff;box-shadow:0 0 12px #68d8ff55}
.arena-setup-trigger:focus-visible{outline:2px solid #8eeaff;outline-offset:3px}
.arena-setup-trigger:disabled{cursor:default;box-shadow:none;border-color:#6f7782}
.arena-setup-trigger:disabled::after{content:"🔒";position:absolute;right:0;bottom:0;font-size:11px;line-height:15px;background:#07101b;border-radius:3px 0 0 0}
.arena-setup-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:20px;border:1px solid #8d794f;background:linear-gradient(145deg,#111d2c,#070d18);color:#edf3ff;border-radius:10px;box-shadow:0 20px 90px #000b;overflow:auto}
.arena-setup-dialog::backdrop{background:#020711bf;backdrop-filter:blur(5px)}
.arena-setup-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.arena-setup-dialog small{font-size:10px;letter-spacing:2px;color:#c8b780}
.arena-setup-dialog h2{margin:5px 0 0;font:inherit;font-size:24px}
.arena-setup-close{width:34px;height:34px;border:1px solid #667086;background:#131e30;color:#fff;cursor:pointer;font-size:18px}
.arena-setup-options.arena-selector{padding:0;background:none;border:0}
.arena-setup-dialog .arena-skin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.arena-setup-dialog .arena-skin-card strong{font-size:14px}
.arena-setup-dialog .arena-skin-card span{font-size:11px}
@media(max-width:600px){.arena-setup-dialog{padding:14px}.arena-setup-dialog .arena-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arena-setup-dialog .arena-skin-card strong,.arena-setup-dialog .arena-skin-card span{padding-inline:9px}.arena-setup-dialog .arena-skin-card strong{font-size:12px}}
.arena-setup-label{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700}
.arena-setup-label select{min-width:0;flex:1;background:#11182a;border:1px solid #7e718f;border-radius:8px;padding:7px;color:#fff;font:inherit}
.arena-setup-preview{position:relative;overflow:hidden;height:54px;margin-top:6px;background-position:center;background-size:cover;border-radius:8px;border:1px solid #6e6e8e}
.arena-vfx{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:var(--arena-color);z-index:1;contain:layout paint}
.arena-vfx::before{content:"";position:absolute;inset:0;border:2px solid color-mix(in srgb,var(--arena-color) 35%,transparent);box-shadow:inset 0 0 80px color-mix(in srgb,var(--arena-color) 22%,transparent);background:radial-gradient(ellipse at 0 50%,color-mix(in srgb,var(--arena-color) 18%,transparent),transparent 25%),radial-gradient(ellipse at 100% 50%,color-mix(in srgb,var(--arena-color) 18%,transparent),transparent 25%);animation:arenaAura 6s ease-in-out infinite alternate}
.arena-motif{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:.8;filter:drop-shadow(0 0 8px var(--arena-color));animation:arenaDrift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform}
.arena-motif svg{width:100%;height:100%;fill:color-mix(in srgb,var(--arena-color) 12%,transparent)}
.arena-motif--compass,.arena-motif--hologram,.arena-motif--magic{animation-name:arenaOrbit}
.arena-motif--bubble{border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffffff60,transparent 50%);box-shadow:inset -5px -3px 14px #76e1ff66}
.arena-motif--heart,.arena-motif--pumpkin{color:#ff9d83}
.arena-motif--web{width:calc(var(--size)*1.65);height:calc(var(--size)*1.65)}
.arena-vfx--monsterhunter::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 18px,#5affee10 19px 20px);animation:arenaScan 5s linear infinite;border-inline:8px solid #fc72fb77}
.arena-vfx--neyali::after,.arena-vfx--goody::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(165deg,transparent 0 110px,color-mix(in srgb,var(--arena-color) 15%,transparent) 112px,transparent 114px);animation:arenaScan 10s linear infinite}
.arena-vfx--preview{z-index:0}
.arena-vfx--preview .arena-motif{opacity:.85;filter:drop-shadow(0 0 3px var(--arena-color))}
@keyframes arenaDrift{from{transform:translate3d(0,-10px,0) rotate(calc(var(--turn)*-1));opacity:.45}to{transform:translate3d(16px,24px,0) rotate(var(--turn));opacity:.95}}
@keyframes arenaOrbit{from{transform:translateY(-8px) rotate(-25deg)}to{transform:translateY(18px) rotate(85deg)}}
@keyframes arenaAura{to{opacity:.5}}
@keyframes arenaScan{to{transform:translateY(20px)}}
@media(max-width:600px){.bp-tabs-root>.bp-subtabs{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-selector:has(.arena-skin-grid){padding:10px}.arena-skin-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.arena-motif{width:calc(var(--size)*.7);height:calc(var(--size)*.7)}.arena-setup-preview{height:38px}}
@media(prefers-reduced-motion:reduce){.arena-vfx,.arena-vfx *,.arena-vfx::before,.arena-vfx::after{animation:none!important}.arena-motif{will-change:auto}}