@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap");
*{box-sizing:border-box}
: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(760px 420px at 16% -8%,rgba(79,140,255,.08),transparent 60%),
    radial-gradient(620px 360px at 86% 4%,rgba(79,140,255,.06),transparent 58%),
    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:26px 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 var(--line);background:linear-gradient(180deg,#121a29,#0e1522);color:#cad4e3;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:var(--line-strong);color:#fff}
.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:14px!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}

/* v98 sidebar filter spacing fix */
.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}


/* v99 strict game-specific filter panels */
#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)}}

/* v102 sidebar search placement */
.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}}

/* v103: keep the Search button in place, then leave clean empty page space below it */
.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;
    }
}

/* v105: Search button sits directly under filters; empty space stays below it */
.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;
    }
}


/* v106 no-results panel + search empty-state polish */
.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;
}



/* v107: stop the sidebar from being absurdly long, but keep a clean bit of space under Search */
.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;
    }
}



/* v112: content-based search form panel height */
.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}}