@keyframes capBump{40%{transform:scale(1.35)}}@keyframes capSpin{to{transform:rotate(360deg)}}@keyframes capBob{50%{transform:translateY(-6px)}}@keyframes capTwinkle{0%,to{scale:.2}50%{scale:1}}@keyframes capFlash{0%{opacity:1}to{opacity:0}}@keyframes capToast{0%{opacity:0;translate:0 14px}15%{opacity:1;translate:0 0}75%{opacity:1}to{opacity:0;translate:0-30px}}@keyframes capLegend{0%{opacity:0;scale:.4}12%{opacity:1;scale:1.08}20%{scale:1}85%{opacity:1}to{opacity:0}}@keyframes capPulse{50%{box-shadow:0 5px #b89a12,0 0 0 6px #ffe14a40}}@keyframes capUp{0%{transform:translateY(40px);opacity:0}}.cap,.cap-portal{--gold:#ffe14a;--ink:#0d0a2b;--navy:#141b52;--text:#c9d0ff}.cap,.cap-portal,.cap__row-label b{color:#fff}.cap{position:relative;padding:1.6rem 0 11rem;overflow:hidden;isolation:isolate}.cap__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 600px at 50% 18%,#5b2bb8 0,#5b2bb800 60%),radial-gradient(700px 500px at 100% 100%,#1f4fd873,#1f4fd800),linear-gradient(180deg,#121a55 0,#0b1238 60%,#080c28)}.cap-r-gold{--r:#f7b733;--r2:#c26a12}.cap-r-purple{--r:#c35cff;--r2:#5b1890}.cap-r-blue{--r:#3fa9ff;--r2:#1c3fb0}.cap-r-green{--r:#5fe07a;--r2:#188a4a}.cap-r-gray{--r:#9aa3b1;--r2:#4b5160}.cap__top{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;max-width:132rem;margin:0 auto;padding:0 1.6rem 1.2rem}.cap__eyebrow,.cap__title{font-family:Lilita One,Impact,sans-serif;text-transform:uppercase}.cap__eyebrow{display:inline-block;padding:.3rem 1rem;border-radius:6px;background:var(--gold);color:#1a1440;font-size:1.3rem;transform:skew(-8deg)}.cap__title{margin:.6rem 0 0;font-weight:400;font-size:clamp(3.2rem,8vw,5.6rem);line-height:.95;text-shadow:0 4px 0 rgba(0,0,0,.35)}.cap__ovr{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:7.6rem;height:8.4rem;border-radius:12px;background:linear-gradient(160deg,var(--r, #f7b733),var(--r2, #c26a12));box-shadow:inset 0 0 0 3px #ffffff59,0 8px 20px #0006;clip-path:polygon(0 0,100%0,100% 82%,50% 100%,0 82%)}.cap__ovr-num{font-family:Lilita One,Impact,sans-serif;font-size:3.6rem;line-height:1;text-shadow:0 3px 0 rgba(0,0,0,.3)}.cap__ovr-num.is-bump{animation:capBump .5s ease}.cap__ovr-label{font-size:1.2rem;font-weight:800;letter-spacing:.16em;margin-bottom:.8rem}.cap__layout{max-width:132rem;margin:0 auto;padding:0 1.6rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem}@media(min-width:990px){.cap .cap__stage{height:min(62vh,56rem)}.cap__layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3.2rem;align-items:start}.cap__left{position:sticky;top:9rem}}.cap__stage{position:relative;height:min(50vh,52rem);min-height:34rem;border-radius:18px;overflow:hidden;background:radial-gradient(closest-side at 50% 60%,#ffffff1f,#fff0),#08061e59;box-shadow:inset 0 0 0 2px #ffffff1a}.cap__rays{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:repeating-conic-gradient(from 0deg at 50% 50%,#ffffff120 6deg,#fff0 6deg 18deg);animation:capSpin 40s linear infinite}.cap__pedestal{position:absolute;left:50%;bottom:4%;width:62%;max-width:30rem;height:4.4rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#ffe14a8c,#ffe14a00)}.cap__pedestal:after{content:"";position:absolute;top:22%;right:4%;bottom:22%;left:4%;border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 24px var(--gold),inset 0 0 18px #ffe14a99}.cap__player{position:absolute;top:3%;right:0;bottom:3%;left:0;display:flex;justify-content:center}.cap-svg{height:100%;width:auto;max-width:100%;overflow:visible;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}.cap-body{animation:capBob 3.2s ease-in-out infinite;transform-origin:200px 870px}.cap-num,.cap-o{stroke-linejoin:round}.cap-o{stroke:#0a081e8c;stroke-width:1.8}.cap-num{font-family:Arial Black,Helvetica Neue,Impact,sans-serif;font-weight:900;font-size:96px;letter-spacing:-2px;stroke-width:6;paint-order:stroke}.cap-logo{font-family:Arial Black,Impact,sans-serif;font-weight:900;font-size:15px;letter-spacing:2px}.cap-spark{transform-box:fill-box;transform-origin:center;animation:capTwinkle 2.2s ease-in-out infinite}.cap__stage.is-flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,var(--fl, rgba(255,225,74,.65)),rgba(255,255,255,0) 60%);animation:capFlash .6s ease-out forwards}.cap__stage[data-tone=purple]{--fl:rgba(195,92,255,.6)}.cap__stage[data-tone=blue]{--fl:rgba(63,169,255,.6)}.cap__stage[data-tone=green]{--fl:rgba(95,224,122,.6)}.cap__dice,.cap__toasts{position:absolute;display:flex;align-items:center}.cap__dice{top:1rem;right:1rem;justify-content:center;width:4.6rem;height:4.6rem;border:0;border-radius:12px;background:#08061eb3;color:var(--gold);box-shadow:inset 0 0 0 2px #ffe14a99;cursor:pointer}.cap__dice:active svg{transform:rotate(90deg)}.cap__dice svg{transition:transform .2s}.cap__toasts{left:0;right:0;top:30%;flex-direction:column;gap:.4rem;pointer-events:none}.cap__legend,.cap__toast{font-family:Lilita One,Impact,sans-serif;text-transform:uppercase}.cap__toast{padding:.4rem 1.2rem;border-radius:8px;background:linear-gradient(160deg,var(--r),var(--r2));font-size:1.9rem;text-shadow:0 2px 0 rgba(0,0,0,.3);transform:skew(-8deg);animation:capToast 1.7s ease-out forwards;box-shadow:0 6px 16px #00000059}.cap__legend{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) skew(-8deg);display:flex;flex-direction:column;align-items:center;padding:1.2rem 2.4rem;border-radius:12px;background:linear-gradient(160deg,#f7b733,#c26a12);box-shadow:0 0 0 4px #fff,0 0 40px #ffe14acc;animation:capLegend 2.6s ease forwards;z-index:3}.cap__legend span{font-size:1.6rem}.cap__legend strong{font-size:3.4rem;font-weight:400;line-height:1}.cap__card{margin-top:1.2rem;padding:1.4rem;border-radius:14px;background:linear-gradient(180deg,#1d2670,#141b52);box-shadow:inset 0 0 0 2px #ffffff1f}.cap__plate{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.cap__plate-name,.cap__plate-num{font-family:Lilita One,Impact,sans-serif}.cap__plate-num{font-size:2.8rem;color:var(--gold);line-height:1}.cap__plate-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:2.2rem;text-transform:uppercase}.cap__plate-tier{padding:.3rem .9rem;border-radius:6px;background:linear-gradient(160deg,var(--r),var(--r2));font-size:1.2rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:skew(-8deg)}.cap__stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.8rem}@media(min-width:520px){.cap__stats{grid-template-columns:1fr 1fr;column-gap:2rem}}.cap__stats li{display:grid;grid-template-columns:5.6rem 1fr 3rem;align-items:center;gap:.8rem}.cap__stat-k{font-size:1.2rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.cap__stat-bar{height:1rem;border-radius:5px;background:#ffffff1f;overflow:hidden}.cap__stat-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#ffe14a,#ff9a1a);transition:width .5s cubic-bezier(.2,.9,.3,1.2)}.cap__stat-v{font-family:Lilita One,Impact,sans-serif;font-size:1.8rem;text-align:right}.cap__tabs{display:flex;gap:.8rem;overflow-x:auto;margin:0 -1.6rem;padding:.4rem 1.6rem 1rem;scrollbar-width:none;scroll-snap-type:x proximity}.cap__items::-webkit-scrollbar,.cap__tabs::-webkit-scrollbar{display:none}@media(min-width:990px){.cap__tabs{flex-wrap:wrap;overflow:visible;margin:0;padding:0 0 1.2rem}}.cap__group{flex:0 0 auto;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text);opacity:.8}@media(min-width:990px){.cap__group{writing-mode:horizontal-tb;transform:none;flex-basis:100%;margin-top:.4rem}}.cap__tab{position:relative;flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:7.4rem;height:7.4rem;border:0;border-radius:12px;background:#ffffff12;color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff1f;transition:transform .12s ease,background .12s}.cap__tab--gear{background:linear-gradient(160deg,#f7b73347,#c26a1238);box-shadow:inset 0 0 0 2px #ffe14a73}.cap__tab.is-active{background:var(--gold);color:#1a1440;box-shadow:0 0 0 3px #fff,0 8px 18px #00000059;transform:translateY(-2px)}.cap__tab:focus-visible{outline:3px solid #fff;outline-offset:3px}.cap__tab-dot{position:absolute;top:.5rem;right:.5rem;width:1rem;height:1rem;border-radius:50%;background:#3fd46b;box-shadow:0 0 0 2px var(--ink)}.cap__panel{padding:1.6rem;border-radius:16px;background:linear-gradient(180deg,#1d2670,#141b52);box-shadow:inset 0 0 0 2px #ffffff1f}.cap__panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.cap__panel-head h2,.cap__sheet-head h2{margin:0;font-family:Lilita One,Impact,sans-serif;font-weight:400;font-size:2.6rem;text-transform:uppercase}.cap__freetag,.cap__shoptag{padding:.3rem .9rem;border-radius:6px;font-size:1.15rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:skew(-8deg)}.cap__shoptag{background:var(--gold);color:#1a1440}.cap__freetag{background:#ffffff1f;color:var(--text)}.cap__row{margin-bottom:1.6rem}.cap__row-label{display:block;margin-bottom:.8rem;font-size:1.3rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.cap__row-label em{color:var(--gold);font-style:normal}.cap__sws{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:.8rem}.cap__sw{position:relative;aspect-ratio:1;min-height:4.4rem;border:0;border-radius:10px;background:var(--c);box-shadow:inset 0 0 0 2px #ffffff40,0 3px #00000059;cursor:pointer}.cap__sw--chrome{background:linear-gradient(135deg,#fff,#8c95a4 45%,#fff 60%,#6f7888)}.cap__sw.is-on{box-shadow:0 0 0 3px var(--gold),0 0 0 6px var(--ink),0 6px 14px #0006}.cap__sw.is-on:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--ink)}.cap__sw.is-out{opacity:.3;cursor:not-allowed}.cap__item:focus-visible,.cap__size:focus-visible,.cap__sw:focus-visible,.cap__visor:focus-visible{outline:3px solid #fff;outline-offset:3px}.cap__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.8rem}.cap__field input,.cap__visor{min-height:4.8rem;border-radius:10px;color:#fff}.cap__visor{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;border:0;background:#05081e8c;font-size:1.4rem;font-weight:700;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff24}.cap__visor i{flex:0 0 3.6rem;height:1.8rem;border-radius:6px 6px 12px 12px;box-shadow:inset 0 0 0 2px #fff6;background-color:#ffffff0d}.cap__visor.is-on{box-shadow:0 0 0 3px var(--gold);background:#ffe14a1f}.cap__inputs{display:grid;grid-template-columns:1fr 9rem;gap:1rem;margin-bottom:1.6rem}.cap__field{display:flex;flex-direction:column;gap:.6rem}.cap__field span{font-size:1.3rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.cap__field input{padding:0 1.2rem;border:2px solid rgba(255,255,255,.18);background:#05081e99;font-family:Lilita One,Impact,sans-serif;font-size:2rem;text-transform:uppercase;width:100%}.cap__field input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px #ffe14a40}.cap__field--num input{text-align:center}.cap__items{display:flex;gap:1rem;overflow-x:auto;padding:.4rem .2rem 1.2rem;margin-bottom:.6rem;scrollbar-width:none;scroll-snap-type:x proximity}@media(min-width:990px){.cap__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));overflow:visible}}.cap__item{position:relative;flex:0 0 15rem;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;padding:0 0 1rem;border:0;border-radius:12px;overflow:hidden;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(160deg,var(--r),var(--r2));box-shadow:0 0 0 2px #ffffff26,0 8px 18px #00000059;transition:transform .12s ease}.cap__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff140 2px,#fff0 2px 20px)}.cap__item:hover{transform:translateY(-3px)}.cap__item.is-on{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ink),0 10px 22px #00000073}.cap__item.is-out{filter:grayscale(.7);opacity:.6;cursor:not-allowed}.cap__item img{position:relative;width:100%;height:12rem;object-fit:contain;padding:2.6rem .8rem .4rem;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.cap__item-r{position:absolute;top:.7rem;left:.7rem;z-index:1;font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .6rem;border-radius:5px;background:#08061eb3}.cap__item-name,.cap__item-price{position:relative;font-family:Lilita One,Impact,sans-serif}.cap__item-name{padding:.4rem 1rem 0;font-size:1.6rem;line-height:1.05;text-transform:uppercase;background:linear-gradient(180deg,#08061e00,#08061e8c)}.cap__item-price{align-self:flex-start;margin:.5rem 1rem 0;padding:.1rem .7rem;border-radius:5px;background:#08061e8c;font-size:1.5rem}.cap__item-eq{position:absolute;top:.7rem;right:.7rem;z-index:1;padding:.2rem .6rem;border-radius:5px;background:#3fd46b;color:#072b12;font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cap__sizes{display:flex;flex-wrap:wrap;gap:.6rem}.cap__size{min-width:5.2rem;min-height:4.4rem;padding:0 1rem;border:0;border-radius:10px;background:#05081e99;color:#fff;font-size:1.4rem;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff2e}.cap__size.is-on{background:var(--gold);color:#1a1440;box-shadow:none}.cap__size:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}.cap__gear-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.4rem}.cap__link,.cap__unequip{min-height:4.4rem;font-size:1.4rem;font-weight:700}.cap__link{color:var(--gold);display:inline-flex;align-items:center}.cap__unequip{padding:0 1.6rem;border:0;border-radius:10px;background:#ffffff1a;color:#fff;cursor:pointer}.cap__hint{margin:0;color:var(--text);font-size:1.5rem}.cap__bar{position:fixed;left:0;right:0;bottom:0;z-index:2147481000;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom));background:#08061ef0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(255,225,74,.4);transform:translateY(0)}.cap__bar-info{display:flex;flex-direction:column;min-width:0}.cap__bar-label{font-size:1.1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.cap__bar-total{font-size:1.5rem;color:var(--text);white-space:nowrap}.cap__bar-total strong{font-family:Lilita One,Impact,sans-serif;font-size:2.4rem;font-weight:400;color:#fff}.cap__add,.cap__bar-btn{min-height:5.2rem;padding:0 2.2rem;border:0;border-radius:12px;background:var(--gold);color:#1a1440;font-family:Lilita One,Impact,sans-serif;font-size:1.9rem;text-transform:uppercase;box-shadow:0 5px #b89a12;cursor:pointer}.cap__bar-btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.cap__add:focus-visible,.cap__bar-btn:focus-visible,.cap__x:focus-visible{outline:3px solid #fff;outline-offset:3px}.has-loadout .cap__bar-btn{animation:capPulse 2s ease-in-out infinite}.cap__sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482000;display:flex;align-items:flex-end;justify-content:center}.cap__sheet[hidden]{display:none}.cap__sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#040312b3}.cap__sheet-card{position:relative;width:100%;max-width:56rem;max-height:88vh;overflow-y:auto;padding:2rem 1.6rem calc(2rem + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:linear-gradient(180deg,#1d2670,#121a55);box-shadow:0 -10px 40px #00000080;animation:capUp .25s ease-out}@media(min-width:750px){.cap__sheet{align-items:center}.cap__sheet-card{border-radius:20px}}.cap__sheet-head,.cap__x{display:flex;align-items:center}.cap__sheet-head{justify-content:space-between;margin-bottom:1.2rem}.cap__x{justify-content:center;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer}.cap__lines{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-direction:column;gap:1rem}.cap__line{display:grid;grid-template-columns:6.4rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1rem;border-radius:12px;background:#05081e80;box-shadow:inset 4px 0 0 var(--r)}.cap__line img{width:6.4rem;height:6.4rem;object-fit:contain;border-radius:8px;background:linear-gradient(160deg,var(--r),var(--r2))}.cap__line-info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.cap__line-info strong{font-size:1.5rem}.cap__line-info span{font-size:1.3rem;color:var(--text)}.cap__line-size{margin-top:.4rem;min-height:4.2rem;max-width:18rem;padding:0 1rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:#05081eb3;color:#fff;font-size:16px}.cap__line-size.is-missing{border-color:var(--gold);box-shadow:0 0 0 3px #ffe14a40}.cap__line-end{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.cap__line-end b,.cap__sum strong{font-family:Lilita One,Impact,sans-serif;font-weight:400;font-size:1.8rem}.cap__line-x{min-height:4.4rem;padding:0 .4rem;border:0;background:0 0;color:var(--text);font-size:1.3rem;text-decoration:underline;cursor:pointer}.cap__ship{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem;font-size:1.4rem;color:var(--text)}.cap__ship b{color:#fff}.cap__ship i{display:block;height:.8rem;border-radius:4px;background:#ffffff1f;overflow:hidden}.cap__ship i b{display:block;height:100%;background:linear-gradient(90deg,#3fd46b,#8cff3a)}.cap__sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.2rem;font-size:1.6rem}.cap__sum strong{font-size:2.6rem}.cap__err{margin:0 0 1rem;padding:1rem 1.2rem;border-radius:10px;background:#ff505026;border:2px solid rgba(255,110,110,.5);font-size:1.4rem}.cap__add{width:100%}.cap__add:disabled{opacity:.7;cursor:wait}.cap__fine{margin:1.2rem 0 0;font-size:1.25rem;color:var(--text);text-align:center}html.cap-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.cap-body,.cap-spark,.cap__rays,.has-loadout .cap__bar-btn{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/perx-cap.css.map?b=10 */