@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap");
*{box-sizing:border-box}
html{overflow-anchor:none}
:root{
  --bg:#090d14;
  --bg-soft:#0d121c;
  --panel:#101827;
  --panel-2:#0d1523;
  --panel-3:#141f32;
  --line:rgba(156,177,214,.12);
  --line-strong:rgba(156,177,214,.22);
  --text:#f3f6fb;
  --muted:#9aa6bb;
  --soft:#d9e2f1;
  --accent:#4f8cff;
  --accent-2:#2d64d8;
  --accent-soft:rgba(79,140,255,.18);
  --accent-fade:rgba(79,140,255,.08);
  --good:#21d59d;
  --danger:#ff6f7d;
  --shadow:0 18px 48px rgba(0,0,0,.24);
  --radius-xl:22px;
  --radius-lg:18px;
  --radius-md:15px;
  --radius-sm:12px;
}
html,body{margin:0;min-height:100%;background:#090d14;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable both-edges}
body{
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
  background:#090d14;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);
  pointer-events:none;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(1000px 600px at 5% -8%,rgba(40,100,255,.22),transparent 50%),
    radial-gradient(900px 500px at 95% -5%,rgba(60,120,255,.18),transparent 48%),
    radial-gradient(700px 700px at 50% 25%,rgba(50,90,220,.12),transparent 55%),
    radial-gradient(600px 500px at 85% 50%,rgba(70,115,255,.10),transparent 50%),
    radial-gradient(550px 400px at 10% 55%,rgba(55,95,240,.09),transparent 52%),
    radial-gradient(500px 400px at 65% 75%,rgba(60,105,255,.07),transparent 50%),
    radial-gradient(450px 350px at 25% 85%,rgba(80,120,255,.06),transparent 50%),
    radial-gradient(400px 300px at 50% 95%,rgba(70,110,255,.05),transparent 50%),
    linear-gradient(180deg,#101723 0%,#0b111b 420px,#090d14 860px,#090d14 100%);
  pointer-events:none;
}
html.modal-lock,body.modal-lock{overflow-y:scroll!important;overflow-x:hidden!important;overscroll-behavior:none;scrollbar-gutter:stable both-edges}body.modal-lock{touch-action:none}
body.booted .navbar,
body.booted .intro,
body.booted .discord-id-card,
body.booted .game-tabs,
body.booted .catalogue,
body.booted .sidebar,
body.booted .site-footer{opacity:1}
.page{width:min(100% - 40px,1280px);margin:0 auto;padding:0 0 42px}
.navbar,
.intro,
.discord-id-card,
.game-tabs,
.catalogue,
.sidebar,
.site-footer{opacity:0;transition:opacity .36s ease}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:42px;border-radius:20px;background:rgba(13,19,30,.94);border:1px solid rgba(255,255,255,.065);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.brand-chip{display:inline-flex;align-items:center;gap:14px;border-radius:18px;padding:6px 8px;text-decoration:none}
.top-logo{width:42px;height:42px;border-radius:14px;object-fit:contain;background:linear-gradient(145deg,#3e79ea,#2757c6);box-shadow:0 12px 28px rgba(79,140,255,.24),0 0 0 1px rgba(255,255,255,.06) inset}
.brand-chip span{color:var(--text);font-weight:780;letter-spacing:-.03em;font-size:28px;line-height:1}
.nav-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nav-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:38px;padding:0 12px;text-decoration:none;color:#b9c4d6;font-size:14px;font-weight:650;border:0;background:transparent;transition:color .2s ease,text-shadow .2s ease}
.nav-links a:hover{color:#7DBBFF;text-shadow:0 0 14px rgba(125,187,255,.16)}.nav-links a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,#7DBBFF,transparent);opacity:0;transform:scaleX(.5);transition:opacity .2s ease,transform .2s ease}.nav-links a:hover::after{opacity:.72;transform:scaleX(1)}
.intro-row{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:26px;align-items:center;margin-bottom:28px}
.intro{position:relative;max-width:820px;padding:26px 28px;border:1px solid rgba(125,187,255,.10);border-radius:24px;background:linear-gradient(180deg,rgba(16,24,38,.62),rgba(9,14,22,.18));overflow:hidden}
.intro h1{position:relative;margin:0 0 14px;font-size:clamp(42px,5.2vw,70px);line-height:.94;letter-spacing:-.065em;font-weight:880;color:#fff;max-width:760px}
.intro h1::after{content:"";display:block;width:118px;height:3px;border-radius:999px;margin-top:18px;background:linear-gradient(90deg,#7DBBFF,#1E5EFF,transparent);box-shadow:0 0 18px rgba(30,94,255,.22)}
.intro p{position:relative;margin:0;max-width:680px;color:#b8c6dc;font-size:16px;line-height:1.68}
.discord-id-card{min-width:0;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(18,27,42,.96),rgba(13,20,31,.96));border:1px solid var(--line);box-shadow:var(--shadow)}
.discord-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#23334e,#131e30);border:1px solid rgba(255,255,255,.05);overflow:hidden;flex:0 0 auto}
.discord-icon img{width:100%;height:100%;object-fit:cover;display:block}
.discord-icon svg{width:24px;height:24px;fill:#dbe6f7;display:block}
.discord-id-card span{display:block;font-size:12px;color:#8ea1bf;margin-bottom:5px}
.discord-id-card b{display:block;font-size:17px;color:#fff;font-weight:760;letter-spacing:-.02em}
.game-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.game-tabs button{position:relative;border:1px solid transparent;background:linear-gradient(180deg,#121a29,#0e1522);color:#7b8da6;border-radius:16px;padding:13px 22px;font-size:16px;font-weight:760;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden}
.game-tabs button:hover{transform:translateY(-1px);border-color:rgba(79,140,255,.24);color:#fff;box-shadow:0 8px 20px rgba(79,140,255,.08)}
.game-tabs button.active{color:#fff;border-color:rgba(79,140,255,.34);background:linear-gradient(180deg,rgba(79,140,255,.14),rgba(79,140,255,.06));box-shadow:0 12px 30px rgba(79,140,255,.12)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}
.catalogue,.sidebar{position:relative;min-width:0;padding:20px;border-radius:20px;background:rgba(13,19,30,.96);border:1px solid rgba(255,255,255,.065);box-shadow:var(--shadow);overflow:hidden}
.catalogue::before,.sidebar::before,.navbar::before,.discord-id-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(79,140,255,.075),transparent 36%);pointer-events:none;opacity:0;transition:opacity .18s ease}.catalogue:hover::before,.sidebar:hover::before,.navbar:hover::before,.discord-id-card:hover::before{opacity:1}
.searchbox{position:relative;height:58px;display:flex;align-items:center;gap:12px;padding:0 18px;margin-bottom:12px;border-radius:15px;background:#101722;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.18);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.searchbox:focus-within{border-color:rgba(79,140,255,.38);box-shadow:0 0 0 4px rgba(79,140,255,.10),0 18px 34px rgba(0,0,0,.22);transform:translateY(-1px)}
.searchbox span{font-size:20px;color:#94afdc}
.searchbox input{width:100%;height:100%;background:transparent;border:0;outline:0;color:#fff;font-size:16px;font-weight:630}
.searchbox input::placeholder{color:#70819d}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;color:#a5b3c8;font-size:13px}
.toolbar p{margin:0}
.toolbar span{white-space:nowrap;color:#dbe6f7;font-weight:720}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px;min-height:240px;align-content:start}
.card{position:relative;display:block;min-width:0;padding:0;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#111925;color:#fff;text-align:left;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d}
.card::before,.slot::before,.primary-btn::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(125,187,255,.05),transparent 42%);opacity:0;pointer-events:none;transition:opacity .18s ease}
.card:hover{border-color:rgba(125,187,255,.20);box-shadow:0 8px 24px rgba(30,94,255,.08),0 14px 28px rgba(0,0,0,.18);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),#111925}
.card:hover::before,.slot:hover::before,.primary-btn:hover::before{opacity:.55}
.card.selected{border-color:rgba(33,213,157,.42);box-shadow:0 0 0 1px rgba(33,213,157,.24),0 18px 36px rgba(6,20,16,.24);background:linear-gradient(180deg,#142134,#102134)}
.card-img{position:relative;display:flex;align-items:center;justify-content:center;height:150px;overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(125,187,255,.08),transparent 34%),linear-gradient(180deg,#152132,#101927);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.card.has-image .card-img{height:128px;margin:12px 12px 0;border:1px solid rgba(255,255,255,.06);border-radius:14px}
.card:hover .card-img{border-color:rgba(125,187,255,.14);box-shadow:0 10px 20px rgba(30,94,255,.06)}
.card:hover .card-img img{transform:translateY(-1px) scale(1.018)}
.card.selected .card-img{border-color:rgba(33,213,157,.18);box-shadow:0 12px 24px rgba(6,20,16,.18)}
.card.has-placeholder .card-img img{opacity:.98;filter:saturate(.92)}
.card-img img{display:block;max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain!important;padding:8px;border-radius:12px;background:transparent;transition:transform .18s ease,filter .18s ease,opacity .18s ease}
.card.has-image .card-img img[src*='/static/skin-cards/']{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:8px;background:linear-gradient(180deg,#19294a,#0f1725)}
.card-img>b,.text-check{position:absolute;right:10px;top:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#21d59d;color:#042218;font-size:13px;font-weight:820;z-index:2}
.card.no-image{min-height:146px;display:flex;align-items:flex-end;background:radial-gradient(circle at 20% 10%,rgba(125,187,255,.06),transparent 30%),linear-gradient(180deg,#151f31,#101724)}
.card.no-image .card-meta{width:100%;background:transparent;padding:18px 14px}
.card-meta{position:relative;padding:14px;background:rgba(6,10,16,.26)}
.card-meta strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25;font-weight:740;letter-spacing:-.02em}
.card-meta small{display:block;margin-top:7px;color:#8fa9d0;font-size:12px;font-weight:650}
.side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.side-head h2{margin:0;font-size:28px;font-weight:820;letter-spacing:-.04em}
.side-head button{border:1px solid rgba(79,140,255,.18);background:rgba(79,140,255,.08);color:#dbe6f7;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.side-head button:hover{background:rgba(79,140,255,.14);border-color:rgba(79,140,255,.28);transform:translateY(-1px)}
.selected-list{display:grid;gap:12px;margin-bottom:22px}
.slot{position:relative;min-height:70px;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.06);background:#111925;color:#9fb0c8;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden}
.slot:hover{border-color:rgba(79,140,255,.18)}
.slot.muted span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(79,140,255,.12);color:#a8bdf0;font-size:18px}
.slot.filled{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 10px 20px rgba(0,0,0,.14)}
.slot.filled > div:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#101827;border:1px solid rgba(255,255,255,.05);overflow:hidden;flex:0 0 auto}
.slot.filled > div:first-child img{width:100%;height:100%;object-fit:contain}
.mini-letter{font-weight:800;color:#bfd0ee}
.slot.filled strong{flex:1;min-width:0;font-size:14px;font-weight:720;line-height:1.3;color:#fff}
.slot.filled button{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,111,125,.26);background:rgba(255,111,125,.08);color:#ff919b;font-size:16px;cursor:pointer}
.filters{display:grid;gap:14px;margin-bottom:22px}
.filters h3{margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px;font-weight:800;color:#fff;letter-spacing:.01em}
.filters label{display:block}
.filters label span{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#ccd7e8}
.filters label select,.filters label input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#121a29,#0e1522);color:#fff;font-size:14px;font-weight:650;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.filters label select:focus,.filters label input:focus{border-color:rgba(79,140,255,.34);box-shadow:0 0 0 4px rgba(79,140,255,.08)}
.preview{padding-top:18px;margin-bottom:20px;border-top:1px solid rgba(255,255,255,.08)}
.preview span{display:block;margin-bottom:7px;color:#8999b2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.preview strong{display:block;color:#fff;font-size:14px;line-height:1.5;font-weight:700}
.primary-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 18px;border-radius:14px;border:1px solid rgba(79,140,255,.16);background:linear-gradient(180deg,#17305a,#11284d);color:#fff;font-size:15px;font-weight:820;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 18px 34px rgba(11,28,56,.24);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.primary-btn span{font-size:18px}
.primary-btn:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-1px);border-color:rgba(79,140,255,.32);box-shadow:0 20px 38px rgba(11,28,56,.3)}
.primary-btn:disabled{border-color:rgba(255,255,255,.06);background:#202838;color:#7d8ca4;box-shadow:none;cursor:not-allowed;transform:none}
.notice{grid-column:1/-1;padding:28px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#111a29,#0d1420);text-align:center;color:#b5c2d8;font-size:15px}
.grid.show-presets{display:block;min-height:auto}
.grid.show-presets .notice{padding:0;overflow:hidden}
.empty-presets{display:grid;place-items:center;gap:14px;min-height:170px;padding:28px}
.empty-search-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);color:#9eb7e0;font-size:30px}
.empty-presets p{margin:0;color:#d5def0;font-size:15px;font-weight:650}
.preset-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.preset-chip{padding:10px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#d0dbef;font-size:13px;font-weight:650;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.preset-chip:hover{transform:translateY(-1px);background:rgba(79,140,255,.10);border-color:rgba(79,140,255,.18);color:#fff}
.game-filter-stack{display:grid;gap:14px}
.hidden{display:none!important}
.modal{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:rgba(6,10,16,.78);backdrop-filter:blur(12px);z-index:100;opacity:1;transition:opacity .18s ease}
.modal.hidden{opacity:0;pointer-events:none;display:grid!important}
.modal-card{width:100%;max-width:500px;padding:34px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111a29,#0c131f);box-shadow:0 34px 80px rgba(0,0,0,.4)}
.modal:not(.hidden) .modal-card{animation:modalIn .22s cubic-bezier(.22,1,.36,1)}
.modal-card h2{margin:0 0 14px;font-size:28px;font-weight:860;letter-spacing:-.04em}
.modal-card p{margin:0 0 20px;color:#b4c0d4;font-size:15px;line-height:1.65}
.check{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 22px;border-radius:999px;background:linear-gradient(180deg,#2d64d8,#214ba6);color:#fff;font-size:28px;box-shadow:0 16px 34px rgba(45,100,216,.24)}
.nextbox{margin-top:22px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#101827}
.nextbox b{display:block;margin-bottom:8px;font-size:17px;font-weight:800;color:#fff}
.nextbox span{display:block;color:#b9c5d9;font-size:14px;line-height:1.72}
.modal.no-results .check{background:#b9810d;color:#171717}
.modal.no-results .nextbox{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.06)}
.modal.searching .check{background:transparent!important;position:relative;overflow:visible;color:transparent;box-shadow:none!important;width:74px;height:74px;margin-left:auto;margin-right:auto;display:grid;place-items:center}
.modal.searching .check::before{content:"";position:absolute;inset:1px;border-radius:999px;border:2px solid rgba(255,255,255,.08);border-left-color:#21d59d;border-top-color:#6d9eff;animation:spinOrbit .95s linear infinite;filter:drop-shadow(0 0 10px rgba(79,140,255,.18))}
.modal.searching .check::after{display:none}
.search-spinner{display:flex;position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:999px;background:linear-gradient(145deg,#63a2ff,#2f67df);box-shadow:0 0 20px rgba(79,140,255,.2),0 0 54px rgba(79,140,255,.10),inset 0 2px 9px rgba(255,255,255,.18),inset 0 -10px 18px rgba(0,0,0,.3);align-items:center;justify-content:center;gap:7px;padding:0}
.search-spinner i{display:block;position:relative;width:6px;height:6px;border-radius:999px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.6);animation:orbDotBounce 1.05s ease-in-out infinite}
.search-spinner i:nth-child(2){animation-delay:.14s}
.search-spinner i:nth-child(3){animation-delay:.28s}
.modal.searching h2::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:searchDots 1.15s steps(4,end) infinite}
.modal-actions{display:flex;gap:12px;margin-top:26px}
.modal-actions button,.modal-actions a{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#101827;color:#fff;text-decoration:none;font-size:14px;font-weight:750;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.modal-actions button:hover,.modal-actions a:hover{transform:translateY(-1px);background:#141f32;border-color:rgba(79,140,255,.2)}
.site-footer{margin-top:34px;padding:18px 4px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:14px;color:#8191ab;font-size:13px}
.site-footer b{color:#d7e0ef}
.home{min-height:100vh;display:grid;place-items:center;padding:32px}
.home-card{width:min(540px,92vw);padding:38px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(10,15,24,.98));box-shadow:var(--shadow);text-align:center}
.home .brandmark{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 20px;border-radius:20px;background:linear-gradient(180deg,#214ba6,#17376f);box-shadow:0 18px 34px rgba(79,140,255,.16);overflow:hidden}
.home .brandmark img{width:100%;height:100%;object-fit:contain}
.home h1{margin:0 0 12px;font-size:42px;font-weight:860;letter-spacing:-.05em}
.home p{margin:0;color:#b4c0d4;line-height:1.6}
.interactive-surface{will-change:transform,background}
.pulse-in{animation:pulseIn .32s cubic-bezier(.22,1,.36,1)}
@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pulseIn{0%{opacity:.88}100%{opacity:1}}
@keyframes spinOrbit{to{transform:rotate(360deg)}}
@keyframes searchDots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
@keyframes orbDotBounce{0%,100%{opacity:.45;transform:translateY(2px) scale(.78)}35%{opacity:1;transform:translateY(-2px) scale(1.05)}70%{opacity:.75;transform:translateY(0) scale(.92)}}
@media (max-width:1120px){.intro-row{grid-template-columns:1fr}.discord-id-card{width:min(340px,100%)}.workspace{grid-template-columns:1fr}.sidebar{width:100%}}
@media (max-width:760px){.page{width:min(100% - 24px,720px);padding-top:18px}.navbar{position:relative;flex-direction:column;align-items:flex-start;padding:18px}.nav-links{width:100%;justify-content:flex-start}.intro{padding:22px 18px}.intro h1{font-size:clamp(38px,11vw,58px)}.hero-steps{grid-template-columns:1fr}.catalogue,.sidebar{padding:18px;border-radius:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-img{height:136px}.site-footer{display:grid}}
@media (max-width:560px){.nav-links{display:grid;grid-template-columns:1fr 1fr;width:100%}.nav-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:38px;padding:0 12px;text-decoration:none;color:#b9c4d6;font-size:14px;font-weight:650;border:0;background:transparent;transition:color .2s ease,text-shadow .2s ease}.game-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-tabs button{padding:12px 16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card.has-image .card-img{height:118px}.card-meta{padding:12px}.searchbox{height:56px}.toolbar{flex-direction:column;align-items:flex-start;gap:6px}.modal-card{padding:28px 22px}.modal-actions{flex-direction:column}.site-footer{gap:8px}.side-head h2{font-size:24px}}
@media (max-width:400px){.grid{grid-template-columns:1fr}.nav-links{grid-template-columns:1fr}.page{width:min(100% - 18px,720px)}}


html{background:#090d14;scrollbar-gutter:stable both-edges}
body::-webkit-scrollbar{width:12px}
body::-webkit-scrollbar-track{background:#090d14}
body::-webkit-scrollbar-thumb{background:#202b3c;border:3px solid #090d14;border-radius:999px}
body::-webkit-scrollbar-thumb:hover{background:#2b3a50}
html.modal-lock::-webkit-scrollbar-thumb,body.modal-lock::-webkit-scrollbar-thumb{background:#4a5260!important;border-color:#090d14!important}
html.modal-lock::-webkit-scrollbar-thumb:hover,body.modal-lock::-webkit-scrollbar-thumb:hover{background:#586272!important}
html.modal-lock::-webkit-scrollbar-track,body.modal-lock::-webkit-scrollbar-track{background:#090d14!important}

.page{background:transparent}
.catalogue,.sidebar,.navbar,.discord-id-card{background-color:#0d131e}
.grid{contain:layout paint}
.empty-card{min-height:172px;display:grid;place-items:center;gap:14px;padding:24px}
.empty-badge{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(79,140,255,.14),rgba(79,140,255,.06));border:1px solid rgba(125,187,255,.12);color:#9fc5ff;font-size:28px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.empty-card h3{margin:0;color:#f5f7fb;font-size:18px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
.empty-card p{margin:0;max-width:560px;color:#aebbd0;font-size:14px;line-height:1.55}
.empty-card .preset-row{margin-top:2px}
.grid.show-presets .notice{background:linear-gradient(180deg,#101722,#0d131e);border-color:rgba(255,255,255,.065)}
.preset-chip{border-radius:12px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);box-shadow:none}
.preset-chip:hover{background:rgba(79,140,255,.09);border-color:rgba(125,187,255,.22)}
.card,.slot,.game-tabs button,.searchbox,.filters label select,.filters label input,.primary-btn,.notice,.modal-card,.home-card{box-shadow:none}
.card:hover{box-shadow:0 8px 24px rgba(30,94,255,.08),0 14px 28px rgba(0,0,0,.18)}
.game-tabs button{border-radius:13px;background:#101722}
.game-tabs button.active{background:#162033;box-shadow:none}
.side-head h2{font-size:24px}
.intro h1{letter-spacing:-.075em}
.interactive-surface:hover{z-index:1}


.intro::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 190px at 12% 0%,rgba(125,187,255,.10),transparent 62%),linear-gradient(90deg,rgba(30,94,255,.08),transparent 50%);pointer-events:none}
.hero-kicker{position:relative;display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;padding:8px 12px;border-radius:999px;border:1px solid rgba(125,187,255,.14);background:rgba(125,187,255,.055);color:#c6d8f5;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hero-kicker span{width:8px;height:8px;border-radius:999px;background:#7DBBFF;box-shadow:0 0 14px rgba(125,187,255,.38)}
.hero-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;max-width:720px}
.hero-steps div{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 13px;border-radius:16px;border:1px solid rgba(255,255,255,.065);background:rgba(10,16,26,.58)}
.hero-steps b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:10px;background:linear-gradient(180deg,rgba(30,94,255,.24),rgba(11,47,158,.18));border:1px solid rgba(125,187,255,.14);color:#b9d5ff;font-size:12px}
.hero-steps span{color:#e5edf9;font-size:13px;font-weight:720;line-height:1.25}



.intro-row{grid-template-columns:minmax(0,1fr) 292px;gap:28px;align-items:center;margin-bottom:30px}
.intro{
  position:relative;
  max-width:900px;
  padding:34px 36px 30px;
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(15,22,34,.94),rgba(9,14,22,.96)),
    radial-gradient(520px 220px at 14% 0%,rgba(125,187,255,.10),transparent 60%);
  border:1px solid rgba(125,187,255,.12);
  box-shadow:0 26px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}
.intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(30,94,255,.055),transparent 54%),
    radial-gradient(460px 180px at 94% 12%,rgba(125,187,255,.06),transparent 62%);
  pointer-events:none;
}
.intro::after{
  content:"";
  position:absolute;
  left:36px;
  right:36px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,187,255,.22),transparent);
  pointer-events:none;
}
.hero-kicker{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(125,187,255,.18);
  background:rgba(125,187,255,.055);
  color:#c8d9f3;
  font-size:12px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.hero-kicker span{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#7DBBFF;
  box-shadow:0 0 12px rgba(125,187,255,.42);
}
.intro h1{
  position:relative;
  max-width:820px;
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(44px,5vw,68px);
  line-height:.96;
  letter-spacing:-.062em;
  font-weight:880;
  text-wrap:balance;
}
.intro h1::after{
  content:"";
  display:block;
  width:160px;
  height:2px;
  margin-top:20px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(125,187,255,.88),rgba(30,94,255,.82),transparent);
  box-shadow:none;
}
.intro p{
  position:relative;
  max-width:720px;
  margin:0;
  color:#bdc8db;
  font-size:16px;
  line-height:1.68;
}
.hero-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:26px;
  max-width:760px;
}
.hero-steps div{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:58px;
  padding:13px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(17,25,39,.80),rgba(11,17,28,.82));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.hero-steps div:hover{
  transform:translateY(-1px);
  border-color:rgba(125,187,255,.18);
  background:linear-gradient(180deg,rgba(20,30,46,.86),rgba(12,18,30,.86));
}
.hero-steps b{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 auto;
  border-radius:10px;
  color:#bcd5ff;
  font-size:12px;
  font-weight:850;
  background:linear-gradient(180deg,rgba(30,94,255,.18),rgba(11,47,158,.16));
  border:1px solid rgba(125,187,255,.16);
}
.hero-steps span{
  color:#edf3ff;
  font-size:13px;
  font-weight:760;
  line-height:1.25;
}
@media (max-width:1120px){
  .intro-row{grid-template-columns:1fr}
  .intro{max-width:none}
}
@media (max-width:760px){
  .intro{padding:24px 18px 22px;border-radius:22px}
  .intro::after{left:18px;right:18px}
  .intro h1{font-size:clamp(36px,10vw,54px);line-height:1;letter-spacing:-.055em}
  .intro h1::after{width:120px;margin-top:16px}
  .intro p{font-size:15px;line-height:1.6}
  .hero-kicker{font-size:11px;padding:7px 11px;margin-bottom:16px}
  .hero-steps{grid-template-columns:1fr;gap:9px;margin-top:20px}
  .hero-steps div{min-height:52px}
}



.asset-loading{
  grid-column:1/-1;
  width:100%;
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(125,187,255,.11);
  background:linear-gradient(180deg,rgba(16,24,38,.82),rgba(10,15,24,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.asset-loading-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.asset-loading-head strong{
  display:block;
  color:#f4f8ff;
  font-size:16px;
  font-weight:820;
  letter-spacing:-.02em;
}
.asset-loading-head p{
  margin:4px 0 0;
  color:#9dacbf;
  font-size:13px;
}
.asset-spinner{
  width:46px;
  height:46px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(30,94,255,.18),rgba(11,47,158,.13));
  border:1px solid rgba(125,187,255,.13);
}
.asset-spinner i{
  width:5px;
  height:5px;
  border-radius:999px;
  background:#bcd8ff;
  animation:assetDot 1s ease-in-out infinite;
}
.asset-spinner i:nth-child(2){animation-delay:.13s}
.asset-spinner i:nth-child(3){animation-delay:.26s}
.loading-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.loading-tile{
  min-height:118px;
  padding:12px;
  border-radius:15px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.055);
  overflow:hidden;
}
.loading-tile div{
  height:64px;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(125,187,255,.08),rgba(255,255,255,.035));
  background-size:220% 100%;
  animation:assetSweep 1.25s ease-in-out infinite;
}
.loading-tile span,
.loading-tile small{
  display:block;
  margin-top:12px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.loading-tile small{
  width:58%;
  margin-top:8px;
  opacity:.65;
}
@keyframes assetDot{0%,100%{opacity:.45;transform:translateY(2px)}45%{opacity:1;transform:translateY(-2px)}}
@keyframes assetSweep{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media (max-width:760px){.loading-grid{grid-template-columns:1fr 1fr}.asset-loading{padding:18px}.asset-loading-head{align-items:flex-start}}
@media (max-width:430px){.loading-grid{grid-template-columns:1fr}}

body::after{background:radial-gradient(760px 420px at 15% -8%,rgba(82,129,205,.055),transparent 62%),radial-gradient(620px 360px at 88% 2%,rgba(82,129,205,.04),transparent 60%),linear-gradient(180deg,#0d131d 0%,#0a1019 430px,#070b12 860px,#070b12 100%)}
.page{width:min(100% - 44px,1280px)}
.intro-row{grid-template-columns:minmax(0,1fr) 268px;gap:22px;margin-bottom:26px}
.intro{max-width:none;padding:30px 36px 30px;border-radius:26px;background:linear-gradient(145deg,rgba(15,23,35,.98),rgba(7,12,20,.96));border:1px solid rgba(139,170,215,.14);box-shadow:0 22px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
.intro::before{background:linear-gradient(100deg,rgba(83,128,196,.11),transparent 46%),radial-gradient(420px 170px at 86% 12%,rgba(113,158,228,.06),transparent 64%)}
.intro::after{left:36px;right:auto;bottom:0;width:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(130,173,236,.24),transparent)}
.hero-kicker{margin-bottom:17px;padding:7px 12px;border-color:rgba(130,173,236,.18);background:rgba(72,107,160,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#c3d4ee;font-size:11px;letter-spacing:.085em}
.hero-kicker span{width:6px;height:6px;background:#7fb7ff;box-shadow:0 0 10px rgba(127,183,255,.36)}
.intro h1{max-width:780px;margin-bottom:14px;font-size:clamp(38px,4.5vw,60px);line-height:.99;letter-spacing:-.064em;font-weight:890}
.intro h1::after{width:126px;height:2px;margin-top:18px;background:linear-gradient(90deg,rgba(130,181,255,.86),rgba(65,105,175,.42),transparent)}
.intro p{max-width:710px;color:#c0cada;font-size:15px;line-height:1.62}
.hero-steps{gap:12px;margin-top:24px;max-width:760px}
.hero-steps div{min-height:52px;padding:11px 13px;border-radius:15px;background:linear-gradient(180deg,rgba(18,27,42,.72),rgba(9,15,25,.72));border-color:rgba(255,255,255,.075)}
.hero-steps b{width:30px;height:30px;border-radius:10px;background:rgba(74,115,179,.18);border-color:rgba(127,183,255,.16);color:#bed6fa;font-size:11px}
.hero-steps span{font-size:13px;font-weight:780;color:#f1f5fb}
.discord-id-card{padding:14px 15px;border-radius:22px;background:linear-gradient(180deg,rgba(16,24,38,.96),rgba(9,15,25,.98));box-shadow:0 18px 48px rgba(0,0,0,.24)}
.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:18px}
.catalogue,.sidebar{padding:18px;border-radius:20px;background:rgba(10,16,26,.97);border-color:rgba(255,255,255,.07);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.searchbox{height:52px;margin-bottom:12px;border-radius:14px;background:#0f1623;border-color:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.searchbox:focus-within{border-color:rgba(118,164,232,.32);box-shadow:0 0 0 3px rgba(79,140,255,.08)}
.searchbox-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto}
.search-icon{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;color:#95b2dd}
.searchbox input{font-size:15px}
.toolbar{margin-bottom:14px}
.grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;min-height:220px}
.card{border-radius:14px;background:#101824}
.card.has-image .card-img{height:114px;margin:10px 10px 0;border-radius:12px}
.card-img img{padding:7px;border-radius:10px}
.card-meta{padding:12px}
.card-meta strong{font-size:13px;line-height:1.25}
.card-meta small{font-size:11px;margin-top:6px}
.card.no-image{min-height:128px}
.card.no-image .card-meta{padding:15px 13px}
.side-head{margin-bottom:13px}
.side-head h2{font-size:22px}
.side-head button{padding:8px 12px;border-radius:11px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
.selected-list{gap:9px;margin-bottom:18px}
.slot{min-height:52px;gap:10px;padding:9px 10px;border-radius:12px;background:#101824;border-color:rgba(255,255,255,.065)}
.slot.muted{color:#8494ad}
.slot.muted span{width:26px;height:26px;border-radius:9px;font-size:14px;background:rgba(95,138,203,.105)}
.slot.filled > div:first-child{width:34px;height:34px;border-radius:10px}
.slot.filled strong{font-size:13px;line-height:1.25}
.slot.filled button{width:26px;height:26px;border-radius:9px;font-size:14px}
.filters{gap:10px;margin-bottom:18px}
.filters h3{font-size:13px;padding-bottom:10px;margin-bottom:2px;color:#f2f6ff}
.filters h3::after{content:" Optional filters";display:block;margin-top:6px;color:#7587a5;font-size:10px;font-weight:760;letter-spacing:.105em;text-transform:uppercase}
.filters label{display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,142px);align-items:center;gap:12px;min-height:46px}
.filters label span{margin:0;color:#c9d5e8;font-size:13px;font-weight:680;line-height:1.25}
.filters label select,.filters label input{height:44px;padding:0 13px;border-radius:11px;background:#111a29;border-color:rgba(255,255,255,.075);font-size:13px;text-align:left}
.game-filter-stack{gap:10px}
.preview{padding-top:15px;margin-bottom:16px}
.preview strong{font-size:13px}
.primary-btn{min-height:48px;padding:12px 15px;border-radius:13px;border-color:rgba(124,169,236,.18);background:linear-gradient(180deg,#172338,#111b2c);box-shadow:none;font-size:14px;letter-spacing:-.01em}
.primary-btn:hover{border-color:rgba(124,169,236,.34);box-shadow:0 12px 28px rgba(0,0,0,.2);background:linear-gradient(180deg,#1a2942,#121f33)}
.primary-btn:disabled{background:#151d2b;color:#7e8ba0;border-color:rgba(255,255,255,.07)}
.search-btn-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:10px;background:rgba(125,170,236,.10);border:1px solid rgba(125,170,236,.13);flex:0 0 auto}
.search-btn-icon .search-icon{width:16px;height:16px;color:#bdd5fb}
.btn-label{line-height:1}
.notice{padding:0;border-radius:20px;background:linear-gradient(180deg,#0f1725,#0a101b);border-color:rgba(255,255,255,.07)}
.empty-card{min-height:188px;padding:28px 22px;gap:15px;background:radial-gradient(280px 160px at 50% 0%,rgba(97,137,200,.08),transparent 68%),linear-gradient(180deg,#0f1726,#0a101b);border-radius:19px}
.empty-badge{width:60px;height:60px;border-radius:999px;background:linear-gradient(180deg,rgba(31,43,63,.98),rgba(25,35,52,.96));border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#88a6d0;font-size:0}
.empty-badge .empty-icon{width:29px;height:29px;color:#7f98bd;stroke-width:1.75}
.empty-card h3{font-size:17px;color:#f2f6ff}
.empty-card p{max-width:540px;color:#9fc1ea;font-size:15px;letter-spacing:.01em}
.preset-row{gap:9px;margin-top:1px}
.preset-chip{padding:8px 14px;border-radius:999px;background:#172234;border-color:rgba(151,178,214,.15);color:#b9d0ed;font-size:13px;font-weight:640}
.preset-chip:hover{background:#1a2a40;border-color:rgba(151,184,230,.28);color:#edf5ff;transform:translateY(-1px)}
.asset-loading{padding:18px;border-radius:18px;background:linear-gradient(180deg,#0f1725,#0a101a);border-color:rgba(255,255,255,.07)}
.asset-loading-head{gap:12px;margin-bottom:15px}
.asset-spinner{width:40px;height:40px;border-radius:13px;background:#131d2d;border-color:rgba(255,255,255,.075);gap:4px}
.asset-spinner i,.button-dots i{display:block;width:5px;height:5px;border-radius:999px;background:#adcaff;animation:assetDot 1s ease-in-out infinite}
.asset-spinner i:nth-child(2),.button-dots i:nth-child(2){animation-delay:.13s}
.asset-spinner i:nth-child(3),.button-dots i:nth-child(3){animation-delay:.26s}
.loading-grid{gap:10px}
.loading-tile{min-height:96px;padding:10px;border-radius:13px;background:rgba(255,255,255,.025)}
.loading-tile div{height:52px;border-radius:11px}
.button-dots{height:26px;min-width:26px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;background:rgba(125,170,236,.08);border:1px solid rgba(125,170,236,.11)}
.modal.searching .check{width:62px;height:62px}
.modal.searching .check::before{border-color:rgba(255,255,255,.08);border-left-color:#7fafef;border-top-color:#a7c8f5;filter:none}
.search-spinner{width:50px;height:50px;background:#131d2d;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);gap:5px}
.search-spinner i{width:5px;height:5px;box-shadow:none;background:#b9d1f4}
@media (max-width:1120px){.intro-row{grid-template-columns:1fr}.discord-id-card{width:min(320px,100%)}}
@media (max-width:760px){.page{width:min(100% - 24px,720px)}.intro{padding:24px 20px;border-radius:22px}.intro h1{font-size:clamp(34px,10vw,48px);line-height:1}.intro p{font-size:14px}.hero-steps{grid-template-columns:1fr;gap:9px}.hero-steps div{min-height:48px}.catalogue,.sidebar{padding:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filters label{grid-template-columns:minmax(0,1fr) minmax(112px,136px)}.empty-card{min-height:176px}.card.has-image .card-img{height:104px}.slot{min-height:50px}}
@media (max-width:480px){.page{width:min(100% - 18px,720px)}.intro{padding:22px 16px}.hero-kicker{font-size:10px}.intro h1{font-size:clamp(31px,11vw,42px)}.searchbox{height:50px;padding:0 14px}.toolbar p{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card.has-image .card-img{height:92px;margin:8px 8px 0}.card-meta{padding:10px}.filters label{grid-template-columns:1fr;gap:6px;min-height:0}.filters label select,.filters label input{width:100%}.empty-badge{width:54px;height:54px}.empty-card p{font-size:14px}.preset-chip{padding:8px 12px;font-size:12px}}
@media (max-width:360px){.grid{grid-template-columns:1fr}}
.primary-btn .btn-label{font-size:14px;font-weight:820;line-height:1;letter-spacing:-.01em}
.primary-btn .button-dots{height:26px;min-width:26px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;background:rgba(125,170,236,.08);border:1px solid rgba(125,170,236,.11)}
.primary-btn .button-dots i{display:block;width:5px;height:5px;border-radius:999px;background:#adcaff;animation:assetDot 1s ease-in-out infinite}
.primary-btn .button-dots i:nth-child(2){animation-delay:.13s}
.primary-btn .button-dots i:nth-child(3){animation-delay:.26s}


body::after{background:radial-gradient(720px 360px at 14% -8%,rgba(68,111,180,.07),transparent 62%),radial-gradient(540px 320px at 92% 6%,rgba(63,98,153,.045),transparent 64%),linear-gradient(180deg,#0a1018 0%,#080d14 450px,#070b11 100%)}
.intro-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start;margin:18px 0 28px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.intro{max-width:none;padding:14px 0 10px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.intro::before,.intro::after{display:none!important}
.hero-kicker{margin:0 0 18px;padding:0;border:0;background:transparent;box-shadow:none;color:#8fb4eb;font-size:11px;font-weight:860;letter-spacing:.14em;text-transform:uppercase}
.hero-kicker span{width:7px;height:7px;background:#6da8ff;box-shadow:0 0 16px rgba(109,168,255,.42)}
.intro h1{max-width:880px;margin:0 0 16px;font-size:clamp(46px,6vw,82px);line-height:.88;letter-spacing:-.082em;font-weight:920;color:#fff;text-shadow:0 18px 60px rgba(0,0,0,.42)}
.intro h1::after{width:min(420px,58vw);height:1px;margin-top:24px;background:linear-gradient(90deg,rgba(126,177,255,.95),rgba(80,125,199,.28),transparent);box-shadow:none}
.intro p{max-width:720px;margin:0;color:#c3cfdf;font-size:16px;line-height:1.62}
.hero-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:850px}
.hero-steps div{position:relative;min-height:42px;padding:0 14px 0 10px;gap:10px;border-radius:999px;background:rgba(14,21,32,.72);border:1px solid rgba(142,171,214,.13);box-shadow:none;backdrop-filter:blur(8px)}
.hero-steps div:hover{transform:translateY(-1px);background:rgba(19,29,44,.82);border-color:rgba(130,177,246,.24)}
.hero-steps b{width:26px;height:26px;border-radius:999px;background:rgba(101,154,237,.13);border:1px solid rgba(126,177,255,.18);color:#bcd6ff;font-size:10px;font-weight:900}
.hero-steps span{font-size:12px;font-weight:820;color:#f3f7ff;letter-spacing:-.01em}
.discord-id-card{margin-top:18px;padding:12px 14px;border-radius:18px;background:rgba(12,18,28,.62);border:1px solid rgba(142,171,214,.11);box-shadow:none;backdrop-filter:blur(8px)}
.discord-id-card::before{display:none!important}
.discord-icon{width:42px;height:42px;border-radius:13px;background:rgba(102,148,222,.12);box-shadow:none}
.discord-id-card span{font-size:11px;color:#8395b2}
.discord-id-card b{font-size:14px;line-height:1.2}
.game-tabs{margin-top:4px}
@media (max-width:1120px){.intro-row{grid-template-columns:1fr}.discord-id-card{width:max-content;max-width:100%;margin-top:0}.intro h1{max-width:820px}}
@media (max-width:760px){.intro-row{margin-top:6px;margin-bottom:22px}.intro{padding:8px 0}.hero-kicker{margin-bottom:14px;font-size:10px}.intro h1{font-size:clamp(38px,13vw,62px);line-height:.92;letter-spacing:-.072em}.intro h1::after{width:64%;margin-top:18px}.intro p{font-size:14px;line-height:1.58}.hero-steps{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}.hero-steps div{min-height:40px;width:100%;border-radius:14px}.discord-id-card{width:100%;margin-top:2px}}
@media (max-width:480px){.intro h1{font-size:clamp(35px,14vw,52px)}.hero-steps div{padding-right:12px}.discord-id-card{padding:11px 12px}}

:root{
  --bg:#070b12;
  --bg-soft:#0b111b;
  --panel:#0f1723;
  --panel-2:#101927;
  --panel-3:#131f31;
  --line:rgba(143,163,196,.105);
  --line-strong:rgba(125,187,255,.18);
  --accent:#1E5EFF;
  --accent-2:#0B2F9E;
  --accent-soft:rgba(30,94,255,.14);
  --accent-fade:rgba(30,94,255,.07);
  --shadow:0 14px 34px rgba(0,0,0,.24);
}
html,body{background:#070b12}
body{background:#070b12;color:#eef3fa}
body::before{opacity:.35;background:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 72%)}
body::after{background:radial-gradient(680px 320px at 9% -7%,rgba(30,94,255,.055),transparent 62%),linear-gradient(180deg,#090e16 0%,#070b12 430px,#060a10 100%)}
.page{width:min(100% - 42px,1230px);padding-top:22px}
.navbar{margin-bottom:34px;padding:16px 18px;border-radius:16px;background:#0d141f;border-color:rgba(143,163,196,.10);box-shadow:0 12px 34px rgba(0,0,0,.20)}
.brand-chip{gap:12px}
.brand-chip span{font-size:20px;font-weight:770;letter-spacing:-.035em}
.top-logo{width:38px;height:38px;border-radius:11px}
.nav-links a{font-size:13px;font-weight:680;color:#b7c2d4}
.nav-links a:hover{color:#f0f6ff;text-shadow:none}
.intro-row{grid-template-columns:minmax(0,1fr) 244px;gap:22px;margin:12px 0 26px;align-items:start}
.intro{padding:8px 0 8px!important}
.hero-kicker{margin-bottom:16px;color:#8fb9f9;font-size:10px;letter-spacing:.16em;font-weight:820}
.hero-kicker span{width:6px;height:6px;background:#7DBBFF;box-shadow:none}
.intro h1{max-width:760px;margin-bottom:15px;font-size:clamp(42px,5.2vw,68px);line-height:.94;letter-spacing:-.069em;font-weight:850;text-shadow:0 12px 36px rgba(0,0,0,.28)}
.intro h1::after{width:min(300px,46vw);height:1px;margin-top:20px;background:linear-gradient(90deg,rgba(125,187,255,.82),rgba(30,94,255,.32),transparent)}
.intro p{max-width:670px;color:#bac6d7;font-size:15px;line-height:1.58}
.hero-steps{gap:8px;margin-top:21px;max-width:720px}
.hero-steps div{min-height:38px;padding:0 13px 0 9px;border-radius:12px;background:#0e1622;border-color:rgba(143,163,196,.11);backdrop-filter:none}
.hero-steps div:hover{background:#111b2a;border-color:rgba(125,187,255,.16);transform:none}
.hero-steps b{width:25px;height:25px;border-radius:8px;background:#12213a;border-color:rgba(125,187,255,.13);color:#9fc6ff;font-size:10px}
.hero-steps span{font-size:12px;font-weight:740;color:#e6edf8}
.discord-id-card{margin-top:15px;padding:11px 12px;border-radius:14px;background:#0d141f;border-color:rgba(143,163,196,.10);box-shadow:none;backdrop-filter:none}
.discord-icon{width:40px;height:40px;border-radius:10px;background:#121e31}
.discord-id-card span{color:#8796ad;font-size:11px}
.discord-id-card b{font-size:13px;font-weight:760}
.game-tabs{gap:9px;margin:0 0 20px}
.game-tabs button{border-radius:11px;padding:11px 20px;background:#0f1723;border-color:rgba(143,163,196,.12);color:#c3cedd;font-size:15px;font-weight:700;box-shadow:none}
.game-tabs button:hover{transform:none;background:#121c2b;border-color:rgba(125,187,255,.16)}
.game-tabs button.active{background:#14223a;border-color:rgba(30,94,255,.42);box-shadow:inset 0 0 0 1px rgba(30,94,255,.08);color:#fff}
.workspace{grid-template-columns:minmax(0,1fr) 342px;gap:16px}
.catalogue{padding:16px;border-radius:15px;background:#0d141f;border-color:rgba(143,163,196,.10);box-shadow:0 12px 32px rgba(0,0,0,.20)}
.sidebar{padding:16px;border-radius:17px;background:#0c131e;border-color:rgba(143,163,196,.105);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.catalogue::before,.sidebar::before,.navbar::before,.discord-id-card::before{display:none!important}
.searchbox{height:50px;margin-bottom:11px;border-radius:12px;background:#0f1724;border-color:rgba(143,163,196,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.searchbox:focus-within{border-color:rgba(125,187,255,.28);box-shadow:0 0 0 2px rgba(30,94,255,.07)}
.searchbox input{font-size:14px;font-weight:620;color:#edf4ff}
.toolbar{margin-bottom:12px}
.toolbar p{font-size:13px;color:#9caabd}
.toolbar span{font-size:12px;color:#dce7f7}
.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;min-height:210px}
.card{border-radius:11px;background:#101722;border-color:rgba(143,163,196,.09);transform:none!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.card::before,.slot::before,.primary-btn::before{display:none}
.card:hover{background:#121b29;border-color:rgba(125,187,255,.16);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.card.selected{background:#101b2d;border-color:rgba(30,94,255,.50);box-shadow:inset 3px 0 0 #1E5EFF,0 10px 24px rgba(0,0,0,.18)}
.card.has-image .card-img{height:108px;margin:9px 9px 0;border-radius:9px;background:#121c2c;border-color:rgba(143,163,196,.08)}
.card:hover .card-img{border-color:rgba(125,187,255,.12);box-shadow:none}
.card.selected .card-img{border-color:rgba(30,94,255,.24);box-shadow:none}
.card-img img{padding:6px;border-radius:8px;filter:saturate(.97) contrast(1.02)}
.card:hover .card-img img{transform:none}
.card.has-image .card-img img[src*='/static/skin-cards/']{padding:7px;background:#121c2c}
.card-img>b,.text-check{right:8px;top:8px;width:25px;height:25px;background:#1E5EFF;color:#fff;box-shadow:0 6px 14px rgba(30,94,255,.20)}
.card-meta{padding:11px 11px 12px;background:rgba(5,9,14,.22)}
.card-meta strong{font-size:12.5px;font-weight:720;line-height:1.28;letter-spacing:-.01em}
.card-meta small{font-size:11px;color:#8ea4c3;font-weight:610;margin-top:6px}
.card.no-image{min-height:122px;background:#101722}
.side-head{margin-bottom:12px}
.side-head h2{font-size:21px;font-weight:780;letter-spacing:-.035em}
.side-head button{height:32px;padding:0 11px;border-radius:9px;background:#121a27;border-color:rgba(143,163,196,.12);color:#cbd5e5;font-size:12px}
.selected-list{gap:8px;margin-bottom:16px}
.slot{min-height:49px;padding:8px 9px;border-radius:10px;background:#101722;border-color:rgba(143,163,196,.09)}
.slot.filled{background:#111a28;border-color:rgba(125,187,255,.14)}
.slot.filled > div:first-child{width:31px;height:31px;border-radius:8px;background:#121f32}
.slot.filled strong{font-size:12.5px;font-weight:720}
.slot.muted{color:#7f8fa8;background:#101722}
.slot.muted span{width:24px;height:24px;border-radius:8px;background:#142038;color:#9fc6ff}
.slot.filled button{width:24px;height:24px;border-radius:8px;background:rgba(255,111,125,.08);border-color:rgba(255,111,125,.14);color:#ff8c98}
.filters{gap:9px;margin-bottom:16px}
.filters h3{font-size:12px;font-weight:760;color:#dfe9f8;border-color:rgba(143,163,196,.09)}
.filters h3::after{font-size:9.5px;color:#697993;letter-spacing:.11em}
.filters label{grid-template-columns:minmax(0,1fr) minmax(112px,132px);min-height:42px;gap:10px}
.filters label span{font-size:12.5px;font-weight:630;color:#bdc9db}
.filters label select,.filters label input{height:40px;border-radius:9px;background:#101827;border-color:rgba(143,163,196,.10);font-size:12.5px;color:#dce7f7}
.preview{padding-top:13px;margin-bottom:14px;border-color:rgba(143,163,196,.09)}
.preview span{font-size:11px;color:#71839e}
.preview strong{font-size:12.5px;color:#d8e3f4}
.primary-btn{min-height:46px;border-radius:11px;background:#14213a;border-color:rgba(30,94,255,.26);font-size:13px;box-shadow:none}
.primary-btn:hover{background:#172744;border-color:rgba(125,187,255,.28);box-shadow:0 8px 22px rgba(0,0,0,.18);transform:none}
.search-btn-icon{width:25px;height:25px;border-radius:8px;background:#102348;border-color:rgba(125,187,255,.13)}
.notice{border-radius:15px;background:#0d141f;border-color:rgba(143,163,196,.09)}
.empty-card{min-height:164px;padding:22px 18px;background:#0d141f;border-radius:14px}
.empty-badge{width:52px;height:52px;border-radius:13px;background:#111b2a;border-color:rgba(143,163,196,.09);color:#85a9d8}
.empty-card h3{font-size:16px;font-weight:740}
.empty-card p{font-size:14px;color:#a9c7ed}
.preset-chip{padding:7px 12px;border-radius:11px;background:#121c2a;border-color:rgba(143,163,196,.12);font-size:12.5px;font-weight:620;color:#b8cbe7}
.preset-chip:hover{background:#16243a;border-color:rgba(125,187,255,.20);transform:none}
.site-footer{margin-top:28px;color:#77869d;border-color:rgba(143,163,196,.075)}
@media (max-width:1120px){.intro-row{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.sidebar{width:100%}.discord-id-card{width:max-content;max-width:100%;margin-top:0}}
@media (max-width:760px){.page{width:min(100% - 24px,720px);padding-top:18px}.navbar{margin-bottom:26px}.intro-row{margin-top:4px;margin-bottom:20px}.intro h1{font-size:clamp(36px,11.5vw,54px);line-height:.96}.hero-steps{grid-template-columns:1fr;display:grid}.hero-steps div{border-radius:11px}.catalogue,.sidebar{padding:14px;border-radius:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card.has-image .card-img{height:98px}.filters label{grid-template-columns:minmax(0,1fr) minmax(110px,130px)}.discord-id-card{width:100%}}
@media (max-width:480px){.page{width:min(100% - 18px,720px)}.intro h1{font-size:clamp(34px,13vw,48px)}.intro p{font-size:14px}.game-tabs{display:grid;grid-template-columns:1fr 1fr}.game-tabs button{padding:10px 12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card.has-image .card-img{height:88px}.filters label{grid-template-columns:1fr;gap:6px}.nav-links{grid-template-columns:repeat(3,1fr);display:grid}.nav-links a{height:34px;font-size:12px}}
@media (max-width:360px){.grid{grid-template-columns:1fr}.game-tabs{grid-template-columns:1fr}.nav-links{grid-template-columns:1fr}}


.intro-row{grid-template-columns:minmax(0,1fr) 286px 244px;gap:20px;margin-top:10px;margin-bottom:26px;align-items:start}
.intro{padding:10px 0 12px!important}
.intro h1{max-width:620px;margin-bottom:16px;font-size:clamp(36px,4.3vw,58px);line-height:.95;letter-spacing:-.065em;font-weight:840;text-shadow:0 12px 38px rgba(0,0,0,.34)}
.intro h1::after{width:min(230px,36vw);height:1px;margin-top:20px;background:linear-gradient(90deg,rgba(125,187,255,.78),rgba(30,94,255,.24),transparent)}
.intro p{max-width:560px;font-size:15px;line-height:1.52;color:#b8c5d6}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;margin-bottom:2px}
.hero-actions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:780;letter-spacing:-.01em;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.hero-primary{background:#1E5EFF;border:1px solid rgba(125,187,255,.34);color:#fff;box-shadow:0 10px 28px rgba(11,47,158,.22)}
.hero-primary:hover{background:#2a69ff;transform:translateY(-1px)}
.hero-secondary{background:#0d1522;border:1px solid rgba(125,187,255,.15);color:#b9c9df}
.hero-secondary:hover{background:#111c2d;border-color:rgba(125,187,255,.24);color:#fff}
.hero-steps{margin-top:20px;gap:7px}
.hero-steps div{min-height:34px;padding:0 11px 0 8px;border-radius:9px;background:#0b121d;border-color:rgba(125,187,255,.10)}
.hero-steps div:hover{background:#101928;border-color:rgba(125,187,255,.18)}
.hero-steps b{width:22px;height:22px;border-radius:7px;background:#10223e;border-color:rgba(125,187,255,.13);font-size:9px}
.hero-steps span{font-size:11px;font-weight:720;color:#d9e4f4}
.hero-preview{position:relative;min-height:170px;margin-top:38px;border-radius:18px;border:1px solid rgba(125,187,255,.10);background:linear-gradient(145deg,rgba(11,18,29,.72),rgba(7,11,18,.48));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.hero-preview::before{content:"";position:absolute;inset:-60px -80px auto auto;width:230px;height:230px;background:radial-gradient(circle,rgba(30,94,255,.13),transparent 65%);filter:blur(10px)}
.hero-preview-card{position:absolute;left:16px;right:16px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:12px;border:1px solid rgba(143,163,196,.10);border-radius:13px;background:rgba(8,14,23,.74)}
.hero-preview-card span{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#1E5EFF,#0B2F9E);opacity:.82}
.hero-preview-card b{font-size:12px;color:#eff5ff;line-height:1.15}
.hero-preview-card em{margin-top:4px;font-size:10px;color:#8598b6;font-style:normal}
.hero-preview-card-one{top:18px;transform:translateX(-3px)}
.hero-preview-card-two{top:76px;left:34px;right:10px;opacity:.86}
.hero-preview-grid{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,24px);gap:6px;opacity:.35}
.hero-preview-grid i{display:block;width:24px;height:24px;border-radius:6px;background:#13223a;border:1px solid rgba(125,187,255,.12)}
.discord-id-card{margin-top:38px}
@media (max-width:1040px){.intro-row{grid-template-columns:minmax(0,1fr) 244px}.hero-preview{display:none}}
@media (max-width:760px){.intro-row{grid-template-columns:1fr}.intro h1{font-size:clamp(34px,11vw,50px);line-height:.96}.hero-actions{margin-top:20px}.hero-actions a{min-height:38px}.discord-id-card{margin-top:2px}.hero-preview{display:none}.hero-steps{margin-top:18px}}

.intro-row{grid-template-columns:minmax(0,1fr) 220px;align-items:center;margin-top:34px;margin-bottom:34px;gap:26px}
.intro{padding:18px 0 20px;background:transparent;border:0;box-shadow:none;overflow:visible}
.intro::before,.intro::after{display:none}
.hero-kicker{margin:0 0 13px;padding:0;border:0;background:transparent;box-shadow:none;color:#7DBBFF;font-size:10px;font-weight:820;letter-spacing:.15em;text-transform:uppercase}
.hero-kicker span{width:5px;height:5px;background:#7DBBFF;box-shadow:none;opacity:.9}
.hero-title-line{display:flex;align-items:center;gap:18px;min-width:0;max-width:980px}
.intro .hero-title-line h1{margin:0;font-size:clamp(34px,4.65vw,66px);line-height:.96;letter-spacing:-.07em;font-weight:880;white-space:nowrap;color:#fff;max-width:none;text-wrap:nowrap}
.intro .hero-title-line h1::after{display:none}
.hero-inline-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:11px;border:1px solid rgba(125,187,255,.20);background:#101a2a;color:#f4f8ff;text-decoration:none;font-size:14px;font-weight:780;letter-spacing:-.015em;box-shadow:none;white-space:nowrap;transform:translateY(3px);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.hero-inline-action:hover{background:#132037;border-color:rgba(125,187,255,.32);color:#fff;transform:translateY(1px)}
.intro p{margin-top:18px;max-width:640px;color:#aeb8c9;font-size:15px;line-height:1.55}
.hero-actions,.hero-steps{display:none!important}
.hero-preview{min-height:86px;margin:0;border-radius:14px;border:1px solid rgba(125,187,255,.075);background:#0b111c;box-shadow:none;opacity:.58;overflow:hidden}
.hero-preview::before{display:none}
.hero-preview-strip{display:flex;align-items:center;gap:8px;padding:16px 15px 9px}
.hero-preview-strip span{display:block;height:34px;flex:1;border-radius:8px;background:#111b2b;border:1px solid rgba(125,187,255,.08)}
.hero-preview-strip span:nth-child(2){height:28px;opacity:.82}
.hero-preview-strip span:nth-child(3){height:22px;opacity:.68}
.hero-preview-note{padding:0 15px 15px;color:#74849b;font-size:11px;font-weight:650;letter-spacing:-.01em}
.discord-id-card{margin-top:0}
@media (max-width:1120px){.intro-row{grid-template-columns:minmax(0,1fr) 190px}.intro .hero-title-line h1{font-size:clamp(32px,4.5vw,54px)}.hero-inline-action{min-height:39px;padding:0 13px;font-size:13px}.hero-preview{display:block}}
@media (max-width:900px){.intro-row{grid-template-columns:1fr;margin-top:24px;margin-bottom:28px}.hero-title-line{align-items:flex-start;flex-direction:column;gap:12px}.intro .hero-title-line h1{white-space:normal;text-wrap:balance;font-size:clamp(34px,10vw,52px)}.hero-inline-action{transform:none}.hero-inline-action:hover{transform:none}.hero-preview{display:none}.discord-id-card{width:100%;max-width:280px}}
@media (max-width:480px){.intro{padding-top:10px}.intro .hero-title-line h1{font-size:clamp(32px,12vw,44px);letter-spacing:-.06em}.intro p{margin-top:14px;font-size:14px}.hero-inline-action{width:max-content;min-height:38px;border-radius:10px}}


.search-results-grid-refresh,.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.card{display:flex!important;flex-direction:column!important;border-radius:14px!important;background:#0f1724!important;border-color:rgba(143,163,196,.11)!important;box-shadow:none!important;min-height:0!important}
.card:hover{background:#122033!important;border-color:rgba(125,187,255,.18)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.card.selected{background:#101c2d!important;border-color:rgba(30,94,255,.55)!important;box-shadow:0 0 0 1px rgba(30,94,255,.18), inset 0 0 0 1px rgba(30,94,255,.08)!important}
.card.has-image .card-img{height:176px!important;margin:10px 10px 0!important;border-radius:12px!important;background:#111b2a!important;border:1px solid rgba(143,163,196,.10)!important}
.card:hover .card-img,.card.selected .card-img{box-shadow:none!important}
.card-img img{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;border-radius:10px!important}
.card.has-image .card-img img[src*='/static/skin-cards/']{padding:10px!important;background:#111b2a!important}
.card-img>b,.text-check{right:10px!important;top:10px!important;width:28px!important;height:28px!important;border-radius:999px!important;background:#1E5EFF!important;color:#fff!important;box-shadow:0 8px 18px rgba(30,94,255,.22)!important}
.card-meta{padding:10px 12px 13px!important;background:transparent!important}
.card-meta strong{font-size:14px!important;line-height:1.24!important;font-weight:760!important;letter-spacing:-.01em!important}
.card-meta small{margin-top:4px!important;font-size:12px!important;color:#8ea4c3!important;font-weight:620!important}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card.has-image .card-img{height:148px!important}}
@media (max-width:420px){.card.has-image .card-img{height:132px!important}}


.workspace{grid-template-columns:minmax(0,1fr) 342px!important;gap:18px!important;align-items:start!important}
.catalogue.search-wrapper{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;position:relative!important}
.catalogue.search-wrapper::before{display:none!important}
.catalogue.search-wrapper .searchbox{width:min(100%,740px)!important;height:58px!important;margin:0 0 24px!important;padding:0 18px 0 56px!important;border-radius:16px!important;background:#111827!important;border:1px solid #26324a!important;box-shadow:none!important;gap:0!important;position:relative!important;display:flex!important;align-items:center!important;transform:none!important}
.catalogue.search-wrapper .searchbox:focus-within{border-color:#33415f!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;transform:none!important}
.catalogue.search-wrapper .searchbox-icon{position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;display:grid!important;place-items:center!important;color:#7ea3d6!important;opacity:.95!important}
.catalogue.search-wrapper .search-icon{width:20px!important;height:20px!important;stroke:#7ea3d6!important;stroke-width:2.15!important;fill:none!important}
.catalogue.search-wrapper .searchbox input{height:100%!important;padding:0!important;background:transparent!important;border:0!important;outline:0!important;color:#fff!important;font-size:16px!important;font-weight:650!important;letter-spacing:-.01em!important}
.catalogue.search-wrapper .searchbox input::placeholder{color:#90a0ba!important;font-weight:620!important}
.catalogue.search-wrapper .helper-row{width:min(100%,740px)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 0 12px!important;padding:0!important;color:#7f95b7!important;font-size:14px!important;line-height:1.35!important;letter-spacing:.01em!important}
.catalogue.search-wrapper .helper-row p{margin:0!important;color:#7f95b7!important;font-weight:500!important}
.catalogue.search-wrapper .helper-row #resultCount{display:none!important}
.catalogue.search-wrapper .grid{width:min(100%,740px)!important;display:grid!important;grid-template-columns:repeat(auto-fill,176px)!important;gap:12px!important;align-content:start!important;justify-content:start!important;min-height:0!important;margin:0!important;padding:0!important}
.catalogue.search-wrapper .grid.show-presets{display:block!important;width:min(100%,740px)!important}
.catalogue.search-wrapper .notice{grid-column:1/-1!important;padding:18px!important;border-radius:14px!important;border:0!important;background:transparent!important;text-align:left!important;color:#8ea4c3!important}
.catalogue.search-wrapper .empty-card{min-height:138px!important;padding:22px!important;border:1px solid rgba(143,163,196,.10)!important;border-radius:16px!important;background:#111827!important;text-align:left!important;place-items:flex-start!important;align-items:flex-start!important}
.catalogue.search-wrapper .card{width:176px!important;height:232px!important;min-width:176px!important;max-width:176px!important;min-height:232px!important;display:flex!important;flex-direction:column!important;padding:0!important;border-radius:11px!important;background:#111827!important;border:1px solid rgba(38,50,74,.82)!important;color:#fff!important;overflow:hidden!important;box-shadow:none!important;transform:none!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important}
.catalogue.search-wrapper .card:hover{transform:none!important;background:#121a2a!important;border-color:rgba(125,187,255,.24)!important;box-shadow:0 10px 26px rgba(0,0,0,.20)!important}
.catalogue.search-wrapper .card.selected{background:#111827!important;border-color:#10b981!important;box-shadow:0 0 0 1px #10b981!important}
.catalogue.search-wrapper .card::before{display:none!important}
.catalogue.search-wrapper .card.has-image .card-img,.catalogue.search-wrapper .card-img{position:relative!important;width:100%!important;height:176px!important;min-height:176px!important;margin:0!important;border:0!important;border-radius:0!important;background:#121a2a!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
.catalogue.search-wrapper .card.no-image{height:232px!important;min-height:232px!important;align-items:stretch!important;background:#111827!important}
.catalogue.search-wrapper .card.no-image .card-meta{margin-top:auto!important;width:100%!important;background:#111827!important;padding:12px 10px 13px!important}
.catalogue.search-wrapper .card-img img,.catalogue.search-wrapper .card.has-image .card-img img[src*='/static/skin-cards/']{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;border-radius:0!important;background:transparent!important;transition:transform .16s ease,filter .16s ease,opacity .16s ease!important}
.catalogue.search-wrapper .card:hover .card-img img{transform:scale(1.03)!important}
.catalogue.search-wrapper .card.has-placeholder .card-img img{opacity:1!important;filter:none!important}
.catalogue.search-wrapper .card-img>b,.catalogue.search-wrapper .text-check{position:absolute!important;right:10px!important;top:9px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#10b981!important;color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 18px rgba(16,185,129,.28)!important;z-index:4!important}
.catalogue.search-wrapper .card-meta{position:relative!important;flex:1!important;min-height:56px!important;padding:11px 10px 12px!important;background:#111827!important;border-top:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.catalogue.search-wrapper .card-meta strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#fff!important;font-size:14px!important;line-height:1.16!important;font-weight:800!important;letter-spacing:-.02em!important;text-shadow:none!important}
.catalogue.search-wrapper .card-meta small{display:block!important;margin-top:3px!important;color:#8ea4c3!important;font-size:12px!important;line-height:1.1!important;font-weight:500!important}
.catalogue.search-wrapper .asset-loading{width:min(100%,740px)!important;border-radius:14px!important;border:0!important;background:transparent!important;padding:0!important}
.catalogue.search-wrapper .loading-grid{display:grid!important;grid-template-columns:repeat(auto-fill,176px)!important;gap:12px!important}
.catalogue.search-wrapper .loading-tile{width:176px!important;height:232px!important;border-radius:11px!important;background:#111827!important;border:1px solid rgba(38,50,74,.82)!important}
@media (max-width:1120px){.workspace{grid-template-columns:1fr!important}.catalogue.search-wrapper .searchbox,.catalogue.search-wrapper .helper-row,.catalogue.search-wrapper .grid,.catalogue.search-wrapper .grid.show-presets,.catalogue.search-wrapper .asset-loading{width:100%!important;max-width:740px!important}.sidebar{width:100%!important}}
@media (max-width:760px){.catalogue.search-wrapper .searchbox{height:54px!important;margin-bottom:20px!important}.catalogue.search-wrapper .grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))!important;gap:10px!important}.catalogue.search-wrapper .card{width:100%!important;max-width:none!important;min-width:0!important;height:216px!important;min-height:216px!important}.catalogue.search-wrapper .card.has-image .card-img,.catalogue.search-wrapper .card-img{height:160px!important;min-height:160px!important}.catalogue.search-wrapper .card-meta{min-height:56px!important}}
@media (max-width:420px){.catalogue.search-wrapper .searchbox{padding-left:50px!important;border-radius:14px!important}.catalogue.search-wrapper .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalogue.search-wrapper .card{height:198px!important;min-height:198px!important}.catalogue.search-wrapper .card.has-image .card-img,.catalogue.search-wrapper .card-img{height:144px!important;min-height:144px!important}.catalogue.search-wrapper .card-meta strong{font-size:13px!important}.catalogue.search-wrapper .card-meta small{font-size:11px!important}}



.catalogue.search-wrapper{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.catalogue.search-wrapper .searchbox{width:100%!important;max-width:740px!important;height:58px!important;margin:0 0 24px!important;padding:0 18px 0 56px!important;border-radius:16px!important;background:#111827!important;border:1px solid #26324a!important;box-shadow:none!important;display:flex!important;align-items:center!important;position:relative!important}
.catalogue.search-wrapper .searchbox-icon{position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;color:#7ea3d6!important;width:20px!important;height:20px!important}
.catalogue.search-wrapper .search-icon{width:20px!important;height:20px!important;stroke:#7ea3d6!important;fill:none!important}
.catalogue.search-wrapper .searchbox input{height:100%!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important;outline:0!important;color:#fff!important;font-size:16px!important;font-weight:650!important}
.catalogue.search-wrapper .helper-row{width:100%!important;max-width:740px!important;margin:0 0 12px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;color:#7f95b7!important;font-size:14px!important;line-height:1.35!important}
.catalogue.search-wrapper .helper-row p{margin:0!important;color:#7f95b7!important;font-weight:500!important}
.catalogue.search-wrapper .helper-row #resultCount{display:none!important}
.catalogue.search-wrapper .grid,.catalogue.search-wrapper .grid.show-presets{width:100%!important;max-width:740px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(176px,176px))!important;gap:12px!important;align-content:start!important;justify-content:start!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.catalogue.search-wrapper .notice,.catalogue.search-wrapper .bare-notice{grid-column:1/-1!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;text-align:left!important;color:#8ea4c3!important;font-size:14px!important}
.catalogue.search-wrapper .empty-card,.catalogue.search-wrapper .empty-badge,.catalogue.search-wrapper .preset-row,.catalogue.search-wrapper .preset-chip{display:none!important}
.catalogue.search-wrapper .asset-loading{display:contents!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
.catalogue.search-wrapper .asset-loading-head{display:none!important}
.catalogue.search-wrapper .loading-grid{display:contents!important}
.catalogue.search-wrapper .loading-tile{width:176px!important;height:232px!important;border-radius:11px!important;background:#111827!important;border:1px solid rgba(38,50,74,.82)!important;box-shadow:none!important}
.catalogue.search-wrapper .card{width:176px!important;height:232px!important;min-width:176px!important;max-width:176px!important;min-height:232px!important;display:flex!important;flex-direction:column!important;padding:0!important;border-radius:11px!important;background:#111827!important;border:1px solid rgba(38,50,74,.82)!important;overflow:hidden!important;box-shadow:none!important;transform:none!important}
.catalogue.search-wrapper .card.selected{border-color:#10b981!important;box-shadow:0 0 0 1px #10b981!important;background:#111827!important}
.catalogue.search-wrapper .card.has-image .card-img,.catalogue.search-wrapper .card-img{height:160px!important;min-height:160px!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:#121a2a!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;box-shadow:none!important}
.catalogue.search-wrapper .card-img img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:transparent!important;border-radius:0!important}
.catalogue.search-wrapper .card[data-game="r6"] .card-img img,.catalogue.search-wrapper .card[data-type*="Weapon"] .card-img img,.catalogue.search-wrapper .card[data-type*="weapon"] .card-img img{object-fit:contain!important;padding:14px!important}
.catalogue.search-wrapper .card-img>b,.catalogue.search-wrapper .text-check{position:absolute!important;right:10px!important;top:9px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#10b981!important;color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 18px rgba(16,185,129,.28)!important;z-index:4!important}
.catalogue.search-wrapper .card-meta{height:72px!important;min-height:72px!important;flex:0 0 72px!important;padding:11px 10px 12px!important;background:#111827!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.catalogue.search-wrapper .card-meta strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#fff!important;font-size:14px!important;line-height:1.16!important;font-weight:800!important;letter-spacing:-.02em!important}
.catalogue.search-wrapper .card-meta small{display:block!important;margin-top:4px!important;color:#8ea4c3!important;font-size:12px!important;line-height:1.1!important;font-weight:500!important}
@media (max-width:760px){.catalogue.search-wrapper .grid{grid-template-columns:repeat(auto-fill,minmax(152px,152px))!important}.catalogue.search-wrapper .card,.catalogue.search-wrapper .loading-tile{width:152px!important;min-width:152px!important;max-width:152px!important;height:216px!important;min-height:216px!important}.catalogue.search-wrapper .card.has-image .card-img,.catalogue.search-wrapper .card-img{height:152px!important;min-height:152px!important}.catalogue.search-wrapper .card-meta{height:64px!important;min-height:64px!important;flex-basis:64px!important}}


.intro-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  grid-template-areas:"intro account" "intro preview";
  gap:18px 24px;
  align-items:start;
  margin-bottom:28px;
}
.intro{
  grid-area:intro;
  max-width:none;
  min-height:220px;
  padding:34px 38px;
  border-radius:28px;
  background:
    radial-gradient(760px 320px at 18% 0%,rgba(125,187,255,.16),transparent 62%),
    linear-gradient(180deg,rgba(16,24,38,.72),rgba(9,14,22,.28));
  border:1px solid rgba(125,187,255,.13);
  box-shadow:0 26px 70px rgba(0,0,0,.34);
}
.hero-kicker{font-size:12px;letter-spacing:.22em;color:#7dbbff;font-weight:900;text-transform:uppercase;margin-bottom:16px}
.hero-title-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.intro h1{
  max-width:850px;
  margin-bottom:14px;
  font-size:clamp(44px,5.4vw,76px);
  line-height:.92;
  letter-spacing:-.075em;
  font-weight:950;
}
.intro p{max-width:760px;font-size:17px;line-height:1.55;color:#c6d3e6}
.hero-inline-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0 22px;
  border-radius:13px;
  background:linear-gradient(180deg,#1d57d8,#1746b8);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 16px 36px rgba(30,94,255,.24);
  border:1px solid rgba(125,187,255,.24);
}
.hero-preview{
  grid-area:preview;
  width:100%;
  min-height:92px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(18,27,42,.72),rgba(10,16,27,.68));
  border:1px solid rgba(125,187,255,.09);
  padding:16px;
}
.hero-preview-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}
.hero-preview-strip span{height:34px;border-radius:9px;background:#111a2a;border:1px solid rgba(125,187,255,.06)}
.hero-preview-note{color:#8da1bd;font-size:12px;font-weight:800}
.discord-id-card{
  grid-area:account;
  justify-self:end;
  width:270px;
  min-width:0;
  max-width:270px;
  padding:12px 14px;
  border-radius:18px;
  gap:12px;
  box-shadow:0 18px 46px rgba(0,0,0,.28);
}
.discord-icon{width:42px;height:42px;border-radius:13px}
.discord-id-card span{font-size:11px;margin-bottom:3px}
.discord-id-card b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px}
@media (max-width:900px){
  .intro-row{grid-template-columns:1fr;grid-template-areas:"intro" "account" "preview"}
  .discord-id-card{justify-self:start;width:min(100%,270px)}
  .hero-preview{display:none}
}


.intro-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  grid-template-areas:"intro account" "intro preview"!important;
  align-items:start!important;
  gap:16px 28px!important;
  margin-top:22px!important;
  margin-bottom:34px!important;
}
.intro{
  grid-area:intro!important;
  min-width:0!important;
  min-height:0!important;
  padding:34px 0 30px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.hero-kicker{
  margin:0 0 18px!important;
  font-size:12px!important;
  letter-spacing:.22em!important;
  font-weight:900!important;
  color:#7DBBFF!important;
}
.hero-title-line{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:22px!important;
  max-width:780px!important;
  min-width:0!important;
}
.intro .hero-title-line h1,
.intro h1{
  margin:0!important;
  width:100%!important;
  max-width:780px!important;
  white-space:normal!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  font-size:clamp(48px,6.1vw,82px)!important;
  line-height:.9!important;
  letter-spacing:-.078em!important;
  font-weight:950!important;
  color:#fff!important;
  text-shadow:0 18px 44px rgba(0,0,0,.38)!important;
}
.hero-inline-action{
  height:48px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#2166ff,#174dcc)!important;
  border:1px solid rgba(125,187,255,.28)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 16px 34px rgba(30,94,255,.24)!important;
  transform:none!important;
}
.hero-inline-action:hover{transform:translateY(-1px)!important;background:linear-gradient(180deg,#2b70ff,#1d57d8)!important}
.intro p{
  margin:26px 0 0!important;
  max-width:720px!important;
  font-size:17px!important;
  line-height:1.55!important;
  color:#c4d0e1!important;
}
.discord-id-card{
  grid-area:account!important;
  justify-self:end!important;
  align-self:start!important;
  width:270px!important;
  max-width:270px!important;
  margin:0!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  background:rgba(13,20,31,.86)!important;
  border:1px solid rgba(125,187,255,.12)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.30)!important;
}
.hero-preview{
  grid-area:preview!important;
  justify-self:end!important;
  width:270px!important;
  max-width:270px!important;
  min-height:112px!important;
  margin:0!important;
  padding:16px!important;
  opacity:1!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(15,23,36,.82),rgba(8,13,22,.74))!important;
  border:1px solid rgba(125,187,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.hero-preview-note{font-size:12px!important;font-weight:800!important;color:#91a3bd!important}
.hero-preview-strip span{height:32px!important;background:#101a2b!important;border-color:rgba(125,187,255,.08)!important}
@media (max-width:1060px){
  .intro-row{grid-template-columns:1fr!important;grid-template-areas:"account" "intro"!important;gap:18px!important}
  .discord-id-card{justify-self:start!important;width:min(100%,270px)!important;max-width:270px!important}
  .hero-preview{display:none!important}
  .intro{padding-top:10px!important}
  .hero-title-line{max-width:820px!important}
  .intro .hero-title-line h1,.intro h1{max-width:820px!important;font-size:clamp(42px,9vw,72px)!important}
}
@media (max-width:560px){
  .intro-row{margin-top:14px!important;margin-bottom:26px!important}
  .intro .hero-title-line h1,.intro h1{font-size:clamp(38px,13vw,56px)!important;letter-spacing:-.068em!important}
  .intro p{font-size:15px!important;margin-top:20px!important}
  .hero-inline-action{height:44px!important;padding:0 18px!important}
}



.hero-kicker,.hero-inline-action,.hero-preview,.preview{display:none!important}
.intro-row{grid-template-columns:minmax(0,820px) 270px!important;align-items:start!important;gap:34px!important;margin-top:28px!important;margin-bottom:34px!important}
.intro{padding-top:6px!important}
.hero-title-line{display:block!important;max-width:820px!important}
.intro .hero-title-line h1,.intro h1{white-space:normal!important;text-wrap:balance!important;max-width:820px!important;font-size:clamp(44px,6.4vw,76px)!important;line-height:.94!important;letter-spacing:-.075em!important}
.intro p{max-width:720px!important;margin-top:24px!important}
.discord-id-card{grid-column:2!important;justify-self:end!important;width:270px!important;max-width:270px!important;margin-top:8px!important}
.sidebar .preview{display:none!important}
@media (max-width:960px){.intro-row{grid-template-columns:1fr!important}.discord-id-card{grid-column:1!important;justify-self:start!important;width:min(100%,270px)!important}.intro .hero-title-line h1,.intro h1{font-size:clamp(38px,10vw,58px)!important}}

.search-selection-panel{width:100%;max-width:740px;margin:0 0 18px;padding:18px;border:1px solid rgba(38,50,74,.82);border-radius:18px;background:#101826;box-shadow:none}.search-selection-head{margin-bottom:10px}.search-selection-head h2{font-size:22px}.selected-preview-text{margin:0 0 14px;color:#8ea4c3;font-size:13px;line-height:1.4;font-weight:600}.filters-head{margin-bottom:16px}.filters-head h2{margin:0}.catalogue.search-wrapper .selected-list{width:100%;max-width:740px;display:grid;gap:10px;margin:0}.catalogue.search-wrapper .slot{min-height:64px;background:#111925;border:1px solid rgba(255,255,255,.06)}.catalogue.search-wrapper .slot.muted{color:#8494ad}.catalogue.search-wrapper .slot.muted span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(79,140,255,.12);color:#a8bdf0;font-size:16px}.catalogue.search-wrapper .slot.filled>div:first-child{width:40px;height:40px}.catalogue.search-wrapper .slot.filled strong{flex:1;min-width:0;font-size:14px;font-weight:720;line-height:1.3;color:#fff}.catalogue.search-wrapper .slot.filled button{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,111,125,.22);background:rgba(255,111,125,.08);color:#ff919b;font-size:15px;cursor:pointer}.sidebar .selected-list,.sidebar #previewText,.sidebar #clearBtn{display:none!important}@media (max-width:760px){.search-selection-panel{padding:14px;border-radius:15px;margin-bottom:16px}.search-selection-head h2{font-size:20px}.catalogue.search-wrapper .slot{min-height:58px}.catalogue.search-wrapper .slot.filled>div:first-child{width:36px;height:36px}}



.sidebar{display:flex;flex-direction:column;gap:0}.sidebar-selection-panel{width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent}.sidebar .search-selection-head{margin-bottom:8px}.sidebar .search-selection-head h2{font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px}.sidebar .selected-preview-text{margin:0 0 12px;color:#90a3c0;font-size:12px;font-weight:700;line-height:1.35}.sidebar .selected-list{display:grid;gap:10px;margin:0}.sidebar .slot{min-height:54px;gap:12px;padding:11px 12px;border-radius:13px;background:#101722;border:1px dashed rgba(143,163,196,.10);box-shadow:none}.sidebar .slot.muted{color:#6f83a1}.sidebar .slot.muted span{width:32px;height:32px;border-radius:10px;background:#142038;color:#82aef1;font-size:17px}.sidebar .slot.filled{background:#111a28;border:1px solid rgba(125,187,255,.14);transform:none;box-shadow:none}.sidebar .slot.filled>div:first-child{width:34px;height:34px;border-radius:9px;background:#122036;border:1px solid rgba(255,255,255,.05)}.sidebar .slot.filled strong{font-size:13px;font-weight:730}.sidebar .slot.filled button{width:28px;height:28px;border-radius:9px;border:1px solid rgba(255,111,125,.18);background:rgba(255,111,125,.06);color:#ff8c98;font-size:15px}.catalogue .search-selection-panel,.catalogue #selectedList,.catalogue #previewText,.catalogue #clearBtn{display:none!important}.sidebar-divider{height:1px;margin:18px 0 16px;background:rgba(255,255,255,.08)}.filters-kicker{margin:0 0 14px;color:#7f92b0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.filters{margin-bottom:18px}.filters h3{margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width:960px){.workspace{grid-template-columns:1fr}.sidebar{order:2}.catalogue{order:1}}@media (max-width:760px){.sidebar .slot{min-height:50px;padding:10px}.sidebar .slot.muted span{width:28px;height:28px}.sidebar .slot.filled>div:first-child{width:32px;height:32px}.sidebar .selected-preview-text{margin-bottom:10px}}
.sidebar #selectedList{display:grid!important}.sidebar #previewText{display:block!important}.sidebar #clearBtn{display:inline-flex!important;align-items:center;justify-content:center}.catalogue #selectedList,.catalogue #previewText,.catalogue #clearBtn{display:none!important}

.primary-btn:active,.primary-btn:focus{transform:none!important;box-shadow:none!important;outline:none!important}
.primary-btn:disabled{opacity:1!important;transform:none!important;filter:none!important}
.primary-btn:disabled .button-dots,.primary-btn .button-dots{background:rgba(125,170,236,.10)!important;border-color:rgba(125,170,236,.13)!important;box-shadow:none!important}
.primary-btn:disabled .btn-label{color:#cbd9ef!important}

.sidebar .filters h3{display:none!important}.filters-kicker+.filters,.filters-kicker+.filters.hidden+.game-only-panel,.filters-kicker+.filters.hidden+.filters{margin-top:0!important}.catalogue.search-wrapper .grid.show-presets{display:block!important;width:100%!important;max-width:740px!important}.catalogue.search-wrapper .preset-notice{display:block!important;padding:0!important;border:1px solid rgba(38,50,74,.82)!important;border-radius:18px!important;background:#0b1220!important}.catalogue.search-wrapper .preset-card{display:grid!important;place-items:center!important;gap:18px!important;min-height:250px!important;padding:34px 24px!important;background:transparent!important;border:0!important;text-align:center!important}.catalogue.search-wrapper .empty-badge{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;border-radius:999px!important;background:#202b42!important;color:#8ebaff!important}.catalogue.search-wrapper .empty-badge svg{width:30px!important;height:30px!important;stroke:currentColor!important;fill:none!important}.catalogue.search-wrapper .preset-card p{display:block!important;margin:0!important;color:#9dc0ee!important;font-size:15px!important;font-weight:650!important}.catalogue.search-wrapper .preset-row{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0!important}.catalogue.search-wrapper .preset-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 16px!important;border-radius:999px!important;border:1px solid rgba(125,187,255,.18)!important;background:#172234!important;color:#b9d0ed!important;font-size:13px!important;font-weight:650!important;cursor:pointer!important}.catalogue.search-wrapper .preset-chip:hover{background:#1d2d47!important;border-color:rgba(125,187,255,.34)!important;color:#fff!important;transform:none!important}.primary-btn:active,.primary-btn:focus{transform:none!important;box-shadow:none!important;outline:none!important}.primary-btn:disabled{background:#11284d!important;border-color:rgba(79,140,255,.16)!important;color:#fff!important;opacity:.92!important}.button-dots{display:inline-flex!important;align-items:center!important;gap:4px!important}.button-dots i{display:block!important;width:5px!important;height:5px!important;border-radius:999px!important;background:#fff!important;opacity:.85!important;animation:none!important}



.intro .hero-title-line h1,.intro h1{font-family:Inter,Arial,sans-serif!important;font-stretch:expanded;font-weight:860!important;letter-spacing:-.028em!important;color:transparent!important;background:linear-gradient(100deg,#dff2ff 0%,#8fd0ff 42%,#4f9eff 78%,#c4e7ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:0 0 28px rgba(79,158,255,.18)!important;max-width:920px!important}.intro .hero-title-line h1::after,.intro h1::after{display:none!important}.catalogue.search-wrapper .preset-card{min-height:220px!important}.catalogue.search-wrapper .preset-row{flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;padding:0 4px 4px!important;scrollbar-width:thin!important}.catalogue.search-wrapper .preset-chip{white-space:nowrap!important;flex:0 0 auto!important;padding:9px 14px!important;font-size:12.5px!important}.card.rarity-special .card-img{background:radial-gradient(circle at 45% 22%,rgba(255,140,140,.28),transparent 34%),linear-gradient(180deg,#58242b,#2a1232 56%,#130b22)!important}.card.rarity-series .card-img{background:radial-gradient(circle at 50% 18%,rgba(71,196,255,.22),transparent 38%),linear-gradient(180deg,#174258,#10273b)!important}.card.rarity-legendary .card-img{background:linear-gradient(180deg,#c06b3f,#70351e)!important}.card.rarity-epic .card-img{background:linear-gradient(180deg,#7a3c96,#341f66)!important}.card.rarity-rare .card-img{background:linear-gradient(180deg,#2269aa,#12345f)!important}.card.rarity-uncommon .card-img{background:linear-gradient(180deg,#2f8369,#163d34)!important}.card.rarity-common .card-img{background:linear-gradient(180deg,#3f4b5e,#192333)!important}.card.rarity-special .card-meta,.card.rarity-series .card-meta,.card.rarity-legendary .card-meta,.card.rarity-epic .card-meta,.card.rarity-rare .card-meta,.card.rarity-uncommon .card-meta,.card.rarity-common .card-meta{background:rgba(8,14,25,.72)!important}.card.rarity-special,.card.rarity-series,.card.rarity-legendary,.card.rarity-epic,.card.rarity-rare,.card.rarity-uncommon,.card.rarity-common{border-color:rgba(125,187,255,.16)!important}@media (min-width:1180px){.catalogue.search-wrapper .preset-row{justify-content:center!important}}



.catalogue.search-wrapper .preset-card{overflow:hidden!important}
.catalogue.search-wrapper .preset-card .preset-row,.catalogue.search-wrapper .preset-row{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;max-width:100%!important;padding:0 2px 6px!important;scrollbar-width:thin!important}
.catalogue.search-wrapper .preset-card .preset-chip,.catalogue.search-wrapper .preset-chip{display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important}
.intro .hero-title-line h1,.intro h1{font-family:Impact,"Arial Black","Segoe UI Black",system-ui,sans-serif!important;font-weight:900!important;letter-spacing:-.035em!important;font-stretch:expanded!important;white-space:nowrap!important;background:linear-gradient(90deg,#dff4ff 0%,#8fd3ff 45%,#4e9dff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:0 8px 28px rgba(65,150,255,.16)!important}
@media (max-width:900px){.intro .hero-title-line h1,.intro h1{white-space:normal!important}}
.sidebar .selected-preview-text:empty{display:none!important}
.catalogue.search-wrapper .card.rarity-special .card-img{background:radial-gradient(circle at 45% 22%,rgba(255,140,140,.28),transparent 34%),linear-gradient(180deg,#7b2632,#3a143a 56%,#150b23)!important}
.catalogue.search-wrapper .card.rarity-series .card-img{background:radial-gradient(circle at 50% 18%,rgba(71,196,255,.22),transparent 38%),linear-gradient(180deg,#174258,#10273b)!important}
.catalogue.search-wrapper .card.rarity-legendary .card-img{background:linear-gradient(180deg,#c06b3f,#70351e)!important}
.catalogue.search-wrapper .card.rarity-epic .card-img{background:linear-gradient(180deg,#7a3c96,#341f66)!important}
.catalogue.search-wrapper .card.rarity-rare .card-img{background:linear-gradient(180deg,#2269aa,#12345f)!important}
.catalogue.search-wrapper .card.rarity-uncommon .card-img{background:linear-gradient(180deg,#2f8369,#163d34)!important}
.catalogue.search-wrapper .card.rarity-common .card-img{background:linear-gradient(180deg,#3f4b5e,#192333)!important}


.catalogue.search-wrapper .card[data-game="r6"] .card-img img,
.catalogue.search-wrapper .card[data-game="valorant"] .card-img img{transform:scale(1.15)!important;transform-origin:center!important}
.catalogue.search-wrapper .card[data-game="r6"]:hover .card-img img,
.catalogue.search-wrapper .card[data-game="valorant"]:hover .card-img img{transform:translateY(-1px) scale(1.17)!important}
.slot.filled[data-game="r6"]>div:first-child img,
.slot.filled[data-game="valorant"]>div:first-child img{transform:scale(1.15)!important;transform-origin:center!important}


.catalogue.search-wrapper .preset-card{overflow:hidden!important}
.catalogue.search-wrapper .preset-card .preset-row,.catalogue.search-wrapper .preset-row{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;overflow-x:hidden!important;overflow-y:hidden!important;white-space:normal!important;max-width:100%!important;padding:0!important;scrollbar-width:none!important}
.catalogue.search-wrapper .preset-card .preset-row::-webkit-scrollbar,.catalogue.search-wrapper .preset-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.catalogue.search-wrapper .preset-card .preset-chip,.catalogue.search-wrapper .preset-chip{display:inline-flex!important;flex:0 1 auto!important;white-space:nowrap!important;max-width:100%!important}


.page{min-height:1220px!important}
.workspace{align-items:start!important}
.catalogue.search-wrapper{min-height:520px!important}
.sidebar{min-height:650px!important}
.sidebar .selected-preview-text{min-height:17px!important;display:block!important}
.sidebar .selected-list{min-height:286px!important}
#r6Filters,#nonR6Panel{min-height:255px!important}
.catalogue.search-wrapper .preset-card .preset-row,.catalogue.search-wrapper .preset-row{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;overflow:hidden!important;white-space:normal!important;max-width:100%!important;padding:0!important;scrollbar-width:none!important}
.catalogue.search-wrapper .preset-card .preset-row::-webkit-scrollbar,.catalogue.search-wrapper .preset-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.catalogue.search-wrapper .preset-chip{flex:0 1 auto!important;white-space:nowrap!important}
.catalogue.search-wrapper .card[data-game="r6"] .card-img,
.catalogue.search-wrapper .card[data-game="valorant"] .card-img{background:linear-gradient(180deg,#3f4b5e,#192333)!important}
.catalogue.search-wrapper .card[data-game="r6"] .card-img img[src*='/static/skin-cards/'],
.catalogue.search-wrapper .card[data-game="valorant"] .card-img img[src*='/static/skin-cards/']{background:transparent!important}
@media (max-width:960px){.page{min-height:1300px!important}.sidebar{min-height:650px!important}.catalogue.search-wrapper{min-height:500px!important}}



.page{min-height:100vh!important;padding-top:24px!important}
.navbar{margin-bottom:28px!important}
.intro-row{grid-template-columns:minmax(0,1fr) 270px!important;gap:24px!important;align-items:center!important;margin-top:12px!important;margin-bottom:24px!important}
.intro{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hero-title-line{display:block!important;max-width:680px!important}
.intro .hero-title-line h1,.intro h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(34px,3.6vw,52px)!important;line-height:1.02!important;letter-spacing:-.052em!important;font-weight:850!important;white-space:normal!important;text-wrap:balance!important;max-width:680px!important;color:#f4f8ff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:none!important;font-stretch:normal!important}
.intro .hero-title-line h1::after,.intro h1::after{display:none!important}
.intro p{max-width:420px!important;margin:10px 0 0!important;color:#b7c3d4!important;font-size:15px!important;line-height:1.5!important;font-weight:520!important}
.discord-id-card{grid-column:auto!important;justify-self:end!important;width:270px!important;max-width:270px!important;margin-top:0!important}
.workspace{grid-template-columns:minmax(0,1fr) 342px!important;gap:18px!important;align-items:start!important}
.catalogue.search-wrapper{min-height:560px!important}
.sidebar{min-height:610px!important}
.sidebar .selected-preview-text{display:block!important;min-height:18px!important;margin-bottom:12px!important}
.sidebar .selected-list{min-height:306px!important}
.filters-kicker{min-height:14px!important}
#r6Filters,#nonR6Panel{min-height:232px!important}
#fortniteFilters,#valorantFilters,.game-filter-stack{min-height:178px!important}
.filters label{min-height:42px!important}
.catalogue.search-wrapper .card[data-game="r6"] .card-img,
.catalogue.search-wrapper .card[data-game="valorant"] .card-img{background:linear-gradient(180deg,#3f4b5e 0%,#263244 48%,#111827 100%)!important}
.catalogue.search-wrapper .card[data-game="r6"] .card-img img[src*='/static/skin-cards/'],
.catalogue.search-wrapper .card[data-game="valorant"] .card-img img[src*='/static/skin-cards/']{background:transparent!important}
@media (max-width:960px){.intro-row{grid-template-columns:1fr!important;gap:12px!important;margin-top:8px!important}.discord-id-card{justify-self:start!important;width:min(100%,270px)!important}.workspace{grid-template-columns:1fr!important}.sidebar{min-height:610px!important}.catalogue.search-wrapper{min-height:520px!important}}

.navbar{padding:16px 26px!important;border-radius:18px!important;background:rgba(12,18,29,.92)!important}.brand-chip{gap:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.brand-chip img,.top-logo{background:transparent!important;border-radius:10px!important;box-shadow:none!important}.brand-chip span{font-size:21px!important;font-weight:900!important;letter-spacing:-.035em!important;color:#f5f8ff!important}.intro-row{grid-template-columns:minmax(0,1fr) 270px!important;align-items:center!important;margin-top:18px!important;margin-bottom:30px!important}.intro .hero-title-line h1,.intro h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(42px,5.3vw,70px)!important;line-height:.96!important;font-weight:900!important;letter-spacing:-.072em!important;color:#f5f9ff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:none!important;white-space:normal!important;max-width:840px!important}.intro p{max-width:650px!important;margin:16px 0 0!important;color:#c3d0df!important;font-size:17px!important;line-height:1.48!important;font-weight:520!important}.catalogue.search-wrapper .card[data-game="r6"] .card-img,.catalogue.search-wrapper .card[data-game="valorant"] .card-img{background:linear-gradient(180deg,#3f4b5e 0%,#2d394b 46%,#111827 100%)!important}.catalogue.search-wrapper .card.rarity-legendary .card-img{background:linear-gradient(180deg,#f0a33c 0%,#c06b25 48%,#6d3515 100%)!important}.catalogue.search-wrapper .card.rarity-rare .card-img{background:linear-gradient(180deg,#2d79bd 0%,#1d538a 50%,#102943 100%)!important}.sidebar .selected-preview-text{font-size:12px!important;font-weight:700!important;line-height:1.35!important;color:#90a3c0!important}.catalogue.search-wrapper .preset-card .preset-row,.catalogue.search-wrapper .preset-row{flex-wrap:wrap!important;overflow:hidden!important;justify-content:center!important;white-space:normal!important;scrollbar-width:none!important}.catalogue.search-wrapper .preset-row::-webkit-scrollbar{display:none!important}.page{min-height:100vh!important}.sidebar{min-height:610px!important}.catalogue.search-wrapper{min-height:560px!important}@media (max-width:960px){.intro-row{grid-template-columns:1fr!important}.discord-id-card{justify-self:start!important}.intro .hero-title-line h1,.intro h1{font-size:clamp(38px,10vw,58px)!important}}

.catalogue.search-wrapper .card[data-game="r6"] .card-img,.catalogue.search-wrapper .card[data-game="valorant"] .card-img{background:linear-gradient(180deg,#3f4b5e 0%,#2d394b 52%,#101927 100%)!important}
.catalogue.search-wrapper .card.rarity-legendary .card-img{background:linear-gradient(180deg,#e7a03d 0%,#bd6725 48%,#6a3415 100%)!important}
.catalogue.search-wrapper .card.rarity-special .card-img{background:linear-gradient(180deg,#c76341 0%,#7b2732 46%,#26112d 100%)!important}
.catalogue.search-wrapper .card.rarity-rare .card-img{background:linear-gradient(180deg,#2b75b8 0%,#1d538a 50%,#102943 100%)!important}
.navbar{padding:16px 26px!important;border-radius:18px!important}.brand-chip{gap:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.brand-chip img,.top-logo{background:transparent!important;border-radius:10px!important;box-shadow:none!important}.brand-chip span{font-size:22px!important;font-weight:950!important;letter-spacing:-.04em!important;color:#f7fbff!important}.intro-row{grid-template-columns:minmax(0,1fr) 270px!important;align-items:center!important;margin-top:18px!important;margin-bottom:30px!important}.hero-title-line{display:block!important;max-width:none!important}.intro .hero-title-line h1,.intro h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(42px,5vw,64px)!important;line-height:.98!important;font-weight:930!important;letter-spacing:-.072em!important;color:#f7fbff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:none!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}.intro .hero-title-line h1::after,.intro h1::after{display:none!important}.intro p{max-width:520px!important;margin:12px 0 0!important;color:#b9c6d8!important;font-size:16px!important;line-height:1.42!important;font-weight:560!important}.sidebar{min-height:610px!important}.catalogue.search-wrapper{min-height:560px!important}@media (max-width:960px){.intro-row{grid-template-columns:1fr!important}.discord-id-card{justify-self:start!important}.intro .hero-title-line h1,.intro h1{white-space:normal!important;text-wrap:balance!important;font-size:clamp(38px,10vw,56px)!important}}


.catalogue.search-wrapper .card[data-game="r6"] .card-img,
.catalogue.search-wrapper .card[data-game="valorant"] .card-img{background:linear-gradient(180deg,#3c4859 0%,#233043 100%)!important}
.catalogue.search-wrapper .card[data-game="r6"] .card-meta,
.catalogue.search-wrapper .card[data-game="valorant"] .card-meta{background:#0d1422!important}
.catalogue.search-wrapper .card.rarity-legendary .card-img{background:linear-gradient(180deg,#d99035 0%,#aa5a21 48%,#5f2f14 100%)!important}
.catalogue.search-wrapper .card.rarity-special .card-img{background:radial-gradient(circle at 45% 22%,rgba(255,120,120,.20),transparent 34%),linear-gradient(180deg,#6e2230,#351236 56%,#140b22)!important}
.card.has-image .card-img img[src*="renegade-raider-og.svg"]{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;padding:0!important;background:transparent!important}


.sidebar{min-height:718px!important}.sidebar .filters{display:grid!important;gap:14px!important;margin-bottom:18px!important}.sidebar .field-row{min-height:auto!important;margin:0!important}.sidebar .field-row+.field-row{margin-top:0!important}.sidebar .search-submit{margin-top:auto!important}.filters-kicker{margin-bottom:18px!important}



#r6Filters.hidden,#fortniteFilters.hidden,#valorantFilters.hidden{display:none!important;visibility:hidden!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
#r6Filters:not(.hidden),#fortniteFilters:not(.hidden),#valorantFilters:not(.hidden){display:grid!important;visibility:visible!important;grid-auto-rows:max-content!important;gap:12px!important;min-height:210px!important;margin:0!important;padding:0!important}
#fortniteFilters:not(.hidden){min-height:210px!important}
#r6Filters:not(.hidden){min-height:210px!important}
#valorantFilters:not(.hidden){min-height:252px!important}
.game-filter-panel h3,#nonR6Panel,#nonR6Title{display:none!important}
#r6Filters label,#fortniteFilters label,#valorantFilters label{min-height:42px!important;margin:0!important}
#r6Filters select,#fortniteFilters select,#valorantFilters select{width:100%!important}

:root{--bg:#080c13;--panel:#0d1420;--panel-2:#101826;--line:rgba(145,163,190,.14);--text:#f5f7fb;--muted:#9aa9bf;--accent:#6fa8ff;--shadow:0 18px 48px rgba(0,0,0,.22)}
body{background:#080c13;color:var(--text)}
body::before{opacity:.32;background-size:72px 72px;mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 70%)}
body::after{background:radial-gradient(760px 420px at 16% -12%,rgba(90,136,202,.07),transparent 62%),linear-gradient(180deg,#0b1018 0%,#080c13 520px,#080c13 100%)}
.page{width:min(100% - 52px,1220px);padding-top:28px}
.navbar{padding:16px 18px;margin-bottom:34px;border-radius:18px;background:rgba(13,20,31,.86);border-color:rgba(145,163,190,.12);box-shadow:0 18px 44px rgba(0,0,0,.20)}
.brand-chip{padding:0;gap:12px}.top-logo{width:38px;height:38px;border-radius:10px;background:transparent;box-shadow:none}.brand-chip span{font-size:22px;font-weight:860;letter-spacing:-.045em}.nav-links a{height:34px;min-width:64px;font-size:13px;color:#b7c1d2}.nav-links a:hover{color:#e9f2ff;text-shadow:none}.nav-links a::after{display:none}
.intro-row{grid-template-columns:minmax(0,1fr) 260px;margin-bottom:24px}.intro{padding:22px 0 24px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.intro::before,.intro::after,.intro h1::after{display:none}.intro h1{font-size:clamp(42px,4.8vw,62px);line-height:1;letter-spacing:-.06em;font-weight:900;color:#f5f8ff;text-shadow:none}.intro p{font-size:15px;line-height:1.6;color:#aebbd0;max-width:540px}.discord-id-card{padding:13px 15px;border-radius:18px;background:rgba(13,20,31,.90);border-color:rgba(145,163,190,.12);box-shadow:0 16px 40px rgba(0,0,0,.18)}.discord-icon{width:46px;height:46px;border-radius:13px;background:#111b2a}.discord-id-card span{font-size:11px}.discord-id-card b{font-size:16px}
.game-tabs{gap:9px;margin-bottom:18px}.game-tabs button{padding:11px 20px;border-radius:13px;font-size:15px;background:#101825;border-color:rgba(145,163,190,.13);box-shadow:none}.game-tabs button.active{background:#152342;border-color:rgba(111,168,255,.40);box-shadow:0 10px 24px rgba(40,95,190,.10)}
.workspace{grid-template-columns:minmax(0,1fr) 350px;gap:18px}.catalogue,.sidebar{padding:18px;border-radius:18px;background:rgba(12,19,30,.94);border-color:rgba(145,163,190,.13);box-shadow:0 18px 44px rgba(0,0,0,.20)}.catalogue::before,.sidebar::before,.navbar::before,.discord-id-card::before{display:none}
.searchbox{height:52px;border-radius:14px;background:#101827;border-color:rgba(145,163,190,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.searchbox:focus-within{transform:none;border-color:rgba(111,168,255,.36);box-shadow:0 0 0 3px rgba(111,168,255,.08)}.grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));min-height:250px}.card{border-radius:13px;background:#101827;border-color:rgba(145,163,190,.12);box-shadow:none}.card:hover{transform:translateY(-1px);border-color:rgba(111,168,255,.24);box-shadow:0 16px 32px rgba(0,0,0,.20);background:#121c2c}.card::before,.slot::before,.primary-btn::before{display:none}.card.has-image .card-img{height:122px;margin:10px 10px 0;border-radius:11px;background:linear-gradient(180deg,#344255,#1c2737);border-color:rgba(255,255,255,.06)}.card-meta{padding:12px}.card-meta strong{font-size:14px;line-height:1.22}.card-meta small{font-size:12px;color:#8fa0b8}.card.selected{background:#112034;border-color:#21d59d;box-shadow:0 0 0 1px rgba(33,213,157,.16)}
.side-head h2{font-size:20px;letter-spacing:-.035em}.selected-preview-text{min-height:18px;color:#91a3bd}.slot{min-height:50px;border-radius:12px;background:#101827;border-color:rgba(145,163,190,.10)}.sidebar-divider{margin:16px 0}.filters-kicker{font-size:11px;letter-spacing:.11em;color:#9db0cd}.simple-filter{min-height:48px}.simple-filter span{font-size:13px;color:#c2cad8}.simple-filter input,.simple-filter select{height:40px;border-radius:10px;background:#111a29;border-color:rgba(145,163,190,.13)}.primary-btn{height:50px;border-radius:12px;background:#14264a;border-color:rgba(111,168,255,.28);box-shadow:none}.primary-btn:hover{transform:none;background:#17305e;box-shadow:0 12px 26px rgba(28,82,180,.16)}.site-footer{opacity:.66;border-top-color:rgba(145,163,190,.08)}
.preset-panel{border-radius:18px;background:#0f1725;border-color:rgba(145,163,190,.12)}.preset-chip{background:#142033;border-color:rgba(145,163,190,.16)}.preset-chip:hover{background:#182840;border-color:rgba(111,168,255,.32)}
@media (max-width:980px){.page{width:min(100% - 28px,1220px)}.intro-row,.workspace{grid-template-columns:1fr}.discord-id-card{max-width:360px}.sidebar{min-height:auto}.intro h1{font-size:clamp(38px,9vw,54px)}}


.sidebar{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.search-submit{margin-top:16px!important;flex:0 0 auto!important}
.sidebar-spacer{display:block!important;flex:1 1 auto!important;min-height:160px!important}
@media (max-width:980px){.sidebar-spacer{min-height:96px!important}}


.sidebar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    min-height:820px!important;
}
.search-submit{
    margin-top:18px!important;
    flex:0 0 auto!important;
}
.sidebar-spacer{
    display:block!important;
    flex:1 1 auto!important;
    min-height:380px!important;
}
.site-footer{
    display:none!important;
}
.page{
    padding-bottom:420px!important;
}
@media (max-width:980px){
    .sidebar{
        min-height:760px!important;
    }
    .sidebar-spacer{
        min-height:320px!important;
    }
    .page{
        padding-bottom:360px!important;
    }
}


.sidebar{
    display:block!important;
    min-height:780px!important;
}
.game-filter-panel,
.filters{
    margin-bottom:0!important;
}
.search-submit,
.primary-btn.search-submit,
#searchBtn{
    display:flex!important;
    width:100%!important;
    margin-top:18px!important;
    margin-bottom:0!important;
    flex:0 0 auto!important;
}
.sidebar-spacer{
    display:block!important;
    height:360px!important;
    min-height:360px!important;
    flex:none!important;
}
.site-footer{
    display:none!important;
}
.page{
    padding-bottom:360px!important;
}
@media (max-width:980px){
    .sidebar{
        min-height:720px!important;
    }
    .sidebar-spacer{
        height:300px!important;
        min-height:300px!important;
    }
    .page{
        padding-bottom:300px!important;
    }
}



.catalogue.search-wrapper .empty-results-notice{
    display:block!important;
    grid-column:1/-1!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
}
.catalogue.search-wrapper .empty-results-card{
    min-height:236px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:18px!important;
    padding:28px 24px!important;
    border:1px solid rgba(38,50,74,.9)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,#071121,#0a1528)!important;
    text-align:center!important;
}
.catalogue.search-wrapper .empty-results-badge{
    display:grid!important;
    place-items:center!important;
    width:64px!important;
    height:64px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#1c2940,#152239)!important;
    border:1px solid rgba(255,255,255,.06)!important;
    color:#7f98bd!important;
}
.catalogue.search-wrapper .empty-results-badge .empty-icon{
    width:30px!important;
    height:30px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.catalogue.search-wrapper .empty-results-card p{
    display:block!important;
    margin:0!important;
    color:#9fb9df!important;
    font-size:15px!important;
    font-weight:500!important;
    letter-spacing:.01em!important;
}




.sidebar{
    min-height:640px!important;
}
.sidebar-spacer{
    display:block!important;
    height:160px!important;
    min-height:160px!important;
    flex:none!important;
}
.page{
    padding-bottom:160px!important;
}
.search-submit,
.primary-btn.search-submit,
#searchBtn{
    margin-top:18px!important;
}
@media (max-width:980px){
    .sidebar{
        min-height:620px!important;
    }
    .sidebar-spacer{
        height:130px!important;
        min-height:130px!important;
    }
    .page{
        padding-bottom:140px!important;
    }
}



.sidebar{
    display:block!important;
    min-height:640px!important;
}
.sidebar .filters,
.sidebar .game-filter-panel,
#r6Filters:not(.hidden),
#fortniteFilters:not(.hidden),
#valorantFilters:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    grid-auto-rows:unset!important;
}
#r6Filters.hidden,
#fortniteFilters.hidden,
#valorantFilters.hidden{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
.sidebar .filters label,
.sidebar .game-filter-panel label,
#r6Filters label,
#fortniteFilters label,
#valorantFilters label{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(112px,132px)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:42px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
}
.sidebar .filters label span,
.sidebar .game-filter-panel label span{
    margin:0!important;
    line-height:1.25!important;
}
.sidebar .filters input,
.sidebar .filters select,
.sidebar .game-filter-panel input,
.sidebar .game-filter-panel select,
#r6Filters input,
#r6Filters select,
#fortniteFilters input,
#fortniteFilters select,
#valorantFilters input,
#valorantFilters select{
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
}
.sidebar .search-submit,
.search-submit,
.primary-btn.search-submit,
#searchBtn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    max-height:52px!important;
    padding:0 16px!important;
    margin:22px 0 0!important;
    flex:none!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
}
#searchBtn .btn-label{
    line-height:1!important;
}
#searchBtn .search-btn-icon{
    flex:0 0 auto!important;
}
.sidebar-spacer{
    display:block!important;
    height:170px!important;
    min-height:170px!important;
    max-height:none!important;
    flex:none!important;
}
@media (max-width:980px){
    .sidebar{
        min-height:600px!important;
    }
    .sidebar .filters label,
    .sidebar .game-filter-panel label,
    #r6Filters label,
    #fortniteFilters label,
    #valorantFilters label{
        grid-template-columns:minmax(0,1fr) minmax(110px,132px)!important;
    }
    .sidebar-spacer{
        height:120px!important;
        min-height:120px!important;
    }
}




.workspace{align-items:start!important}
.sidebar{
    display:block!important;
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-bottom:18px!important;
}
.sidebar-selection-panel,
.sidebar .filters,
.sidebar .game-filter-panel,
#r6Filters:not(.hidden),
#fortniteFilters:not(.hidden),
#valorantFilters:not(.hidden){
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:none!important;
    margin-bottom:0!important;
}
#r6Filters:not(.hidden),
#fortniteFilters:not(.hidden),
#valorantFilters:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:0!important;
}
.sidebar .filters label,
.sidebar .game-filter-panel label,
#r6Filters label,
#fortniteFilters label,
#valorantFilters label{
    min-height:42px!important;
    margin:0!important;
}
.sidebar .search-submit,
.search-submit,
.primary-btn.search-submit,
#searchBtn{
    height:50px!important;
    min-height:50px!important;
    max-height:52px!important;
    margin:22px 0 0!important;
    padding:0 16px!important;
    flex:none!important;
}
.sidebar-spacer{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 0!important;
}
.page{padding-bottom:72px!important}
@media (max-width:980px){
    .sidebar{height:auto!important;min-height:0!important}
    .page{padding-bottom:56px!important}
}


.hero-title-line{display:block!important;max-width:none!important}.intro .hero-title-line h1,.intro h1{font-family:"Poppins",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(44px,5.6vw,78px)!important;line-height:.92!important;font-weight:900!important;letter-spacing:-.055em!important;color:#f8fbff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:none!important;white-space:normal!important;text-wrap:balance!important;max-width:900px!important}.intro .hero-title-line h1::after,.intro h1::after{display:none!important}.intro p{margin-top:14px!important}.intro{padding-top:10px!important}.brand-chip img,.top-logo{width:44px!important;height:44px!important}.catalogue.search-wrapper .card[data-game="r6"] .card-img img[src*="ubiservices.cdn.ubi.com"],.catalogue.search-wrapper .card[data-game="r6"] .card-img img[src*="staticctf.ubisoft.com"]{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:8px!important;transform:none!important;background:transparent!important}.catalogue.search-wrapper .card[data-game="r6"]:hover .card-img img[src*="ubiservices.cdn.ubi.com"],.catalogue.search-wrapper .card[data-game="r6"]:hover .card-img img[src*="staticctf.ubisoft.com"]{transform:none!important}@media (max-width:960px){.intro .hero-title-line h1,.intro h1{font-size:clamp(38px,11vw,58px)!important;line-height:.94!important;letter-spacing:-.05em!important}.brand-chip img,.top-logo{width:42px!important;height:42px!important}}

.intro .hero-title-line h1,.intro h1{font-family:"Poppins",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(48px,5.8vw,84px)!important;line-height:.9!important;font-weight:900!important;letter-spacing:-.06em!important;color:transparent!important;background:linear-gradient(100deg,#ffffff 0%,#e8f0ff 34%,#9fc4ff 58%,#c46cff 82%,#f08cff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:0 20px 70px rgba(126,87,255,.14)!important;white-space:normal!important;text-wrap:balance!important;max-width:930px!important}.intro p{color:#c7d2e5!important;font-weight:650!important}.intro::before{background:radial-gradient(620px 220px at 12% 0%,rgba(150,110,255,.12),transparent 62%),radial-gradient(520px 190px at 50% 0%,rgba(125,187,255,.10),transparent 64%)!important}.brand-chip img,.top-logo{width:46px!important;height:46px!important}
.rank-quick-row{display:none!important}
.landing-home{display:block;min-height:100vh;width:100%;max-width:100%;margin:0 auto;padding:0 0 70px;place-items:initial}
.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid rgba(145,163,190,.12);border-radius:20px;background:rgba(9,15,26,.76);box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.landing-brand{display:flex;align-items:center;gap:12px;color:#f7fbff;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.04em}
.landing-brand img{width:42px;height:42px;border-radius:12px;object-fit:contain}
.landing-discord,.landing-primary,.landing-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.landing-discord{height:38px;padding:0 16px;background:rgba(34,69,130,.42);border:1px solid rgba(125,187,255,.22);color:#e6f1ff;font-size:13px}
.landing-discord:hover,.landing-primary:hover,.landing-secondary:hover{transform:translateY(-1px)}
.landing-hero{text-align:center;padding:92px 20px 62px;max-width:1120px;margin:0 auto}
.landing-pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border-radius:999px;border:1px solid rgba(125,187,255,.22);background:rgba(18,34,60,.70);color:#8ec6ff;font-size:13px;font-weight:850;margin-bottom:22px}
.landing-hero h1{margin:0;color:#f7fbff;font-size:clamp(48px,8vw,92px);line-height:.9;font-weight:950;letter-spacing:-.075em}
.landing-hero p{max-width:720px;margin:24px auto 0;color:#aebbd0;font-size:18px;line-height:1.65;font-weight:520}
.landing-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}
.landing-primary{height:48px;padding:0 22px;background:linear-gradient(135deg,#224f9d,#402b88);border:1px solid rgba(143,178,255,.25);color:#fff;box-shadow:0 18px 42px rgba(39,91,185,.22)}
.landing-secondary{height:48px;padding:0 20px;background:rgba(15,24,39,.75);border:1px solid rgba(145,163,190,.14);color:#c9d7ec}
.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto;padding:0 20px}
.landing-card{min-height:238px;padding:28px;border:1px solid rgba(145,163,190,.13);border-radius:26px;background:linear-gradient(180deg,rgba(18,27,43,.92),rgba(10,17,29,.96));box-shadow:0 22px 60px rgba(0,0,0,.24)}
.landing-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:rgba(42,87,161,.24);color:#91c9ff;font-weight:950;margin-bottom:20px}
.landing-card h2{margin:0 0 12px;color:#f5f8ff;font-size:24px;letter-spacing:-.04em}
.landing-card p{margin:0;color:#a9b7cd;line-height:1.62;font-size:15px}
.landing-card a{display:inline-flex;margin-top:18px;color:#8fc7ff;text-decoration:none;font-weight:900}
.landing-card-accent{background:linear-gradient(180deg,rgba(18,27,43,.92),rgba(10,17,29,.96));border-color:rgba(145,163,190,.13)}
@media (max-width:820px){.landing-grid{grid-template-columns:1fr}.landing-hero{padding:62px 8px 42px}.landing-nav{border-radius:16px}.landing-brand span{font-size:18px}.landing-home{width:min(100% - 24px,1120px)}}
@media (max-width:520px){.landing-nav{align-items:flex-start;flex-direction:column}.landing-discord{width:100%}.landing-actions{display:grid}.landing-primary,.landing-secondary{width:100%}.landing-card{padding:22px;min-height:auto}}



.site-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  max-width:1120px;
  margin:8px auto 0;
  padding:12px 20px;
  border-radius:14px;
  background:rgba(14,20,32,.72);
  border:1px solid rgba(100,140,200,.10);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  position:relative;
  z-index:50;
}
.site-nav-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#eef3ff;
  font-size:17px;
  font-weight:800;
  letter-spacing:-.02em;
}
.site-nav-brand img{
  width:30px;
  height:30px;
  border-radius:8px;
  object-fit:contain;
}
.site-nav-links{
  display:flex;
  align-items:center;
  gap:2px;
}
.site-nav-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:32px;
  padding:0 14px;
  border-radius:8px;
  text-decoration:none;
  color:#7b8da6;
  font-size:13px;
  font-weight:600;
  background:transparent;
  transition:color .2s ease,background .2s ease;
}
.site-nav-links a:hover{
  color:#cdd8ea;
  background:rgba(255,255,255,.06);
}
.site-nav-active{
  color:#dce6f5!important;
  position:relative;
}
.site-nav-active::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:2px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#3b82f6,#60a5fa);
  box-shadow:0 0 8px rgba(59,130,246,.3);
}

.page{
  padding-top:20px;
}

.acct-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
  padding:18px 24px;
  border-radius:16px;
  background:rgba(14,20,32,.60);
  border:1px solid rgba(100,140,200,.08);
}
.acct-header-left{
  min-width:0;
}
.acct-title{
  margin:0 0 4px;
  font-size:26px;
  font-weight:850;
  letter-spacing:-.04em;
  color:#f0f5ff;
}
.acct-sub{
  margin:0;
  font-size:14px;
  color:#7b8da6;
  font-weight:500;
}
.acct-user{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
  padding:8px 14px 8px 8px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(100,140,200,.08);
}
.acct-user-avatar{
  width:36px;
  height:36px;
  border-radius:10px;
  overflow:hidden;
  background:rgba(20,30,48,.8);
  display:grid;
  place-items:center;
  flex-shrink:0;
}
.acct-user-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.acct-user-avatar svg{
  width:18px;
  height:18px;
  fill:#8a9ab0;
}
.acct-user-info span{
  display:block;
  font-size:11px;
  color:#6b7a92;
  line-height:1.2;
}
.acct-user-info b{
  display:block;
  font-size:14px;
  color:#d0daea;
  font-weight:700;
  letter-spacing:-.01em;
}
@media (max-width:620px){
  .acct-header{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
}
@media (max-width:620px){
  .site-nav{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:12px 16px;
    margin:12px 12px 0;
    max-width:none;
  }
  .site-nav-links{
    flex-wrap:wrap;
    gap:4px;
  }
  .site-nav-links a{
    flex:1 1 auto;
    text-align:center;
    min-width:0;
  }
}


.anim-reveal{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .6s ease,transform .6s ease;
  transition-delay:var(--delay,0s);
  overflow-anchor:none;
}
.anim-reveal.revealed{
  opacity:1;
  transform:translateY(0);
}


.landing-home{
  padding-bottom:48px;
}
.landing-hero h1{
  background:linear-gradient(100deg,#ffffff 0%,#d4e8ff 38%,#8fbdff 68%,#c9a6ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}
.landing-pill{
  transition:transform .3s ease,border-color .3s ease;
}
.landing-pill:hover{
  transform:translateY(-2px);
  border-color:rgba(125,187,255,.36);
}
.landing-card{
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease;
}
.landing-card:hover{
  transform:translateY(-6px);
  border-color:rgba(125,187,255,.24);
  box-shadow:0 28px 72px rgba(0,0,0,.32),0 0 0 1px rgba(125,187,255,.08);
}
.landing-card span{
  transition:transform .3s ease,background .3s ease;
}
.landing-card:hover span{
  transform:scale(1.08);
  background:rgba(42,87,161,.36);
}
.landing-card h2{
  transition:color .2s ease;
}
.landing-card:hover h2{
  color:#fff;
}
.landing-card-accent{
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease;
}
.landing-primary{
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.landing-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 48px rgba(39,91,185,.28);
  background:linear-gradient(135deg,#2a5cb0,#4c38a0);
}
.landing-secondary{
  transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease;
}
.landing-secondary:hover{
  transform:translateY(-2px);
  border-color:rgba(145,163,190,.28);
  color:#fff;
  background:rgba(20,32,52,.82);
}
.landing-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  max-width:1120px;
  margin:52px auto 0;
  padding:22px 20px;
  border-top:1px solid rgba(145,163,190,.08);
  color:#6b7a92;
  font-size:13px;
}
@media (max-width:520px){
  .landing-footer{
    flex-direction:column;
    gap:6px;
    text-align:center;
  }
}


.hiw-page{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:0 0 64px;
}
.hiw-page .hiw-content{
  width:min(680px,calc(100% - 36px));
  margin:0 auto;
  padding-top:60px;
}
.hiw-content h1{
  margin:0 0 6px;
  font-size:32px;
  font-weight:800;
  letter-spacing:-.04em;
  color:#f5f8ff;
}
.hiw-subtitle{
  margin:0 0 36px;
  color:#8fa0b8;
  font-size:15px;
}
.hiw-section{
  margin-bottom:28px;
  padding:20px 22px;
  border:1px solid rgba(145,163,190,.10);
  border-radius:14px;
  background:rgba(13,20,32,.70);
}
.hiw-section h2{
  margin:0 0 8px;
  font-size:16px;
  font-weight:750;
  color:#e2eaff;
}
.hiw-section p{
  margin:0 0 6px;
  color:#9dadbf;
  font-size:14px;
  line-height:1.6;
}
.hiw-section p:last-child{
  margin-bottom:0;
}
.hiw-warn{
  margin-top:32px;
  padding:20px 22px;
  border:1px solid rgba(245,180,60,.16);
  border-radius:14px;
  background:rgba(245,180,60,.04);
}
.hiw-warn h2{
  margin:0 0 10px;
  font-size:16px;
  font-weight:750;
  color:#eac96e;
}
.hiw-warn ul{
  list-style:none;
  padding:0;
  margin:0;
}
.hiw-warn li{
  padding:3px 0;
  color:#bfb08a;
  font-size:14px;
  line-height:1.55;
}
.hiw-warn li::before{
  content:"–  ";
  color:#9a8a60;
}
.hiw-bottom{
  margin-top:32px;
  text-align:center;
}
.hiw-bottom a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  padding:0 20px;
  border-radius:11px;
  background:#162a52;
  border:1px solid rgba(125,187,255,.20);
  color:#d4e4ff;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  transition:transform .2s ease,background .2s ease;
}
.hiw-bottom a:hover{
  transform:translateY(-1px);
  background:#1c3468;
}
@media (max-width:520px){
  .hiw-page{width:min(100% - 24px,680px)}
  .hiw-content h1{font-size:26px}
  .hiw-section{padding:16px 18px}
  .hiw-warn{padding:16px 18px}
}

.search-topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 12px}
.account-count-selector{display:inline-flex;align-items:center;gap:10px;padding:7px 8px 7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:linear-gradient(180deg,rgba(18,28,45,.94),rgba(12,18,30,.94));box-shadow:0 12px 34px rgba(0,0,0,.20),0 0 0 1px rgba(79,140,255,.07) inset;color:var(--soft);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.account-count-control{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(7,11,19,.56);border:1px solid rgba(156,177,214,.16);padding:3px}
.account-count-control button{width:30px;height:28px;border:0;border-radius:999px;background:rgba(79,140,255,.12);color:var(--text);font-size:17px;font-weight:900;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.account-count-control button:hover{background:rgba(79,140,255,.24);box-shadow:0 0 18px rgba(79,140,255,.18);transform:translateY(-1px)}
.account-count-control button:active{transform:translateY(0) scale(.96)}
.account-count-control output{min-width:24px;text-align:center;color:#fff;font-size:14px;font-weight:900;line-height:28px}
.discord-balance{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.01em}
@media(max-width:720px){.search-topbar{justify-content:stretch;margin-bottom:10px}.account-count-selector{width:100%;justify-content:space-between;border-radius:16px}.account-count-control{flex-shrink:0}.account-count-control button{width:36px;height:32px}.account-count-control output{line-height:32px}}


.search-topbar{justify-content:flex-end;margin:0 0 10px}
.account-count-selector{gap:8px;padding:6px 7px 6px 10px;border-radius:14px;text-transform:none;letter-spacing:0;font-size:12px;background:#0f1725;border:1px solid rgba(145,163,190,.14);box-shadow:0 8px 22px rgba(0,0,0,.16),0 0 0 1px rgba(79,140,255,.05) inset;color:#b8c6dc}
.account-count-selector span{color:#b8c6dc;font-weight:800}
.account-count-control{gap:2px;padding:2px;border-radius:11px;background:#0a101a;border-color:rgba(145,163,190,.12)}
.account-count-control button{width:26px;height:24px;border-radius:8px;background:#172234;font-size:14px;box-shadow:none}
.account-count-control button:hover{background:#1c2d48;box-shadow:none;transform:none}
.account-count-control output{min-width:22px;line-height:24px;font-size:13px;color:#f5f8ff}
.game-filter-panel.hidden{display:none!important;visibility:hidden!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.game-filter-panel:not(.hidden){display:grid!important;visibility:visible!important;grid-auto-rows:max-content!important;gap:12px!important;min-height:0!important;margin:0!important;padding:0!important}
.sidebar .game-filter-panel label,.game-filter-panel label{min-height:42px!important;margin:0!important}
.sidebar .game-filter-panel input,.sidebar .game-filter-panel select,.game-filter-panel input,.game-filter-panel select{width:100%!important;min-width:0!important}
.range-filter>div,.rank-range-filter>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}
.check-filter{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:10px 12px!important;border:1px solid rgba(145,163,190,.10)!important;border-radius:10px!important;background:#111a29!important;color:#c2cad8!important}
.check-filter input{width:16px!important;height:16px!important;min-width:16px!important;accent-color:#2d67d8!important}
.check-filter span{font-size:12px!important;line-height:1.35!important;color:#c2cad8!important}
@media(max-width:720px){.search-topbar{justify-content:stretch;margin-bottom:10px}.account-count-selector{width:100%;justify-content:space-between;border-radius:13px}.account-count-control button{width:32px;height:30px}.account-count-control output{line-height:30px}.range-filter>div,.rank-range-filter>div{grid-template-columns:1fr}}

.search-topbar{display:flex;justify-content:flex-start;align-items:center;margin:-2px 0 12px}
.account-count-selector{height:38px;padding:0 8px 0 12px;border-radius:14px;background:linear-gradient(180deg,#111a2a,#0c1320);border:1px solid rgba(126,177,255,.20);box-shadow:0 10px 26px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04);gap:10px;text-transform:none;letter-spacing:0}
.account-count-selector span{font-size:12px;font-weight:900;color:#c7d4e8}
.account-count-control{height:30px;padding:3px;border-radius:11px;background:#070d17;border:1px solid rgba(140,164,202,.14);gap:2px}
.account-count-control button{width:26px;height:24px;border-radius:8px;background:#16233a;color:#e7efff;font-size:14px;box-shadow:none}
.account-count-control output{min-width:24px;line-height:24px;font-size:13px;color:#fff}
.sidebar .game-filter-panel:not(.hidden){display:flex!important;flex-direction:column!important;gap:12px!important}
.sidebar .game-filter-panel .simple-filter{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(128px,1fr)!important;align-items:center!important;gap:12px!important;min-height:44px!important;padding:0!important}
.sidebar .game-filter-panel .simple-filter>span{font-size:12px;line-height:1.25;color:#bdc8da}
.sidebar .game-filter-panel .range-filter>div,.sidebar .game-filter-panel .rank-range-filter>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important}
.sidebar .game-filter-panel input,.sidebar .game-filter-panel select{height:42px!important;border-radius:10px!important;background:#111a29!important}
@media(max-width:760px){.search-topbar{justify-content:stretch}.account-count-selector{width:100%;justify-content:space-between}.sidebar .game-filter-panel .simple-filter{grid-template-columns:1fr!important;gap:7px!important}.sidebar .game-filter-panel .range-filter>div,.sidebar .game-filter-panel .rank-range-filter>div{grid-template-columns:1fr 1fr!important}}
.search-topbar{display:none!important}
.game-tabs{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;width:min(100%,calc(100% - 366px))!important;margin:0 0 22px!important}
.game-tabs .account-count-selector{position:relative!important;margin-left:auto!important;height:42px!important;padding:0 8px 0 13px!important;border-radius:16px!important;background:linear-gradient(180deg,#14203a,#0d1526)!important;border:1px solid rgba(126,177,255,.24)!important;box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(79,140,255,.05)!important;display:inline-flex!important;align-items:center!important;gap:10px!important;color:#d9e6ff!important;white-space:nowrap!important;cursor:help!important}
.game-tabs .account-count-selector span{font-size:12px!important;font-weight:900!important;color:#d7e4fb!important;letter-spacing:-.02em!important;text-transform:none!important}
.game-tabs .account-count-control{height:32px!important;padding:3px!important;border-radius:12px!important;background:#070d18!important;border:1px solid rgba(145,163,190,.14)!important;display:inline-flex!important;align-items:center!important;gap:3px!important}
.game-tabs .account-count-control button{width:27px!important;height:26px!important;border-radius:9px!important;border:0!important;background:#17263f!important;color:#edf4ff!important;font-size:15px!important;font-weight:950!important;cursor:pointer!important;line-height:1!important;transition:background .15s ease,transform .15s ease!important}
.game-tabs .account-count-control button:hover{background:#20365b!important;transform:translateY(-1px)!important;box-shadow:none!important}
.game-tabs .account-count-control output{min-width:24px!important;line-height:26px!important;text-align:center!important;color:#fff!important;font-size:13px!important;font-weight:950!important}
.game-tabs .account-count-selector::after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 10px);width:230px;padding:10px 12px;border-radius:12px;background:#0b1220;border:1px solid rgba(126,177,255,.24);box-shadow:0 14px 34px rgba(0,0,0,.34);color:#cfdbef;font-size:12px;font-weight:750;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;z-index:20;text-transform:none;letter-spacing:0}
.game-tabs .account-count-selector:hover::after{opacity:1;transform:translateY(0)}
#r6Filters.hidden,#fortniteFilters.hidden,#valorantFilters.hidden{display:none!important;visibility:hidden!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.sidebar #r6Filters:not(.hidden),.sidebar #fortniteFilters:not(.hidden),.sidebar #valorantFilters:not(.hidden){display:flex!important;flex-direction:column!important;gap:12px!important;visibility:visible!important;height:auto!important}
.sidebar .game-filter-panel .rank-range-filter>div{grid-template-columns:minmax(0,1fr)!important}
.sidebar .game-filter-panel .rank-range-filter select{width:100%!important}
@media(max-width:1120px){.game-tabs{width:100%!important;max-width:100%!important}.game-tabs .account-count-selector{margin-left:auto!important}}
@media(max-width:720px){.game-tabs{flex-wrap:wrap!important}.game-tabs .account-count-selector{width:100%!important;margin-left:0!important;justify-content:space-between!important}.game-tabs .account-count-selector::after{left:0;right:auto;width:min(260px,calc(100vw - 40px))}}

:root{
  --accent:#1E5EFF;
  --accent-2:#0B2F9E;
  --accent-soft:rgba(30,94,255,.18);
  --accent-fade:rgba(30,94,255,.08);
}
.intro h1{
  color:transparent!important;
  background:linear-gradient(92deg,#f8fbff 0%,#dbe7ff 34%,#7DBBFF 66%,#1E5EFF 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:0 22px 70px rgba(30,94,255,.20)!important;
}
.intro h1::after{
  background:linear-gradient(90deg,#7DBBFF,#1E5EFF,#0B2F9E,transparent)!important;
  box-shadow:0 0 22px rgba(30,94,255,.34)!important;
}
.game-tabs{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 22px!important;
  align-items:center!important;
  gap:10px!important;
}
.game-tabs .account-count-selector{
  margin-left:auto!important;
  height:46px!important;
  min-width:238px!important;
  padding:0 8px 0 16px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(30,94,255,.22),rgba(11,47,158,.14) 46%,rgba(9,15,28,.96))!important;
  border:1px solid rgba(125,187,255,.34)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 1px rgba(30,94,255,.10) inset,0 0 28px rgba(30,94,255,.08)!important;
  gap:12px!important;
  color:#eef5ff!important;
  cursor:help!important;
}
.game-tabs .account-count-selector:hover{
  border-color:rgba(125,187,255,.54)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 1px rgba(125,187,255,.16) inset,0 0 32px rgba(30,94,255,.14)!important;
}
.game-tabs .account-count-selector span{
  flex:1 1 auto!important;
  min-width:82px!important;
  color:#eff6ff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.game-tabs .account-count-control{
  height:34px!important;
  padding:4px!important;
  border-radius:14px!important;
  gap:4px!important;
  background:linear-gradient(180deg,#0c1730,#07101f)!important;
  border:1px solid rgba(125,187,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.game-tabs .account-count-control button{
  width:30px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(30,94,255,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
.game-tabs .account-count-control button:hover{
  filter:brightness(1.12)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 22px rgba(30,94,255,.26),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.game-tabs .account-count-control button:active{
  transform:translateY(0) scale(.96)!important;
}
.game-tabs .account-count-control output{
  min-width:32px!important;
  height:26px!important;
  line-height:26px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.05)!important;
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:950!important;
  text-align:center!important;
}
.game-tabs .account-count-selector::after{
  content:attr(data-tooltip)!important;
  right:0!important;
  bottom:calc(100% + 12px)!important;
  width:310px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#101a31,#07101f)!important;
  border:1px solid rgba(125,187,255,.34)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.42),0 0 0 1px rgba(30,94,255,.10) inset!important;
  color:#e7f0ff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.game-tabs .account-count-selector::before{
  content:""!important;
  position:absolute!important;
  right:22px!important;
  bottom:calc(100% + 5px)!important;
  width:14px!important;
  height:14px!important;
  background:#07101f!important;
  border-right:1px solid rgba(125,187,255,.34)!important;
  border-bottom:1px solid rgba(125,187,255,.34)!important;
  transform:rotate(45deg) translateY(6px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .15s ease!important;
  z-index:21!important;
}
.game-tabs .account-count-selector:hover::before{opacity:1!important}
@media(max-width:920px){
  .game-tabs{flex-wrap:wrap!important}
  .game-tabs .account-count-selector{margin-left:0!important;width:100%!important;min-width:0!important;justify-content:space-between!important}
  .game-tabs .account-count-selector::after{left:0!important;right:auto!important;width:min(310px,calc(100vw - 44px))!important}
  .game-tabs .account-count-selector::before{left:28px!important;right:auto!important}
}
@media(max-width:520px){
}

.intro .hero-title-line h1,.intro h1{
  color:transparent!important;
  background:linear-gradient(92deg,#1E5EFF 0%,#7DBBFF 52%,#0B2F9E 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:0 16px 54px rgba(30,94,255,.32)!important;
}
.intro .hero-title-line h1::after,.intro h1::after{
  background:linear-gradient(90deg,#7DBBFF,#1E5EFF,#0B2F9E,transparent)!important;
  box-shadow:0 0 22px rgba(30,94,255,.34)!important;
}
.game-tabs .account-count-selector{
  position:relative!important;
  height:42px!important;
  min-width:226px!important;
  padding:0 8px 0 14px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:linear-gradient(180deg,rgba(18,31,58,.98),rgba(8,14,26,.98))!important;
  border:1px solid rgba(125,187,255,.34)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(125,187,255,.12),0 0 0 1px rgba(30,94,255,.07)!important;
  color:#ecf4ff!important;
  cursor:help!important;
}
.game-tabs .account-count-selector:hover{
  border-color:rgba(125,187,255,.58)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(125,187,255,.18),0 0 24px rgba(30,94,255,.13)!important;
}
.game-tabs .account-count-selector span{
  flex:0 0 auto!important;
  min-width:auto!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#eaf2ff!important;
  letter-spacing:-.01em!important;
}
.game-tabs .account-count-control{
  height:30px!important;
  padding:3px!important;
  border-radius:12px!important;
  display:grid!important;
  grid-template-columns:30px 34px 30px!important;
  align-items:center!important;
  gap:3px!important;
  background:#071020!important;
  border:1px solid rgba(125,187,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.game-tabs .account-count-control button{
  width:30px!important;
  height:24px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  color:#ffffff!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  border:0!important;
  box-shadow:0 7px 16px rgba(30,94,255,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.game-tabs .account-count-control button:hover{
  filter:brightness(1.13)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 9px 20px rgba(30,94,255,.30),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.game-tabs .account-count-control output{
  min-width:34px!important;
  height:24px!important;
  line-height:24px!important;
  border-radius:9px!important;
  background:rgba(125,187,255,.08)!important;
  color:#ffffff!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:950!important;
}
.game-tabs .account-count-selector::after{
  content:attr(data-tooltip)!important;
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 12px)!important;
  width:290px!important;
  padding:11px 13px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#111e38,#071020)!important;
  border:1px solid rgba(125,187,255,.34)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.42),inset 0 1px 0 rgba(125,187,255,.10)!important;
  color:#e6f0ff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.4!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(6px)!important;
  transition:opacity .15s ease,transform .15s ease!important;
  z-index:30!important;
}
.game-tabs .account-count-selector:hover::after{
  opacity:1!important;
  transform:translateY(0)!important;
}
.game-tabs .account-count-selector::before{
  content:""!important;
  position:absolute!important;
  right:26px!important;
  bottom:calc(100% + 5px)!important;
  width:12px!important;
  height:12px!important;
  background:#071020!important;
  border-right:1px solid rgba(125,187,255,.34)!important;
  border-bottom:1px solid rgba(125,187,255,.34)!important;
  transform:rotate(45deg)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .15s ease!important;
  z-index:31!important;
}
.game-tabs .account-count-selector:hover::before{opacity:1!important}
@media(max-width:920px){
  .game-tabs .account-count-selector{width:100%!important;min-width:0!important;margin-left:0!important}
  .game-tabs .account-count-selector::after{left:0!important;right:auto!important;width:min(290px,calc(100vw - 44px))!important}
  .game-tabs .account-count-selector::before{left:30px!important;right:auto!important}
}

.intro .hero-title-line h1,.intro h1{
  color:transparent!important;
  background:linear-gradient(96deg,#f7fbff 0%,#dbeaff 23%,#7DBBFF 49%,#1E5EFF 72%,#0B2F9E 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:0 18px 58px rgba(30,94,255,.18),0 0 28px rgba(125,187,255,.08)!important;
}
.intro .hero-title-line h1::after,.intro h1::after{
  display:block!important;
  width:240px!important;
  height:2px!important;
  margin-top:16px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#1E5EFF,#7DBBFF,rgba(11,47,158,0))!important;
  box-shadow:0 0 22px rgba(125,187,255,.20)!important;
  opacity:.62!important;
}
.game-tabs{
  align-items:center!important;
  gap:10px!important;
}
.game-tabs .account-count-selector{
  position:relative!important;
  margin-left:auto!important;
  width:auto!important;
  min-width:218px!important;
  height:42px!important;
  padding:4px 5px 4px 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(16,27,48,.96),rgba(7,13,24,.98))!important;
  border:1px solid rgba(125,187,255,.28)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.055),0 0 0 1px rgba(30,94,255,.045)!important;
  color:#eef5ff!important;
  cursor:help!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease!important;
}
.game-tabs .account-count-selector:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(125,187,255,.46)!important;
  background:linear-gradient(180deg,rgba(18,31,56,.98),rgba(8,15,28,.98))!important;
  box-shadow:0 16px 40px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.075),0 0 22px rgba(30,94,255,.12)!important;
}
.game-tabs .account-count-selector span{
  min-width:0!important;
  flex:0 0 auto!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
  color:#dbe9ff!important;
  text-transform:none!important;
}
.game-tabs .account-count-control{
  height:32px!important;
  min-width:112px!important;
  padding:3px!important;
  display:grid!important;
  grid-template-columns:30px 34px 30px!important;
  align-items:center!important;
  gap:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#0a1324,#070c16)!important;
  border:1px solid rgba(125,187,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.game-tabs .account-count-control button{
  width:30px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#15243e,#0d1729)!important;
  color:#dceaff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease!important;
}
.game-tabs .account-count-control button:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(30,94,255,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
  filter:none!important;
}
.game-tabs .account-count-control button:active{
  transform:translateY(0) scale(.96)!important;
}
.game-tabs .account-count-control #accountCountUp{
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(30,94,255,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.game-tabs .account-count-control output{
  min-width:34px!important;
  height:26px!important;
  line-height:26px!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#f8fbff!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.game-tabs .account-count-selector::after{
  content:attr(data-tooltip)!important;
  position:absolute!important;
  right:2px!important;
  bottom:calc(100% + 13px)!important;
  width:286px!important;
  padding:11px 13px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#101b31,#07101e)!important;
  border:1px solid rgba(125,187,255,.30)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:#e9f2ff!important;
  font-size:12px!important;
  font-weight:780!important;
  line-height:1.38!important;
  letter-spacing:0!important;
  text-transform:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(6px)!important;
  transition:opacity .15s ease,transform .15s ease!important;
  z-index:40!important;
}
.game-tabs .account-count-selector:hover::after{
  opacity:1!important;
  transform:translateY(0)!important;
}
.game-tabs .account-count-selector::before{
  content:""!important;
  position:absolute!important;
  right:30px!important;
  bottom:calc(100% + 6px)!important;
  width:12px!important;
  height:12px!important;
  border-right:1px solid rgba(125,187,255,.30)!important;
  border-bottom:1px solid rgba(125,187,255,.30)!important;
  background:#07101e!important;
  transform:rotate(45deg)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .15s ease!important;
  z-index:41!important;
}
.game-tabs .account-count-selector:hover::before{
  opacity:1!important;
}
@media(max-width:920px){
  .game-tabs{
    width:100%!important;
    flex-wrap:wrap!important;
  }
  .game-tabs .account-count-selector{
    margin-left:0!important;
    min-width:min(100%,230px)!important;
  }
}
@media(max-width:560px){
  .game-tabs .account-count-selector{
    width:100%!important;
    justify-content:space-between!important;
  }
  .game-tabs .account-count-selector::after{
    left:0!important;
    right:auto!important;
    width:min(286px,calc(100vw - 34px))!important;
  }
  .game-tabs .account-count-selector::before{
    left:34px!important;
    right:auto!important;
  }
}

.game-tabs .account-count-selector{
  position:relative!important;
  margin-left:auto!important;
  width:auto!important;
  min-width:202px!important;
  height:40px!important;
  padding:0 7px 0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(15,24,42,.94),rgba(8,13,24,.96))!important;
  border:1px solid rgba(125,187,255,.30)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055),0 0 0 1px rgba(30,94,255,.05)!important;
  color:#dce9ff!important;
  cursor:help!important;
  transform:none!important;
}
.game-tabs .account-count-selector:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(125,187,255,.46)!important;
  background:linear-gradient(180deg,rgba(18,30,52,.96),rgba(9,15,27,.98))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07),0 0 24px rgba(30,94,255,.13)!important;
}
.game-tabs .account-count-selector span{
  display:block!important;
  min-width:auto!important;
  flex:0 0 auto!important;
  color:#d7e5fb!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}
.game-tabs .account-count-control{
  height:30px!important;
  min-width:98px!important;
  padding:2px!important;
  display:grid!important;
  grid-template-columns:28px 30px 28px!important;
  align-items:center!important;
  gap:2px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#09111f,#060b14)!important;
  border:1px solid rgba(125,187,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.game-tabs .account-count-control button{
  width:28px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(125,187,255,.12)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#16233a,#10192b)!important;
  color:#e6f0ff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease!important;
  filter:none!important;
}
.game-tabs .account-count-control button:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  border-color:rgba(125,187,255,.42)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(30,94,255,.24),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.game-tabs .account-count-control button:active{
  transform:scale(.96)!important;
}
.game-tabs .account-count-control #accountCountUp{
  background:linear-gradient(180deg,#172844,#101a2c)!important;
  color:#e6f0ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.game-tabs .account-count-control #accountCountUp:hover{
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(30,94,255,.24),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.game-tabs .account-count-control output{
  min-width:30px!important;
  height:26px!important;
  line-height:26px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;
  color:#f8fbff!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.game-tabs .account-count-selector::after{
  content:attr(data-tooltip)!important;
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 12px)!important;
  width:260px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#101b31,#070f1d)!important;
  border:1px solid rgba(125,187,255,.30)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:#e8f1ff!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.36!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:left!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(6px)!important;
  transition:opacity .14s ease,transform .14s ease!important;
  z-index:60!important;
}
.game-tabs .account-count-selector:hover::after{
  opacity:1!important;
  transform:translateY(0)!important;
}
.game-tabs .account-count-selector::before{
  content:""!important;
  position:absolute!important;
  right:34px!important;
  bottom:calc(100% + 5px)!important;
  width:12px!important;
  height:12px!important;
  border-right:1px solid rgba(125,187,255,.30)!important;
  border-bottom:1px solid rgba(125,187,255,.30)!important;
  background:#070f1d!important;
  transform:rotate(45deg)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .14s ease!important;
  z-index:61!important;
}
.game-tabs .account-count-selector:hover::before{opacity:1!important}
@media(max-width:920px){
  .game-tabs .account-count-selector{width:100%!important;min-width:0!important;margin-left:0!important}
  .game-tabs .account-count-selector::after{left:0!important;right:auto!important;width:min(260px,calc(100vw - 44px))!important}
  .game-tabs .account-count-selector::before{left:32px!important;right:auto!important}
}

.game-tabs .account-count-selector{
  margin-left:auto!important;
  min-width:212px!important;
  height:48px!important;
  padding:6px 7px 6px 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(13,23,41,.96),rgba(8,13,24,.98))!important;
  border:1px solid rgba(125,187,255,.24)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055),0 0 0 1px rgba(30,94,255,.05)!important;
  color:#e8f1ff!important;
  cursor:help!important;
  overflow:visible!important;
}
.game-tabs .account-count-selector:hover{
  border-color:rgba(125,187,255,.42)!important;
  background:linear-gradient(145deg,rgba(16,30,54,.98),rgba(9,16,30,.98))!important;
  box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 28px rgba(30,94,255,.12),inset 0 1px 0 rgba(255,255,255,.075)!important;
  transform:translateY(-1px)!important;
}
.game-tabs .account-count-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;
  min-width:80px!important;
  color:#eaf2ff!important;
  line-height:1!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.game-tabs .account-count-label strong{
  display:block!important;
  font-size:13px!important;
  font-weight:950!important;
  color:#f6f9ff!important;
  letter-spacing:-.02em!important;
}
.game-tabs .account-count-label small{
  display:block!important;
  margin-top:2px!important;
  font-size:10px!important;
  font-weight:850!important;
  color:#7DBBFF!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  opacity:.86!important;
}
.game-tabs .account-count-control{
  height:36px!important;
  min-width:106px!important;
  padding:3px!important;
  display:grid!important;
  grid-template-columns:30px 34px 30px!important;
  align-items:center!important;
  gap:3px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(6,12,23,.94),rgba(4,8,16,.96))!important;
  border:1px solid rgba(125,187,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.game-tabs .account-count-control button{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(125,187,255,.18)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#13233e,#0d1729)!important;
  color:#dfeaff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.game-tabs .account-count-control button:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  border-color:rgba(125,187,255,.55)!important;
  box-shadow:0 8px 20px rgba(30,94,255,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.game-tabs .account-count-control button:active{transform:scale(.95)!important}
.game-tabs .account-count-control output{
  min-width:34px!important;
  height:30px!important;
  line-height:30px!important;
  text-align:center!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(15,25,44,.92),rgba(9,15,27,.92))!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.game-tabs .account-count-selector::after{
  width:292px!important;
  right:0!important;
  bottom:calc(100% + 13px)!important;
  padding:11px 13px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#111d34,#08101e)!important;
  border:1px solid rgba(125,187,255,.34)!important;
  color:#ecf4ff!important;
  box-shadow:0 18px 44px rgba(0,0,0,.44),0 0 22px rgba(30,94,255,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.game-tabs .account-count-selector::before{
  right:36px!important;
  bottom:calc(100% + 6px)!important;
  background:#08101e!important;
  border-color:rgba(125,187,255,.34)!important;
}
@media(max-width:920px){
  .game-tabs .account-count-selector{width:100%!important;min-width:0!important;margin-left:0!important}
  .game-tabs .account-count-selector::after{left:0!important;right:auto!important;width:min(292px,calc(100vw - 44px))!important}
  .game-tabs .account-count-selector::before{left:34px!important;right:auto!important}
}

.game-tabs .account-count-selector{
  width:268px!important;
  min-width:268px!important;
  height:52px!important;
  margin-left:auto!important;
  padding:0 10px 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(11,21,39,.98),rgba(6,11,21,.99))!important;
  border:1px solid rgba(125,187,255,.26)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  cursor:help!important;
  overflow:visible!important;
  transform:none!important;
}
.game-tabs .account-count-selector:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(125,187,255,.42)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 26px rgba(30,94,255,.13),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.game-tabs .account-count-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:92px!important;
  gap:3px!important;
  line-height:1!important;
}
.game-tabs .account-count-label strong{
  font-size:14px!important;
  line-height:14px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:#f2f7ff!important;
}
.game-tabs .account-count-label small{
  font-size:10px!important;
  line-height:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  color:#7DBBFF!important;
  opacity:.9!important;
}
.game-tabs .account-count-control{
  width:128px!important;
  height:38px!important;
  padding:4px!important;
  display:grid!important;
  grid-template-columns:34px 44px 34px!important;
  align-items:center!important;
  gap:4px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(5,10,20,.98),rgba(3,7,14,.98))!important;
  border:1px solid rgba(125,187,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.game-tabs .account-count-control button{
  width:34px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(125,187,255,.16)!important;
  background:linear-gradient(180deg,#142540,#0d182b)!important;
  color:#e8f1ff!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.game-tabs .account-count-control button:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
  border-color:rgba(125,187,255,.48)!important;
  box-shadow:0 9px 20px rgba(30,94,255,.26),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.game-tabs .account-count-control button:active{transform:scale(.96)!important}
.game-tabs .account-count-control output{
  width:44px!important;
  min-width:44px!important;
  height:30px!important;
  line-height:30px!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#ffffff!important;
  text-align:center!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  box-shadow:none!important;
}
.game-tabs .account-count-selector::after{
  content:attr(data-tooltip)!important;
  position:absolute!important;
  right:8px!important;
  bottom:calc(100% + 9px)!important;
  width:auto!important;
  max-width:230px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#0d182b,#070d18)!important;
  border:1px solid rgba(125,187,255,.28)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.38)!important;
  color:#dfeaff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-transform:none!important;
  letter-spacing:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(4px)!important;
  transition:opacity .14s ease,transform .14s ease!important;
  z-index:80!important;
}
.game-tabs .account-count-selector:hover::after{opacity:1!important;transform:translateY(0)!important}
.game-tabs .account-count-selector::before{
  content:""!important;
  position:absolute!important;
  right:36px!important;
  bottom:calc(100% + 4px)!important;
  width:9px!important;
  height:9px!important;
  transform:rotate(45deg)!important;
  background:#070d18!important;
  border-right:1px solid rgba(125,187,255,.28)!important;
  border-bottom:1px solid rgba(125,187,255,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .14s ease!important;
  z-index:81!important;
}
.game-tabs .account-count-selector:hover::before{opacity:1!important}
@media(max-width:920px){
  .game-tabs .account-count-selector{width:100%!important;min-width:0!important;margin-left:0!important}
  .game-tabs .account-count-control{width:128px!important;flex:0 0 auto!important}
  .game-tabs .account-count-selector::after{left:12px!important;right:auto!important;max-width:calc(100vw - 56px)!important;white-space:normal!important}
  .game-tabs .account-count-selector::before{left:42px!important;right:auto!important}
}
.game-tabs .account-count-selector{
    width:340px!important;
    min-width:340px!important;
    height:50px!important;
    margin-left:auto!important;
    padding:0 10px 0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(13,24,43,.98),rgba(6,12,23,.99))!important;
    border:1px solid rgba(125,187,255,.28)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;
    cursor:help!important;
    overflow:visible!important;
}
.game-tabs .account-count-selector:hover{
    border-color:rgba(125,187,255,.44)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 24px rgba(30,94,255,.13),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.game-tabs .account-count-label{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:150px!important;
    max-width:150px!important;
    gap:3px!important;
    line-height:1!important;
}
.game-tabs .account-count-label strong{
    display:block!important;
    font-size:13px!important;
    line-height:14px!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    color:#f4f8ff!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-label small{
    display:block!important;
    font-size:10px!important;
    line-height:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    color:#7DBBFF!important;
    opacity:.9!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-control{
    width:130px!important;
    height:36px!important;
    padding:3px!important;
    display:grid!important;
    grid-template-columns:34px 42px 34px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(5,10,20,.98),rgba(3,7,14,.98))!important;
    border:1px solid rgba(125,187,255,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.game-tabs .account-count-control button{
    width:34px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    border:1px solid rgba(125,187,255,.16)!important;
    background:linear-gradient(180deg,#142540,#0d182b)!important;
    color:#e8f1ff!important;
    font-size:16px!important;
    font-weight:950!important;
    line-height:1!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
    transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.game-tabs .account-count-control button:hover{
    transform:translateY(-1px)!important;
    background:linear-gradient(180deg,#1E5EFF,#0B2F9E)!important;
    border-color:rgba(125,187,255,.5)!important;
    box-shadow:0 9px 20px rgba(30,94,255,.26),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.game-tabs .account-count-control button:active{
    transform:scale(.96)!important;
}
.game-tabs .account-count-control output{
    width:42px!important;
    min-width:42px!important;
    height:30px!important;
    line-height:30px!important;
    border-radius:10px!important;
    background:rgba(12,21,36,.72)!important;
    color:#fff!important;
    text-align:center!important;
    font-size:15px!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.game-tabs .account-count-selector::after{
    content:attr(data-tooltip)!important;
    position:absolute!important;
    right:10px!important;
    bottom:calc(100% + 9px)!important;
    width:auto!important;
    max-width:270px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#0d182b,#070d18)!important;
    border:1px solid rgba(125,187,255,.28)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.38)!important;
    color:#dfeaff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-transform:none!important;
    letter-spacing:0!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(4px)!important;
    transition:opacity .14s ease,transform .14s ease!important;
    z-index:80!important;
}
.game-tabs .account-count-selector:hover::after{
    opacity:1!important;
    transform:translateY(0)!important;
}
.game-tabs .account-count-selector::before{
    content:""!important;
    position:absolute!important;
    right:42px!important;
    bottom:calc(100% + 4px)!important;
    width:9px!important;
    height:9px!important;
    transform:rotate(45deg)!important;
    background:#070d18!important;
    border-right:1px solid rgba(125,187,255,.28)!important;
    border-bottom:1px solid rgba(125,187,255,.28)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .14s ease!important;
    z-index:81!important;
}
.game-tabs .account-count-selector:hover::before{
    opacity:1!important;
}
@media(max-width:920px){
    .game-tabs .account-count-selector{
        width:100%!important;
        min-width:0!important;
        margin-left:0!important;
    }
    .game-tabs .account-count-label{
        min-width:145px!important;
        max-width:145px!important;
    }
    .game-tabs .account-count-control{
        width:130px!important;
        flex:0 0 auto!important;
    }
    .game-tabs .account-count-selector::after{
        left:12px!important;
        right:auto!important;
        max-width:calc(100vw - 56px)!important;
        white-space:normal!important;
    }
    .game-tabs .account-count-selector::before{
        left:42px!important;
        right:auto!important;
    }
}
@media(max-width:520px){
    .game-tabs .account-count-selector{
        height:54px!important;
        padding:0 10px 0 14px!important;
        gap:10px!important;
    }
    .game-tabs .account-count-label{
        min-width:128px!important;
        max-width:128px!important;
    }
    .game-tabs .account-count-label strong{
        font-size:12px!important;
    }
    .game-tabs .account-count-control{
        width:124px!important;
        grid-template-columns:32px 40px 32px!important;
    }
    .game-tabs .account-count-control button{
        width:32px!important;
    }
    .game-tabs .account-count-control output{
        width:40px!important;
        min-width:40px!important;
    }
}

.game-tabs .account-count-selector{
    position:relative!important;
    width:356px!important;
    min-width:356px!important;
    height:48px!important;
    margin-left:auto!important;
    padding:0 8px 0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#0f1a2b 0%,#0a1220 100%)!important;
    border:1px solid rgba(125,187,255,.22)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045)!important;
    color:#e8f1ff!important;
    cursor:help!important;
    overflow:visible!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.game-tabs .account-count-selector:hover{
    border-color:rgba(125,187,255,.34)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.game-tabs .account-count-label{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    gap:2px!important;
    line-height:1!important;
}
.game-tabs .account-count-label strong{
    display:block!important;
    font-size:13px!important;
    line-height:15px!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    color:#f4f8ff!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-label small{
    display:block!important;
    font-size:10px!important;
    line-height:10px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
    letter-spacing:.075em!important;
    color:#8fbfff!important;
    opacity:.88!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-control{
    width:132px!important;
    height:34px!important;
    flex:0 0 132px!important;
    display:grid!important;
    grid-template-columns:38px 48px 38px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:3px!important;
    border-radius:14px!important;
    background:#07101d!important;
    border:1px solid rgba(125,187,255,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.game-tabs .account-count-control button{
    width:38px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#dceaff!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:background .14s ease,color .14s ease,transform .14s ease!important;
}
.game-tabs .account-count-control button:hover{
    background:rgba(30,94,255,.28)!important;
    color:#ffffff!important;
    box-shadow:none!important;
    transform:none!important;
}
.game-tabs .account-count-control button:active{
    transform:scale(.96)!important;
}
.game-tabs .account-count-control output{
    width:48px!important;
    min-width:48px!important;
    height:28px!important;
    line-height:28px!important;
    text-align:center!important;
    border-radius:10px!important;
    background:rgba(16,29,49,.74)!important;
    color:#ffffff!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.game-tabs .account-count-selector::after{
    content:attr(data-tooltip)!important;
    position:absolute!important;
    right:8px!important;
    bottom:calc(100% + 8px)!important;
    width:auto!important;
    max-width:230px!important;
    padding:7px 10px!important;
    border-radius:10px!important;
    background:#0b1424!important;
    border:1px solid rgba(125,187,255,.20)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
    color:#d6e4f8!important;
    font-size:11px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-transform:none!important;
    letter-spacing:0!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(3px)!important;
    transition:opacity .14s ease,transform .14s ease!important;
    z-index:80!important;
}
.game-tabs .account-count-selector:hover::after{
    opacity:1!important;
    transform:translateY(0)!important;
}
.game-tabs .account-count-selector::before{
    content:""!important;
    position:absolute!important;
    right:46px!important;
    bottom:calc(100% + 4px)!important;
    width:8px!important;
    height:8px!important;
    transform:rotate(45deg)!important;
    background:#0b1424!important;
    border-right:1px solid rgba(125,187,255,.20)!important;
    border-bottom:1px solid rgba(125,187,255,.20)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .14s ease!important;
    z-index:81!important;
}
.game-tabs .account-count-selector:hover::before{
    opacity:1!important;
}
@media(max-width:920px){
    .game-tabs .account-count-selector{
        width:100%!important;
        min-width:0!important;
        margin-left:0!important;
    }
    .game-tabs .account-count-control{
        width:132px!important;
        flex:0 0 132px!important;
    }
    .game-tabs .account-count-selector::after{
        left:14px!important;
        right:auto!important;
        max-width:calc(100vw - 56px)!important;
        white-space:normal!important;
    }
    .game-tabs .account-count-selector::before{
        left:42px!important;
        right:auto!important;
    }
}
@media(max-width:520px){
    .game-tabs .account-count-selector{
        height:50px!important;
        padding:0 8px 0 14px!important;
        gap:10px!important;
    }
    .game-tabs .account-count-label strong{
        font-size:12px!important;
        line-height:14px!important;
    }
    .game-tabs .account-count-label small{
        font-size:9px!important;
        line-height:9px!important;
    }
    .game-tabs .account-count-control{
        width:124px!important;
        flex-basis:124px!important;
        grid-template-columns:36px 46px 36px!important;
    }
    .game-tabs .account-count-control button{
        width:36px!important;
    }
    .game-tabs .account-count-control output{
        width:46px!important;
        min-width:46px!important;
    }
}


.game-tabs{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
}
.game-tabs .account-count-selector{
    position:relative!important;
    width:404px!important;
    min-width:404px!important;
    height:54px!important;
    margin-left:auto!important;
    padding:0 12px 0 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#101b2d 0%,#0a1321 100%)!important;
    border:1px solid rgba(139,166,203,.20)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
    color:#e8f1ff!important;
    cursor:help!important;
    overflow:visible!important;
    transform:none!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.game-tabs .account-count-selector:hover{
    transform:none!important;
    background:linear-gradient(180deg,#121f33 0%,#0b1524 100%)!important;
    border-color:rgba(139,166,203,.28)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.game-tabs .account-count-label{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:178px!important;
    max-width:178px!important;
    gap:3px!important;
    line-height:1!important;
}
.game-tabs .account-count-label strong{
    display:block!important;
    font-size:14px!important;
    line-height:15px!important;
    font-weight:880!important;
    letter-spacing:-.018em!important;
    color:#f3f7ff!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-label small{
    display:block!important;
    font-size:10px!important;
    line-height:10px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.085em!important;
    color:#8fb8eb!important;
    opacity:.9!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-control{
    width:154px!important;
    height:36px!important;
    flex:0 0 154px!important;
    display:grid!important;
    grid-template-columns:44px 62px 44px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:0!important;
    border-radius:13px!important;
    background:rgba(5,11,20,.62)!important;
    border:1px solid rgba(139,166,203,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    overflow:hidden!important;
}
.game-tabs .account-count-control button{
    width:44px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#cdddf4!important;
    font-size:17px!important;
    font-weight:850!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:background .14s ease,color .14s ease!important;
}
.game-tabs .account-count-control button:hover{
    background:rgba(70,109,166,.24)!important;
    color:#ffffff!important;
    box-shadow:none!important;
    transform:none!important;
}
.game-tabs .account-count-control button:active{
    background:rgba(70,109,166,.34)!important;
    transform:none!important;
}
.game-tabs .account-count-control output{
    width:62px!important;
    min-width:62px!important;
    height:36px!important;
    line-height:36px!important;
    display:block!important;
    text-align:center!important;
    border-radius:0!important;
    border-left:1px solid rgba(139,166,203,.13)!important;
    border-right:1px solid rgba(139,166,203,.13)!important;
    background:rgba(12,22,37,.55)!important;
    color:#f8fbff!important;
    font-size:15px!important;
    font-weight:880!important;
    letter-spacing:-.015em!important;
    box-shadow:none!important;
}
.game-tabs .account-count-selector::after{
    content:attr(data-tooltip)!important;
    position:absolute!important;
    right:10px!important;
    bottom:calc(100% + 8px)!important;
    width:max-content!important;
    max-width:220px!important;
    padding:7px 10px!important;
    border-radius:9px!important;
    background:#0b1422!important;
    border:1px solid rgba(139,166,203,.20)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.26)!important;
    color:#d6e2f2!important;
    font-size:11px!important;
    font-weight:720!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-transform:none!important;
    letter-spacing:0!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(3px)!important;
    transition:opacity .14s ease,transform .14s ease!important;
    z-index:80!important;
}
.game-tabs .account-count-selector:hover::after{
    opacity:1!important;
    transform:translateY(0)!important;
}
.game-tabs .account-count-selector::before{
    content:""!important;
    position:absolute!important;
    right:54px!important;
    bottom:calc(100% + 4px)!important;
    width:8px!important;
    height:8px!important;
    transform:rotate(45deg)!important;
    background:#0b1422!important;
    border-right:1px solid rgba(139,166,203,.20)!important;
    border-bottom:1px solid rgba(139,166,203,.20)!important;
    box-shadow:none!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .14s ease!important;
    z-index:79!important;
}
.game-tabs .account-count-selector:hover::before{
    opacity:1!important;
}
@media(max-width:1120px){
    .game-tabs{
        flex-wrap:wrap!important;
        width:100%!important;
        max-width:100%!important;
    }
    .game-tabs .account-count-selector{
        width:100%!important;
        min-width:0!important;
        margin-left:0!important;
    }
    .game-tabs .account-count-label{
        min-width:178px!important;
        max-width:178px!important;
    }
    .game-tabs .account-count-control{
        width:154px!important;
        flex:0 0 154px!important;
    }
}
@media(max-width:520px){
    .game-tabs .account-count-selector{
        height:56px!important;
        padding:0 10px 0 14px!important;
        gap:10px!important;
        border-radius:16px!important;
    }
    .game-tabs .account-count-label{
        min-width:142px!important;
        max-width:142px!important;
    }
    .game-tabs .account-count-label strong{
        font-size:12px!important;
        line-height:13px!important;
    }
    .game-tabs .account-count-label small{
        font-size:9px!important;
        line-height:9px!important;
    }
    .game-tabs .account-count-control{
        width:132px!important;
        flex-basis:132px!important;
        grid-template-columns:38px 56px 38px!important;
    }
    .game-tabs .account-count-control button{
        width:38px!important;
    }
    .game-tabs .account-count-control output{
        width:56px!important;
        min-width:56px!important;
    }
    .game-tabs .account-count-selector::after{
        left:8px!important;
        right:auto!important;
        max-width:calc(100vw - 48px)!important;
        white-space:normal!important;
    }
    .game-tabs .account-count-selector::before{
        left:42px!important;
        right:auto!important;
    }
}


.game-tabs .account-count-selector{
    position:relative!important;
    width:348px!important;
    min-width:348px!important;
    height:46px!important;
    margin-left:auto!important;
    padding:0 9px 0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    border-radius:16px!important;
    background:#0d1727!important;
    border:1px solid rgba(125,187,255,.18)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
    color:#e8f1ff!important;
    cursor:help!important;
    overflow:visible!important;
    transform:none!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.game-tabs .account-count-selector:hover{
    background:#0f1b2e!important;
    border-color:rgba(125,187,255,.26)!important;
    box-shadow:0 10px 20px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.045)!important;
    transform:none!important;
}
.game-tabs .account-count-label{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:150px!important;
    max-width:150px!important;
    gap:2px!important;
    line-height:1!important;
}
.game-tabs .account-count-label strong{
    display:block!important;
    font-size:13px!important;
    line-height:14px!important;
    font-weight:850!important;
    letter-spacing:-.018em!important;
    color:#f4f8ff!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-label small{
    display:block!important;
    font-size:9px!important;
    line-height:9px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    color:#8fb8eb!important;
    opacity:.92!important;
    white-space:nowrap!important;
}
.game-tabs .account-count-control{
    width:128px!important;
    height:32px!important;
    flex:0 0 128px!important;
    display:grid!important;
    grid-template-columns:34px 60px 34px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:0!important;
    border-radius:12px!important;
    background:#08111f!important;
    border:1px solid rgba(125,187,255,.14)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    overflow:hidden!important;
}
.game-tabs .account-count-control button{
    width:34px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:#101d31!important;
    color:#d7e5f7!important;
    font-size:15px!important;
    font-weight:850!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:background .14s ease,color .14s ease!important;
}
.game-tabs .account-count-control button:hover{
    background:#172842!important;
    color:#ffffff!important;
    box-shadow:none!important;
    transform:none!important;
}
.game-tabs .account-count-control button:active{
    background:#1d3150!important;
    transform:none!important;
}
.game-tabs .account-count-control output{
    width:60px!important;
    min-width:60px!important;
    height:32px!important;
    line-height:32px!important;
    display:block!important;
    text-align:center!important;
    border-radius:0!important;
    border-left:1px solid rgba(125,187,255,.10)!important;
    border-right:1px solid rgba(125,187,255,.10)!important;
    background:#0b1525!important;
    color:#f8fbff!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    box-shadow:none!important;
}
.game-tabs .account-count-selector::after{
    content:attr(data-tooltip)!important;
    position:absolute!important;
    right:4px!important;
    bottom:calc(100% + 8px)!important;
    width:270px!important;
    max-width:270px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:#0b1422!important;
    border:1px solid rgba(125,187,255,.18)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.24)!important;
    color:#d8e4f4!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.32!important;
    white-space:normal!important;
    text-transform:none!important;
    letter-spacing:0!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(3px)!important;
    transition:opacity .14s ease,transform .14s ease!important;
    z-index:80!important;
}
.game-tabs .account-count-selector:hover::after{
    opacity:1!important;
    transform:translateY(0)!important;
}
.game-tabs .account-count-selector::before{
    content:""!important;
    position:absolute!important;
    right:44px!important;
    bottom:calc(100% + 4px)!important;
    width:8px!important;
    height:8px!important;
    transform:rotate(45deg)!important;
    background:#0b1422!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .14s ease!important;
    z-index:81!important;
}
.game-tabs .account-count-selector:hover::before{
    opacity:1!important;
}
.intro .hero-title-line h1::after,.intro h1::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    background:none!important;
    box-shadow:none!important;
}
@media(max-width:1120px){
    .game-tabs{flex-wrap:wrap!important;width:100%!important;max-width:100%!important}
    .game-tabs .account-count-selector{width:100%!important;min-width:0!important;margin-left:0!important}
    .game-tabs .account-count-control{width:128px!important;flex:0 0 128px!important}
}
@media(max-width:520px){
    .game-tabs .account-count-selector{height:48px!important;padding:0 9px 0 13px!important;gap:9px!important;border-radius:15px!important}
    .game-tabs .account-count-label{min-width:132px!important;max-width:132px!important}
    .game-tabs .account-count-label strong{font-size:12px!important;line-height:13px!important}
    .game-tabs .account-count-label small{font-size:8.5px!important;line-height:9px!important}
    .game-tabs .account-count-control{width:118px!important;flex-basis:118px!important;grid-template-columns:32px 54px 32px!important}
    .game-tabs .account-count-control button{width:32px!important;height:30px!important}
    .game-tabs .account-count-control output{width:54px!important;min-width:54px!important;height:30px!important;line-height:30px!important}
    .game-tabs .account-count-selector::after{left:8px!important;right:auto!important;width:min(270px,calc(100vw - 44px))!important;max-width:calc(100vw - 44px)!important}
    .game-tabs .account-count-selector::before{left:42px!important;right:auto!important}
}

.game-tabs .account-count-selector{
    width:318px!important;
    min-width:318px!important;
    height:42px!important;
    padding:0 8px 0 15px!important;
    gap:12px!important;
    background:#0c131e!important;
    border:1px solid rgba(143,163,196,.13)!important;
    border-radius:15px!important;
    box-shadow:none!important;
    transform:none!important;
}
.game-tabs .account-count-selector:hover{
    background:#0c131e!important;
    border-color:rgba(143,163,196,.18)!important;
    box-shadow:none!important;
    transform:none!important;
}
.game-tabs .account-count-label{
    min-width:145px!important;
    max-width:145px!important;
    gap:2px!important;
}
.game-tabs .account-count-label strong{
    font-size:12px!important;
    line-height:13px!important;
    font-weight:850!important;
    color:#f2f6ff!important;
}
.game-tabs .account-count-label small{
    font-size:8.5px!important;
    line-height:9px!important;
    font-weight:800!important;
    color:#86a9d6!important;
}
.game-tabs .account-count-control{
    width:118px!important;
    min-width:118px!important;
    flex:0 0 118px!important;
    height:30px!important;
    grid-template-columns:34px 50px 34px!important;
    background:#101827!important;
    border:1px solid rgba(143,163,196,.12)!important;
    border-radius:12px!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.game-tabs .account-count-control button,
.game-tabs .account-count-control #accountCountUp,
.game-tabs .account-count-control #accountCountDown{
    position:relative!important;
    width:34px!important;
    height:30px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    background:#101827!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    box-shadow:none!important;
    outline:none!important;
    filter:none!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
}
.game-tabs .account-count-control #accountCountDown::before,
.game-tabs .account-count-control #accountCountUp::before{
    display:block!important;
    color:#d7e3f4!important;
    font-size:15px!important;
    font-weight:850!important;
    line-height:1!important;
    transform:translateY(-.5px)!important;
}
.game-tabs .account-count-control #accountCountDown::before{content:"−"!important}
.game-tabs .account-count-control #accountCountUp::before{content:"+"!important}
.game-tabs .account-count-control button:hover,
.game-tabs .account-count-control button:focus,
.game-tabs .account-count-control button:focus-visible,
.game-tabs .account-count-control button:active{
    background:#162235!important;
    color:transparent!important;
    box-shadow:none!important;
    outline:none!important;
    transform:none!important;
}
.game-tabs .account-count-control button:hover::before,
.game-tabs .account-count-control button:focus-visible::before,
.game-tabs .account-count-control button:active::before{
    color:#ffffff!important;
}
.game-tabs .account-count-control output{
    width:50px!important;
    min-width:50px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    background:#0c131e!important;
    border-left:1px solid rgba(143,163,196,.10)!important;
    border-right:1px solid rgba(143,163,196,.10)!important;
    color:#f7fbff!important;
    font-size:13px!important;
    font-weight:850!important;
    box-shadow:none!important;
}
.game-tabs .account-count-selector::after{
    right:0!important;
    bottom:calc(100% + 8px)!important;
    width:258px!important;
    max-width:258px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:#0c131e!important;
    border:1px solid rgba(143,163,196,.14)!important;
    box-shadow:none!important;
    color:#d6e1f0!important;
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1.28!important;
    transform:translateY(3px)!important;
}
.game-tabs .account-count-selector::before{
    right:36px!important;
    bottom:calc(100% + 4px)!important;
    width:8px!important;
    height:8px!important;
    background:#0c131e!important;
    border:0!important;
    box-shadow:none!important;
}
@media(max-width:1120px){
    .game-tabs .account-count-selector{
        width:318px!important;
        min-width:318px!important;
        margin-left:0!important;
    }
}
@media(max-width:520px){
    .game-tabs .account-count-selector{
        width:100%!important;
        min-width:0!important;
        height:44px!important;
        padding:0 8px 0 13px!important;
    }
    .game-tabs .account-count-label{
        min-width:136px!important;
        max-width:136px!important;
    }
    .game-tabs .account-count-control{
        width:112px!important;
        min-width:112px!important;
        flex-basis:112px!important;
        grid-template-columns:32px 48px 32px!important;
    }
    .game-tabs .account-count-control button,
    .game-tabs .account-count-control #accountCountUp,
    .game-tabs .account-count-control #accountCountDown{
        width:32px!important;
    }
    .game-tabs .account-count-control output{
        width:48px!important;
        min-width:48px!important;
    }
    .game-tabs .account-count-selector::after{
        left:0!important;
        right:auto!important;
        width:min(258px,calc(100vw - 42px))!important;
        max-width:calc(100vw - 42px)!important;
    }
    .game-tabs .account-count-selector::before{
        left:36px!important;
        right:auto!important;
    }
}


.navbar-brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--text);font-weight:780;letter-spacing:-.03em;font-size:28px;line-height:1}
.navbar-brand span{color:var(--text);font-weight:780;letter-spacing:-.03em;font-size:28px;line-height:1}
.site-logo,.navbar-brand .site-logo,.brand-chip .site-logo,.brand-chip .top-logo.site-logo{width:20px!important;height:20px!important;border-radius:50%!important;object-fit:cover!important;margin-right:8px!important;display:block!important;flex:0 0 20px!important;background:transparent!important;box-shadow:none!important}
.brand-chip:has(.site-logo){gap:0!important}

.secure-guide-page{min-height:100vh;padding:28px;background:radial-gradient(circle at top,#1E5EFF22,transparent 38%),#050b18;color:#f7fbff}.secure-guide-card{max-width:1100px;margin:0 auto;background:#0f172acc;border:1px solid #7DBBFF33;border-radius:22px;padding:34px;box-shadow:0 26px 70px #0B2F9E55}.secure-guide-card h1{font-size:44px;margin:0 0 8px}.secure-guide-card p{color:#c9d4e6}.secure-guide-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.secure-guide-tabs button{border:1px solid #7DBBFF55;background:linear-gradient(180deg,#1E5EFF,#0B2F9E);color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer}.secure-guide-tabs button.active{box-shadow:0 0 0 3px #7DBBFF55}.secure-guide-panel{display:none}.secure-guide-panel.active{display:block}.secure-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0 28px}.secure-steps article{background:#0b1222;border:1px solid #7DBBFF24;border-radius:18px;padding:18px;min-height:110px}.secure-steps article b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1E5EFF;color:#fff}.secure-steps h3{margin:12px 0 6px}.rambler-card{margin-top:28px;background:#101827;border:1px solid #7DBBFF33;border-radius:18px;padding:26px}.rambler-card ol{list-style:none;padding:0;margin:18px 0;display:grid;gap:14px}.rambler-card li{display:flex;gap:12px;align-items:center;color:#d9e3f5}.rambler-card li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1E5EFF;color:#fff;font-weight:900}.rambler-card a{color:#00d7ff}.rambler-warning{border:1px solid #facc15aa;background:#facc1512;color:#facc15;border-radius:12px;padding:14px;font-weight:800}.catalogue.search-wrapper .card[data-game="r6"] .card-img img[src*="ubiservices.cdn.ubi.com"],.catalogue.search-wrapper .card[data-game="r6"] .card-img img[src*="staticctf.ubisoft.com"]{transform:scale(1.15)!important}.catalogue.search-wrapper .card[data-game="r6"]:hover .card-img img[src*="ubiservices.cdn.ubi.com"],.catalogue.search-wrapper .card[data-game="r6"]:hover .card-img img[src*="staticctf.ubisoft.com"]{transform:scale(1.15)!important}.site-nav-brand img{width:20px;height:20px;border-radius:50%;object-fit:cover;margin-right:8px}

.site-nav-active::after,.site-nav-links a::after{display:none!important;content:none!important}
.secure-guide-page{min-height:calc(100vh - 82px)!important;padding:30px 18px 60px!important;background:radial-gradient(760px 420px at 18% -10%,rgba(30,94,255,.13),transparent 60%),radial-gradient(620px 360px at 92% 0%,rgba(125,187,255,.07),transparent 62%),#050914!important;color:#eef4ff!important}
.secure-guide-shell{width:min(1120px,100%);margin:0 auto;padding:34px;border:1px solid rgba(125,187,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,14,25,.97));box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)}
.secure-guide-hero{max-width:720px;margin-bottom:28px}.secure-guide-hero span{display:inline-flex;align-items:center;height:30px;padding:0 12px;margin-bottom:14px;border:1px solid rgba(125,187,255,.18);border-radius:999px;background:rgba(30,94,255,.10);color:#a9c9ff;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.secure-guide-hero h1{margin:0 0 10px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.055em}.secure-guide-hero p{margin:0;color:#aebbd0;font-size:17px;line-height:1.55}.secure-guide-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.secure-guide-home-card{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(125,187,255,.16);border-radius:20px;background:linear-gradient(180deg,rgba(18,30,52,.92),rgba(10,17,31,.96));color:#edf5ff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.secure-guide-home-card:hover{transform:translateY(-2px);border-color:rgba(125,187,255,.34);background:linear-gradient(180deg,rgba(23,41,72,.96),rgba(12,21,39,.98));box-shadow:0 16px 40px rgba(0,0,0,.28)}.secure-guide-home-card strong{font-size:24px;line-height:1.1;letter-spacing:-.03em}.secure-guide-home-card p{margin:0;color:#aebbd0;line-height:1.5}.secure-guide-home-card span,.secure-guide-inline-link,.secure-guide-back,.not-found-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;width:max-content;padding:0 15px;border:1px solid rgba(125,187,255,.24);border-radius:12px;background:linear-gradient(180deg,#17305a,#11284d);color:#fff;text-decoration:none;font-size:14px;font-weight:850;transition:transform .16s ease,border-color .16s ease,background .16s ease}.secure-guide-home-card:hover span,.secure-guide-inline-link:hover,.secure-guide-back:hover,.not-found-actions a:hover{transform:translateY(-1px);border-color:rgba(125,187,255,.42);background:linear-gradient(180deg,#1c3a6b,#15315d)}.secure-guide-detail-shell{display:block}.secure-guide-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.secure-guide-switcher{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secure-guide-switcher a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:16px;background:linear-gradient(180deg,#121a29,#0e1522);color:#8fa0b8;text-decoration:none;font-size:15px;font-weight:820;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.secure-guide-switcher a:hover{transform:translateY(-1px);border-color:rgba(79,140,255,.24);color:#fff;box-shadow:0 8px 20px rgba(79,140,255,.08)}.secure-guide-switcher a.active{color:#fff;border-color:rgba(79,140,255,.34);background:linear-gradient(180deg,rgba(79,140,255,.14),rgba(79,140,255,.06));box-shadow:0 12px 30px rgba(79,140,255,.12)}.secure-guide-detail-hero{margin-bottom:24px}.secure-guide-step-list{display:grid;gap:14px}.secure-guide-step-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:20px;border:1px solid rgba(125,187,255,.13);border-radius:18px;background:linear-gradient(180deg,rgba(13,22,38,.96),rgba(9,15,27,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.secure-guide-step-card>b{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(180deg,#1E5EFF,#0B2F9E);color:#fff;font-size:14px;font-weight:950}.secure-guide-step-card h2{margin:2px 0 10px;color:#fff;font-size:20px;letter-spacing:-.025em}.secure-guide-step-card p{margin:7px 0;color:#c6d1e2;font-size:15px;line-height:1.55}.secure-guide-step-card a:not(.secure-guide-inline-link){color:#66d9ff;font-weight:800;text-decoration:none}.secure-guide-step-card a:not(.secure-guide-inline-link):hover{text-decoration:underline}.secure-guide-inline-link{margin-top:8px}.secure-rambler-card{margin-top:22px!important;border-color:rgba(250,204,21,.22)!important;background:linear-gradient(180deg,rgba(20,27,43,.98),rgba(11,17,29,.98))!important}.secure-rambler-card h2{margin:0 0 14px;color:#fff;font-size:24px;letter-spacing:-.035em}.secure-rambler-card p{margin:0 0 16px;color:#c6d1e2;line-height:1.55}.secure-rambler-card ol{display:grid!important;gap:12px!important;margin:18px 0!important}.secure-rambler-card li{align-items:flex-start!important}.secure-rambler-card li div{display:grid;gap:5px;color:#dbe5f5;line-height:1.42}.secure-rambler-card li strong{display:block;color:#fff}.secure-rambler-card li a{color:#00d7ff;font-weight:850;text-decoration:none}.secure-rambler-card li a:hover{text-decoration:underline}.not-found-page{display:grid;place-items:center}.not-found-card{width:min(720px,100%);margin:0 auto;padding:42px 34px;border:1px solid rgba(125,187,255,.16);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(8,14,25,.98));box-shadow:0 26px 70px rgba(0,0,0,.34);text-align:center}.not-found-card>span{display:inline-grid;place-items:center;min-width:72px;height:42px;margin-bottom:18px;border:1px solid rgba(125,187,255,.22);border-radius:999px;background:rgba(30,94,255,.12);color:#9fc3ff;font-size:18px;font-weight:950}.not-found-card h1{margin:0 0 10px;color:#fff;font-size:clamp(34px,6vw,58px);letter-spacing:-.055em;line-height:1}.not-found-card p{margin:0 auto 24px;max-width:500px;color:#adb8cc;font-size:17px;line-height:1.55}.not-found-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}@media(max-width:860px){.secure-guide-home-grid{grid-template-columns:1fr}.secure-guide-top-row{align-items:flex-start;flex-direction:column}.secure-guide-switcher{width:100%}.secure-guide-switcher a{flex:1 1 140px}.secure-guide-shell{padding:24px}.secure-guide-step-card{grid-template-columns:1fr}.secure-guide-step-card>b{margin-bottom:2px}}@media(max-width:520px){.secure-guide-page{padding:20px 14px 42px!important}.secure-guide-shell{padding:20px;border-radius:20px}.secure-guide-switcher a{width:100%;flex-basis:100%}.secure-guide-home-card{min-height:160px}.secure-guide-step-card{padding:18px}.not-found-card{padding:32px 22px}.not-found-actions a{width:100%}}
.secure-rambler-card li em,.secure-rambler-card li small{display:block;color:#dbe5f5;font-style:normal;font-size:15px}.secure-rambler-card li small{color:#aebbd0}
.site-nav-links a::after,.site-nav-active::after,.nav-links a::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.site-nav-links a.site-nav-active{color:#f7fbff!important;background:linear-gradient(180deg,rgba(79,140,255,.22),rgba(79,140,255,.09))!important;border:1px solid rgba(125,187,255,.26)!important;box-shadow:0 10px 24px rgba(45,100,216,.14),inset 0 1px 0 rgba(255,255,255,.05)!important}
.site-nav-links a.site-nav-active:hover{background:linear-gradient(180deg,rgba(79,140,255,.28),rgba(79,140,255,.12))!important;border-color:rgba(125,187,255,.38)!important}
.secure-guide-main{min-height:100vh;padding-bottom:70px;background:radial-gradient(820px 460px at 50% -10%,rgba(30,94,255,.16),transparent 62%),radial-gradient(620px 360px at 90% 0%,rgba(125,187,255,.08),transparent 60%)}
.secure-guide-main .site-nav{border-bottom:1px solid rgba(100,140,200,.10)}
.secure-guide-content{width:min(920px,calc(100% - 36px))!important;margin:0 auto!important;padding-top:74px!important;text-align:left}
.secure-guide-detail-content{width:min(760px,calc(100% - 36px))!important}
.secure-guide-content h1{text-align:center;font-size:clamp(38px,6vw,56px)!important;margin-bottom:10px!important}
.secure-guide-content .hiw-subtitle{text-align:center;margin:0 auto 34px!important;max-width:620px!important;font-size:16px!important;line-height:1.55!important}
.secure-guide-button-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 auto 34px}
.secure-guide-button-row a{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:54px;padding:0 28px;border:1px solid rgba(145,163,190,.15);border-radius:15px;background:linear-gradient(180deg,#121a29,#0e1522);color:#dbe6f8;text-decoration:none;font-size:18px;font-weight:850;letter-spacing:-.025em;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.secure-guide-button-row a:hover{transform:translateY(-1px);border-color:rgba(79,140,255,.30);background:linear-gradient(180deg,#17243a,#111d31);color:#fff;box-shadow:0 12px 28px rgba(79,140,255,.10)}
.secure-guide-button-row a.active{color:#fff;border-color:rgba(79,140,255,.46);background:linear-gradient(180deg,rgba(79,140,255,.22),rgba(79,140,255,.08));box-shadow:0 14px 32px rgba(79,140,255,.14),inset 0 1px 0 rgba(255,255,255,.05)}
.secure-guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:14px}
.secure-guide-card-link{display:flex;min-height:228px;flex-direction:column;justify-content:space-between;gap:18px;padding:28px;border:1px solid rgba(145,163,190,.12);border-radius:20px;background:rgba(13,20,32,.72);color:#f3f7ff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.secure-guide-card-link:hover{transform:translateY(-2px);border-color:rgba(125,187,255,.26);background:rgba(18,29,48,.82);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.secure-guide-card-link span{display:block;color:#fff;font-size:28px;font-weight:850;letter-spacing:-.04em;line-height:1.1}
.secure-guide-card-link p{margin:0;color:#9dadbf;font-size:16px;line-height:1.58}
.secure-guide-card-link b{display:inline-flex;width:max-content;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:11px;background:#162a52;border:1px solid rgba(125,187,255,.20);color:#d4e4ff;font-size:14px;font-weight:850}
.secure-guide-section{padding:24px 26px!important;margin-bottom:24px!important}
.secure-guide-section .secure-step-label{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;margin-bottom:12px;border-radius:999px;background:rgba(79,140,255,.12);border:1px solid rgba(125,187,255,.16);color:#9fc3ff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.secure-guide-section h2{font-size:20px!important;margin-bottom:12px!important;color:#f5f8ff!important}
.secure-guide-section p{font-size:15px!important;color:#aebbd0!important;line-height:1.65!important;margin-bottom:8px!important}
.secure-guide-section p a{color:#72d7ff!important;font-weight:850;text-decoration:none}
.secure-guide-section p a:hover{text-decoration:underline}
.secure-guide-action-row{margin-top:14px}
.secure-guide-action-row a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:11px;background:#162a52;border:1px solid rgba(125,187,255,.20);color:#d4e4ff;text-decoration:none;font-weight:850;font-size:13px;transition:transform .2s ease,background .2s ease}
.secure-guide-action-row a:hover{transform:translateY(-1px);background:#1c3468}
.secure-rambler-block{margin-top:34px!important;padding:24px 26px!important}
.secure-rambler-block h2{font-size:20px!important;color:#eac96e!important;margin:0 0 12px!important}
.secure-rambler-block p{font-size:15px!important;line-height:1.65!important;color:#bfb08a!important;margin:0 0 12px!important}
.secure-rambler-list{display:grid;gap:12px;margin:18px 0}
.secure-rambler-list div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:flex-start}
.secure-rambler-list span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(234,201,110,.13);border:1px solid rgba(234,201,110,.22);color:#eac96e;font-size:13px;font-weight:950}
.secure-rambler-list p{display:grid;gap:4px;margin:0!important;color:#d6ca9d!important}
.secure-rambler-list strong{display:block;color:#fff!important}
.secure-rambler-list a{color:#62d6ff!important;font-weight:850;text-decoration:none}
.secure-rambler-list a:hover{text-decoration:underline}
.secure-rambler-note{margin-top:18px!important;padding:14px 16px;border:1px solid rgba(245,180,60,.16);border-radius:12px;background:rgba(245,180,60,.05);font-weight:850;color:#eac96e!important}
.secure-guide-bottom{margin-top:34px!important}
@media(max-width:820px){.secure-guide-content,.secure-guide-detail-content{width:min(100% - 28px,720px)!important;padding-top:48px!important}.secure-guide-card-grid{grid-template-columns:1fr}.secure-guide-card-link{min-height:180px}.secure-guide-button-row a{flex:1 1 170px}.secure-guide-content h1{text-align:left}.secure-guide-content .hiw-subtitle{text-align:left;margin-left:0!important}.secure-guide-button-row{justify-content:flex-start}}
@media(max-width:520px){.secure-guide-content,.secure-guide-detail-content{width:100%!important;padding-top:34px!important}.secure-guide-button-row{display:grid;grid-template-columns:1fr;gap:10px}.secure-guide-button-row a{width:100%;min-height:52px}.secure-guide-section{padding:20px!important}.secure-rambler-block{padding:20px!important}}
@keyframes secureGuideFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.secure-guide-main .anim-reveal{animation:secureGuideFadeIn .58s ease forwards}
.secure-guide-main .anim-reveal[style*="--delay:.06s"]{animation-delay:.06s}
.site-nav{border-bottom:0!important;border-color:rgba(145,163,190,.10)!important;background:linear-gradient(180deg,rgba(13,20,32,.88),rgba(9,15,25,.82))!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important}
.site-nav-links{gap:6px;padding:4px;border:1px solid rgba(145,163,190,.08);border-radius:14px;background:rgba(5,10,18,.30)}
.site-nav-links a{height:34px;padding:0 15px;border:1px solid transparent;border-radius:11px;color:#8b9bb2;background:transparent;box-shadow:none;outline:0;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.site-nav-links a:hover{color:#dce8fb;background:rgba(255,255,255,.045);border-color:rgba(145,163,190,.08);transform:translateY(-1px)}
.site-nav-links a:focus,.site-nav-links a:focus-visible{outline:0!important;box-shadow:0 0 0 2px rgba(125,187,255,.20)!important}
.site-nav-links a.site-nav-active{color:#f7fbff!important;background:linear-gradient(180deg,rgba(75,134,250,.26),rgba(40,79,151,.16))!important;border-color:rgba(125,187,255,.30)!important;box-shadow:0 12px 26px rgba(30,94,255,.14),inset 0 1px 0 rgba(255,255,255,.06)!important}
.site-nav-links a.site-nav-active:hover{color:#fff!important;background:linear-gradient(180deg,rgba(82,147,255,.32),rgba(44,89,170,.20))!important;border-color:rgba(125,187,255,.42)!important}
.site-nav-links a::after,.site-nav-active::after,.nav-links a::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.secure-guide-main{min-height:100vh!important;padding-bottom:70px!important;background:radial-gradient(700px 380px at 50% -12%,rgba(30,94,255,.10),transparent 62%),#050914!important}
.secure-guide-main .site-nav{border-bottom:0!important}
.secure-guide-content,.secure-guide-detail-content{width:min(680px,calc(100% - 36px))!important;margin:0 auto!important;padding-top:60px!important;text-align:left!important}
.secure-guide-content h1{margin:0 0 6px!important;text-align:left!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.12!important;color:#f5f8ff!important}
.secure-guide-content .hiw-subtitle{margin:0 0 28px!important;text-align:left!important;max-width:100%!important;color:#8fa0b8!important;font-size:15px!important;line-height:1.55!important}
.secure-guide-button-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin:0 0 28px!important}
.secure-guide-button-row a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:126px!important;min-height:48px!important;padding:0 22px!important;border:1px solid rgba(145,163,190,.12)!important;border-radius:14px!important;background:rgba(13,20,32,.72)!important;color:#dbe6f8!important;text-decoration:none!important;font-size:16px!important;font-weight:850!important;letter-spacing:-.025em!important;box-shadow:none!important;outline:0!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important}
.secure-guide-button-row a:hover{transform:translateY(-1px)!important;border-color:rgba(125,187,255,.24)!important;background:rgba(18,29,48,.82)!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important}
.secure-guide-button-row a:focus,.secure-guide-button-row a:focus-visible{outline:0!important;box-shadow:0 0 0 2px rgba(125,187,255,.22)!important}
.secure-guide-button-row a.active{color:#fff!important;border-color:rgba(79,140,255,.42)!important;background:linear-gradient(180deg,rgba(79,140,255,.20),rgba(79,140,255,.08))!important;box-shadow:0 14px 32px rgba(79,140,255,.12),inset 0 1px 0 rgba(255,255,255,.05)!important}
.secure-guide-section{margin-bottom:28px!important;padding:20px 22px!important;border:1px solid rgba(145,163,190,.10)!important;border-radius:14px!important;background:rgba(13,20,32,.70)!important;box-shadow:none!important}
.secure-guide-section .secure-step-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:0 12px!important;margin-bottom:12px!important;border-radius:999px!important;background:rgba(79,140,255,.11)!important;border:1px solid rgba(125,187,255,.15)!important;color:#9fc3ff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.secure-guide-section h2{margin:0 0 8px!important;font-size:16px!important;font-weight:750!important;color:#e2eaff!important;letter-spacing:0!important}
.secure-guide-section p{margin:0 0 6px!important;color:#9dadbf!important;font-size:14px!important;line-height:1.6!important}
.secure-guide-section p a{color:#72d7ff!important;font-weight:850!important;text-decoration:none!important}
.secure-guide-action-row{margin-top:14px!important}
.secure-guide-action-row a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 16px!important;border-radius:11px!important;background:#162a52!important;border:1px solid rgba(125,187,255,.20)!important;color:#d4e4ff!important;text-decoration:none!important;font-weight:850!important;font-size:13px!important;transition:transform .2s ease,background .2s ease!important}
.secure-rambler-block{margin-top:32px!important;padding:20px 22px!important;border:1px solid rgba(245,180,60,.16)!important;border-radius:14px!important;background:rgba(245,180,60,.04)!important}
.secure-rambler-block h2{margin:0 0 10px!important;font-size:16px!important;font-weight:750!important;color:#eac96e!important}
.secure-rambler-block p{margin:0 0 12px!important;color:#bfb08a!important;font-size:14px!important;line-height:1.6!important}
.secure-rambler-list{display:grid!important;gap:12px!important;margin:16px 0!important}
.secure-rambler-list div{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important}
.secure-rambler-list span{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:999px!important;background:rgba(234,201,110,.13)!important;border:1px solid rgba(234,201,110,.22)!important;color:#eac96e!important;font-size:12px!important;font-weight:950!important}
.secure-rambler-list p{display:grid!important;gap:4px!important;margin:0!important;color:#d6ca9d!important}
.secure-rambler-list strong{display:block!important;color:#fff!important}
.secure-rambler-list a{color:#62d6ff!important;font-weight:850!important;text-decoration:none!important}
.secure-rambler-note{margin-top:16px!important;padding:13px 15px!important;border:1px solid rgba(245,180,60,.16)!important;border-radius:12px!important;background:rgba(245,180,60,.05)!important;font-weight:850!important;color:#eac96e!important}
.secure-guide-no-transition .secure-guide-main .anim-reveal{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
@media(max-width:820px){.site-nav-links{flex-wrap:wrap}.secure-guide-content,.secure-guide-detail-content{width:min(100% - 28px,680px)!important;padding-top:48px!important}.secure-guide-button-row a{flex:1 1 150px}.secure-guide-content h1{font-size:28px!important}}
@media(max-width:520px){.secure-guide-content,.secure-guide-detail-content{width:100%!important;padding-top:34px!important}.secure-guide-button-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.secure-guide-button-row a{width:100%!important;min-height:48px!important}.secure-guide-section,.secure-rambler-block{padding:16px 18px!important}}

.site-nav-brand img{width:41px!important;height:41px!important;border-radius:50%!important;object-fit:cover!important;display:block!important;flex:0 0 41px!important}
.site-nav-links a:hover,.site-nav-links a.site-nav-active{color:#fff!important;background:rgba(79,140,255,.60)!important;border-color:rgba(125,187,255,.60)!important;box-shadow:0 10px 24px rgba(30,94,255,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;transform:translateY(-1px)!important}
.site-nav-links a.site-nav-active:hover{color:#fff!important;background:rgba(79,140,255,.60)!important;border-color:rgba(125,187,255,.60)!important}
.secure-guide-button-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:18px 0 24px!important}
.secure-guide-button-row a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 22px!important;border-radius:11px!important;border:1px solid rgba(143,163,196,.12)!important;background:#0f1723!important;color:#c3cedd!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}
.secure-guide-button-row a:hover{transform:none!important;background:#121c2b!important;border-color:rgba(125,187,255,.16)!important;color:#fff!important;box-shadow:none!important}
.secure-guide-button-row a.active{background:#14223a!important;border-color:rgba(30,94,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(30,94,255,.08)!important;color:#fff!important}
.secure-step-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;height:32px!important;margin:0 0 8px!important;border-radius:10px!important;background:rgba(79,140,255,.16)!important;border:1px solid rgba(125,187,255,.18)!important;color:#dce8ff!important;font-size:14px!important;font-weight:850!important}
.secure-guide-section h2{margin-top:0!important}
@media(max-width:560px){.site-nav-brand img{width:35px!important;height:35px!important;flex-basis:35px!important}.secure-guide-button-row{display:grid!important;grid-template-columns:1fr!important}.secure-guide-button-row a{width:100%!important}}


.site-nav-brand img{width:41px!important;height:41px!important;border-radius:11px!important;object-fit:contain!important;flex:0 0 41px!important}
.site-nav-links a:hover,.site-nav-links a.site-nav-active{color:#fff!important;background:rgba(79,140,255,.60)!important}
.site-nav-active::after{display:none!important}
.secure-guide-main{min-height:100vh!important;padding-bottom:70px!important;background:radial-gradient(700px 380px at 50% -12%,rgba(30,94,255,.10),transparent 62%),#050914!important}
.secure-guide-content,.secure-guide-detail-content{width:min(680px,calc(100% - 36px))!important;margin:0 auto!important;padding-top:60px!important;text-align:left!important}
.secure-guide-content h1{margin:0 0 6px!important;text-align:left!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.12!important;color:#f5f8ff!important}
.secure-guide-content .hiw-subtitle{margin:0 0 28px!important;text-align:left!important;max-width:100%!important;color:#8fa0b8!important;font-size:15px!important;line-height:1.55!important}
.secure-guide-button-row{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 28px!important}
.secure-guide-button-row a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 22px!important;border-radius:11px!important;border:1px solid rgba(143,163,196,.12)!important;background:#0f1723!important;color:#c3cedd!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;letter-spacing:0!important;box-shadow:none!important;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}
.secure-guide-button-row a:hover{transform:none!important;background:#121c2b!important;border-color:rgba(125,187,255,.16)!important;color:#fff!important;box-shadow:none!important}
.secure-guide-button-row a.active{background:#14223a!important;border-color:rgba(30,94,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(30,94,255,.08)!important;color:#fff!important}
.secure-guide-section{margin-bottom:28px!important;padding:20px 22px!important;border:1px solid rgba(145,163,190,.10)!important;border-radius:14px!important;background:rgba(13,20,32,.70)!important;box-shadow:none!important}
.secure-guide-section .secure-step-label{display:none!important}
.secure-guide-section h2{margin:0 0 8px!important;font-size:16px!important;font-weight:750!important;color:#e2eaff!important;letter-spacing:0!important;line-height:1.35!important}
.secure-guide-section p{margin:0 0 6px!important;color:#9dadbf!important;font-size:14px!important;line-height:1.6!important}
.secure-guide-section p:last-child{margin-bottom:0!important}
.secure-guide-section p a{color:#72d7ff!important;font-weight:850!important;text-decoration:none!important}
.secure-email-security-block{margin-top:32px!important;border-color:rgba(125,187,255,.16)!important;background:rgba(13,20,32,.72)!important}
.secure-email-security-block h2{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important;font-size:18px!important;font-weight:850!important;color:#eaf2ff!important}
.secure-email-security-block h2::before{content:"✉";display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#28d8ff!important;font-size:18px!important}
.secure-email-security-block p{font-size:15px!important;color:#bac6d7!important;line-height:1.7!important;margin:0 0 16px!important}
.secure-email-steps{display:grid!important;gap:12px!important;margin:18px 0 18px!important}
.secure-email-steps div{display:grid!important;grid-template-columns:26px 1fr!important;align-items:start!important;gap:10px!important;color:#c5cfde!important;font-size:15px!important;line-height:1.55!important}
.secure-email-steps b{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:999px!important;background:rgba(40,216,255,.16)!important;color:#6ee8ff!important;font-size:12px!important;font-weight:900!important}
.secure-email-note{margin-top:14px!important;padding:14px 16px!important;border-radius:12px!important;border:1px solid rgba(245,180,60,.22)!important;background:rgba(245,180,60,.06)!important;color:#eac96e!important;font-weight:800!important}
@media(max-width:820px){.site-nav-brand img{width:38px!important;height:38px!important;flex-basis:38px!important}.secure-guide-content,.secure-guide-detail-content{width:min(100% - 28px,680px)!important;padding-top:48px!important}.secure-guide-button-row a{flex:1 1 150px}.secure-guide-content h1{font-size:28px!important}}
@media(max-width:520px){.site-nav-brand img{width:35px!important;height:35px!important;flex-basis:35px!important}.secure-guide-content,.secure-guide-detail-content{width:100%!important;padding-top:34px!important}.secure-guide-button-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.secure-guide-button-row a{width:100%!important;min-height:48px!important}.secure-guide-section,.secure-email-security-block{padding:16px 18px!important}}

.site-nav-links a:hover{color:#f8fafc!important;background:rgba(148,163,184,.24)!important;border-color:rgba(148,163,184,.24)!important;box-shadow:none!important;transform:none!important}
.site-nav-links a.site-nav-active,.site-nav-links a.site-nav-active:hover{color:#f8fafc!important;background:rgba(148,163,184,.34)!important;border-color:rgba(148,163,184,.34)!important;box-shadow:none!important;transform:none!important}
.secure-guide-button-row{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 28px!important;align-items:center!important}
.secure-guide-button-row a{position:relative!important;border:1px solid rgba(143,163,196,.12)!important;background:#0f1723!important;color:#c3cedd!important;border-radius:11px!important;padding:11px 20px!important;min-height:0!important;height:auto!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}
.secure-guide-button-row a:hover{transform:none!important;background:#121c2b!important;border-color:rgba(125,187,255,.16)!important;color:#fff!important;box-shadow:none!important}
.secure-guide-button-row a.active{background:#14223a!important;border-color:rgba(30,94,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(30,94,255,.08)!important;color:#fff!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-common,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-common .card-img{border-color:#8f9baa!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-uncommon,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-uncommon .card-img{border-color:#22c55e!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-rare,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-rare .card-img{border-color:#3b82f6!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-epic,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-epic .card-img{border-color:#a855f7!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-legendary,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-legendary .card-img{border-color:#f97316!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-mythic,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-mythic .card-img{border-color:#facc15!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-transcendent,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-transcendent .card-img{border-color:#38bdf8!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-series,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-special,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-series .card-img,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-special .card-img{border-color:#22d3ee!important}
.catalogue.search-wrapper .card[data-game="fortnite"].rarity-common,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-uncommon,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-rare,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-epic,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-legendary,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-mythic,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-transcendent,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-series,.catalogue.search-wrapper .card[data-game="fortnite"].rarity-special{box-shadow:0 0 0 1px currentColor inset!important}

.site-nav-links a:hover{color:#f8fafc!important;background:rgba(148,163,184,.18)!important;border-color:rgba(148,163,184,.18)!important;box-shadow:none!important;transform:none!important}
.site-nav-links a.site-nav-active,.site-nav-links a.site-nav-active:hover,.site-nav-links .site-nav-active{color:#f8fafc!important;background:rgba(148,163,184,.34)!important;border-color:rgba(148,163,184,.34)!important;box-shadow:none!important;transform:none!important}
.site-nav-links a.site-nav-active::after,.site-nav-active::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.secure-guide-button-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 22px!important}
.secure-guide-button-row a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:41px!important;min-height:41px!important;padding:11px 20px!important;border-radius:11px!important;border:1px solid rgba(143,163,196,.12)!important;background:#0f1723!important;color:#c3cedd!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;box-shadow:none!important;outline:0!important;cursor:pointer!important;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}
.secure-guide-button-row a:hover{transform:none!important;background:#121c2b!important;border-color:rgba(125,187,255,.16)!important;color:#fff!important;box-shadow:none!important}
.secure-guide-button-row a.active{background:#14223a!important;border-color:rgba(30,94,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(30,94,255,.08)!important;color:#fff!important}
.secure-guide-button-row a:active{transform:none!important}
@media(max-width:520px){.secure-guide-button-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.secure-guide-button-row a{width:100%!important;min-width:0!important;height:41px!important;min-height:41px!important}}

body .site-nav .site-nav-links a:hover,body .site-nav .site-nav-links a:focus-visible{color:#f8fafc!important;background:rgba(148,163,184,.18)!important;border-color:rgba(148,163,184,.18)!important;box-shadow:none!important;transform:none!important;text-shadow:none!important}
body .site-nav .site-nav-links a.site-nav-active,body .site-nav .site-nav-links a.site-nav-active:hover,body .site-nav .site-nav-links .site-nav-active{color:#f8fafc!important;background:rgba(148,163,184,.34)!important;border-color:rgba(148,163,184,.34)!important;box-shadow:none!important;transform:none!important;text-shadow:none!important}
body .site-nav .site-nav-links a.site-nav-active::after,body .site-nav .site-nav-links a::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.secure-guide-main .site-nav{max-width:1120px!important;margin:8px auto 0!important;padding:12px 20px!important;border-radius:14px!important;background:rgba(14,20,32,.72)!important;border:1px solid rgba(100,140,200,.10)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.secure-guide-button-row.game-tabs{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 20px!important;width:100%!important;max-width:100%!important}
.secure-guide-button-row.game-tabs a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:auto!important;min-height:0!important;width:auto!important;min-width:0!important;border-radius:11px!important;padding:11px 20px!important;background:#0f1723!important;border:1px solid rgba(143,163,196,.12)!important;color:#c3cedd!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;letter-spacing:0!important;box-shadow:none!important;outline:0!important;cursor:pointer!important;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}
.secure-guide-button-row.game-tabs a:hover{transform:none!important;background:#121c2b!important;border-color:rgba(125,187,255,.16)!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important}
.secure-guide-button-row.game-tabs a.active{background:#14223a!important;border-color:rgba(30,94,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(30,94,255,.08)!important;color:#fff!important}
@media(max-width:520px){.secure-guide-button-row.game-tabs{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.secure-guide-button-row.game-tabs a{width:100%!important;height:auto!important;min-height:0!important}}



body .site-nav .site-nav-links a,
body .site-nav .site-nav-links a:visited{
  color:#8b9bb2!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}
body .site-nav .site-nav-links a:hover,
body .site-nav .site-nav-links a:focus-visible{
  color:#f8fafc!important;
  background:rgba(148,163,184,.18)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}
body .site-nav .site-nav-links a.site-nav-active,
body .site-nav .site-nav-links a.site-nav-active:visited,
body .site-nav .site-nav-links a.site-nav-active:hover,
body .site-nav .site-nav-links .site-nav-active{
  color:#f8fafc!important;
  background:rgba(148,163,184,.34)!important;
  border-color:rgba(148,163,184,.34)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}
body .site-nav .site-nav-links a::after,
body .site-nav .site-nav-links a.site-nav-active::after,
body .site-nav-active::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
body .secure-guide-main .site-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  max-width:1120px!important;
  margin:8px auto 0!important;
  padding:12px 20px!important;
  border-radius:14px!important;
  background:rgba(14,20,32,.72)!important;
  border:1px solid rgba(100,140,200,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body .secure-guide-main .site-nav-links{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px!important;
  border:1px solid rgba(145,163,190,.08)!important;
  border-radius:14px!important;
  background:rgba(5,10,18,.30)!important;
}
body .secure-guide-main .site-nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  padding:0 15px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:600!important;
  text-decoration:none!important;
}
body .secure-guide-button-row.game-tabs{
  display:flex!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  margin:0 0 20px!important;
  align-items:center!important;
}
body .secure-guide-button-row.game-tabs button{
  position:relative!important;
  border:1px solid rgba(143,163,196,.12)!important;
  background:#0f1723!important;
  color:#c3cedd!important;
  border-radius:11px!important;
  padding:11px 20px!important;
  font-size:15px!important;
  font-weight:700!important;
  cursor:pointer!important;
  transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important;
  overflow:hidden!important;
  line-height:1.2!important;
  font-family:inherit!important;
  min-width:0!important;
  height:auto!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body .secure-guide-button-row.game-tabs button:hover{
  transform:none!important;
  background:#121c2b!important;
  border-color:rgba(125,187,255,.16)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body .secure-guide-button-row.game-tabs button.active{
  background:#14223a!important;
  border-color:rgba(30,94,255,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(30,94,255,.08)!important;
  color:#fff!important;
}
body .secure-guide-button-row.game-tabs button:active{
  transform:none!important;
}
@media(max-width:520px){
  body .secure-guide-button-row.game-tabs{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body .secure-guide-button-row.game-tabs button{width:100%!important}
}
body .secure-guide-button-row,
body .secure-guide-button-row.game-tabs,
body .guide-tabs-visible{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  margin:0 0 20px!important;
  width:100%!important;
  max-width:100%!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body .secure-guide-button-row button,
body .secure-guide-button-row.game-tabs button,
body .guide-tabs-visible button{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:11px 20px!important;
  border-radius:11px!important;
  border:1px solid rgba(143,163,196,.12)!important;
  background:#0f1723!important;
  color:#c3cedd!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
  overflow:visible!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
body .secure-guide-button-row button:hover,
body .secure-guide-button-row.game-tabs button:hover,
body .guide-tabs-visible button:hover{
  transform:none!important;
  background:#121c2b!important;
  border-color:rgba(125,187,255,.16)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body .secure-guide-button-row button.active,
body .secure-guide-button-row.game-tabs button.active,
body .guide-tabs-visible button.active{
  background:#14223a!important;
  border-color:rgba(30,94,255,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(30,94,255,.08)!important;
  color:#fff!important;
}
body .secure-guide-main .site-nav,
body .hiw-page .site-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
body .secure-guide-main .site-nav-links a:hover,
body .secure-guide-main .site-nav-links a:focus-visible,
body .hiw-page .site-nav-links a:hover,
body .hiw-page .site-nav-links a:focus-visible{
  color:#f8fafc!important;
  background:rgba(148,163,184,.18)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
  transform:none!important;
  text-shadow:none!important;
}
body .secure-guide-main .site-nav-links a.site-nav-active,
body .secure-guide-main .site-nav-links a.site-nav-active:hover,
body .hiw-page .site-nav-links a.site-nav-active,
body .hiw-page .site-nav-links a.site-nav-active:hover{
  color:#f8fafc!important;
  background:rgba(148,163,184,.34)!important;
  border-color:rgba(148,163,184,.34)!important;
  box-shadow:none!important;
  transform:none!important;
  text-shadow:none!important;
}
body .secure-guide-main .site-nav-links a::after,
body .hiw-page .site-nav-links a::after{
  display:none!important;
  content:none!important;
}
@media(max-width:520px){
  body .secure-guide-button-row,
  body .secure-guide-button-row.game-tabs,
  body .guide-tabs-visible{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body .secure-guide-button-row button,
  body .secure-guide-button-row.game-tabs button,
  body .guide-tabs-visible button{
    width:100%!important;
  }
}


body.filter-only-game .workspace{grid-template-columns:minmax(0,620px)!important;justify-content:start!important}
body.filter-only-game .catalogue.search-wrapper{display:none!important}
body.filter-only-game .search-selection-panel,body.filter-only-game .sidebar-divider{display:none!important}
body.filter-only-game .sidebar{width:min(100%,620px)!important;max-width:620px!important}
body.filter-only-game .filters-kicker{margin-bottom:14px!important;color:#e6eefb!important;font-size:15px!important;font-weight:800!important;letter-spacing:.01em!important}
body.filter-only-game .filters{margin-bottom:18px!important}
body.filter-only-game .primary-btn.search-submit{margin-top:4px!important}
@media (max-width:760px){body.filter-only-game .workspace{grid-template-columns:1fr!important}body.filter-only-game .sidebar{max-width:none!important;width:100%!important}}


body.filter-only-game .marketplace-filter-panel{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:18px!important;
  border:1px solid rgba(125,187,255,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(15,25,42,.92),rgba(8,15,28,.86))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.filter-only-game .filter-panel-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  padding:0 0 4px!important;
}
body.filter-only-game .filter-panel-copy strong{
  color:#f4f8ff!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
body.filter-only-game .filter-panel-copy span{
  color:#91a1b8!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.filter-only-game .marketplace-filter-panel .simple-filter{
  display:grid!important;
  grid-template-columns:minmax(150px,.85fr) minmax(220px,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:14px!important;
  background:rgba(8,15,28,.64)!important;
  border:1px solid rgba(143,163,196,.10)!important;
}
body.filter-only-game .marketplace-filter-panel .simple-filter span{
  color:#d9e4f4!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.filter-only-game .marketplace-filter-panel input,
body.filter-only-game .marketplace-filter-panel select{
  min-height:42px!important;
  border-radius:12px!important;
  background:#101a2b!important;
  border:1px solid rgba(143,163,196,.14)!important;
  color:#f8fbff!important;
  font-weight:750!important;
}
@media(max-width:620px){body.filter-only-game .marketplace-filter-panel .simple-filter{grid-template-columns:1fr!important;gap:8px!important}}


body.filter-only-game .marketplace-filter-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:12px!important}
body.filter-only-game .marketplace-filter-panel .simple-filter{padding:0!important;border:0!important;background:transparent!important;grid-template-columns:minmax(150px,.85fr) minmax(220px,1fr)!important}
body.filter-only-game #tiktokFilters [id*="Inactive"], body.filter-only-game #tiktokFilters [for*="Inactive"]{display:none!important}

.warranty-card{padding:30px;border-radius:22px;background:linear-gradient(180deg,rgba(16,24,38,.9),rgba(10,15,24,.92));border:1px solid rgba(125,187,255,.12)}
.warranty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 16px}
.warranty-grid div{padding:18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.warranty-grid strong{display:block;margin-bottom:8px;color:#fff;font-size:15px;font-weight:850}
.warranty-grid p,.warranty-note{margin:0;color:#c9d4e6;font-size:15px;line-height:1.65}
@media (max-width:720px){.warranty-grid{grid-template-columns:1fr}}

@media (max-width:560px){
html,body{width:100%;overflow-x:hidden!important}
.page{width:100%!important;max-width:100%!important;padding:0 18px 32px!important;margin:0 auto!important;overflow-x:hidden!important}
.navbar{margin:14px 0 22px!important;padding:16px!important;border-radius:14px!important}
.brand-chip span{font-size:16px!important;line-height:1.1!important}
.nav-links{grid-template-columns:1fr 1fr!important;gap:8px!important}
.nav-links a{min-width:0!important;width:100%!important;height:34px!important;padding:0 8px!important;font-size:12px!important}
.intro{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.intro-row{display:block!important;margin:18px 0 18px!important}
.discord-id-card{width:100%!important;max-width:100%!important;margin:0 0 20px!important;padding:12px 14px!important;border-radius:16px!important}
.intro .hero-title-line h1,.intro h1{font-size:clamp(40px,14vw,54px)!important;line-height:.86!important;letter-spacing:-.08em!important;margin:0!important}
.intro p{font-size:15px!important;margin:14px 0 22px!important}
.game-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important;width:100%!important}
.game-tabs button{min-width:0!important;width:100%!important;height:42px!important;padding:0 8px!important;border-radius:12px!important;font-size:14px!important;white-space:nowrap!important}
.count-control{width:100%!important;margin:0 0 18px!important;border-radius:14px!important}
.workspace{display:block!important;width:100%!important;overflow:visible!important}
.catalogue,.sidebar{width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;border-radius:18px!important;overflow:hidden!important}
.catalogue.search-wrapper{min-height:auto!important;margin-bottom:18px!important}
.sidebar{min-height:auto!important}
.searchbox{height:50px!important;width:100%!important;padding:0 14px!important;border-radius:14px!important}
.searchbox input{font-size:14px!important;min-width:0!important}
.empty-card{min-height:210px!important;padding:24px 16px!important;border-radius:18px!important}
.empty-card p{font-size:14px!important;line-height:1.45!important;max-width:230px!important;margin-left:auto!important;margin-right:auto!important}
.preset-row{gap:9px!important;justify-content:center!important;overflow:visible!important;flex-wrap:wrap!important}
.preset-chip{font-size:12px!important;padding:8px 12px!important;max-width:100%!important}
.selected-list{min-height:auto!important}
.slot{min-height:48px!important;border-radius:12px!important}
.filters{display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
.game-filter-stack{display:grid!important;gap:12px!important;min-height:auto!important;width:100%!important}
.filters h3{font-size:13px!important;margin:0 0 14px!important;padding:0 0 12px!important}
.filters h3::after{display:none!important}
.filters label{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;min-height:0!important;margin:0 0 12px!important;width:100%!important}
.filters label span{font-size:13px!important;line-height:1.25!important;margin:0!important;color:#cfd9ea!important}
.filters label select,.filters label input{display:block!important;width:100%!important;max-width:100%!important;height:46px!important;min-width:0!important;padding:0 14px!important;border-radius:12px!important;font-size:14px!important;text-align:left!important}
.primary-btn{width:100%!important;height:50px!important;border-radius:13px!important;margin-top:6px!important}
}
@media (max-width:380px){
.page{padding-left:14px!important;padding-right:14px!important}
.game-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.game-tabs button{font-size:13px!important}
.filters label select,.filters label input{height:44px!important;font-size:13px!important}
}