@font-face{font-family:'CruyffSans';font-weight:400;font-display:swap;
  src:url('/cdn/assets/fonts/CruyffSans-Regular.otf') format('opentype');}
@font-face{font-family:'CruyffSans';font-weight:700;font-display:swap;
  src:url('/cdn/assets/fonts/CruyffSans-Bold.otf') format('opentype');}
@font-face{font-family:'CruyffSansCondensed';font-weight:400;font-display:swap;
  src:url('/cdn/assets/fonts/CruyffSansCondensed-Regular.otf') format('opentype');}
@font-face{font-family:'CruyffSansCondensed';font-weight:500;font-display:swap;
  src:url('/cdn/assets/fonts/CruyffSansCondensed-Medium.otf') format('opentype');}
@font-face{font-family:'CruyffSansCondensed';font-weight:700;font-display:swap;
  src:url('/cdn/assets/fonts/CruyffSansCondensed-Bold.otf') format('opentype');}

[data-theme="dark"]{
  --bg:#08090d;--surface:#11141a;--surface2:#1a1e28;--border:#ffffff0f;
  --text:#e8eaf0;--text-dim:#7d8590;--card-shadow:#00000080;
}
[data-theme="light"]{
  --bg:#eef0f5;--surface:#ffffff;--surface2:#f2f4f9;--border:#e0e4ea;
  --text:#1a1d24;--text-dim:#7a8499;--card-shadow:#00000018;
}
:root{
  --gold:#c9a84c;--gold2:#f0d080;
  --green:#5cc488;--red:#e05555;--orange:#e08840;
  --radius:14px;--radius-sm:10px;--radius-lg:20px;
  --ease:cubic-bezier(.32,.72,0,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Space Grotesk',sans-serif;background:var(--bg);color:var(--text);
  min-height:100vh;font-size:14.5px;position:relative;isolation:isolate;-webkit-font-smoothing:antialiased;
}
body::before{content:'';position:fixed;top:-300px;left:50%;transform:translateX(-50%);width:1200px;height:900px;z-index:-1;pointer-events:none;background:radial-gradient(circle at center,rgba(201,168,76,.07) 0%,transparent 60%);filter:blur(60px);}

.cta-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 7px 7px 16px;border-radius:999px;background:var(--gold);color:#0a0c10;border:none;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s var(--ease);text-decoration:none;}
.cta-pill:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 10px 28px -10px rgba(201,168,76,.5);}
.cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(10,12,16,.12);color:#0a0c10;transition:all .35s var(--ease);}
.cta-pill:hover .cta-arrow{background:rgba(10,12,16,.2);transform:translate(2px,-1px) scale(1.05);}

.page-hero{max-width:1400px;margin:0 auto;padding:40px 36px 8px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);padding:5px 13px;border-radius:999px;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.05);margin-bottom:18px;}
.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 2.4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}
.page-hero h1{font-family:'Rajdhani',sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;letter-spacing:-.015em;line-height:1.05;text-transform:uppercase;color:var(--text);}
.page-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.page-hero p{font-size:15px;color:var(--text-dim);margin-top:10px;max-width:600px;line-height:1.6;}

.search-section{max-width:1400px;margin:24px auto 0;padding:0 36px;}
.search-box{
  display:flex;align-items:center;gap:12px;
  background:var(--surface);border:1px solid var(--border);border-radius:999px;
  padding:6px 18px;max-width:560px;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 12px 36px -24px rgba(0,0,0,.6);
  transition:border-color .25s var(--ease);
}
.search-box:focus-within{border-color:rgba(201,168,76,.5);}
.search-icon{color:var(--text-dim);flex-shrink:0;}
.search-box:focus-within .search-icon{color:var(--gold);}
#player-search{
  flex:1;background:none;border:none;outline:none;color:var(--text);
  font-family:'Space Grotesk',sans-serif;font-size:15px;padding:11px 0;
}
#player-search::placeholder{color:var(--text-dim);}
.search-spinner{width:20px;flex-shrink:0;display:none;}
.search-spinner.on{display:block;}
.search-spinner .spinner{width:18px;height:18px;border-width:2px;margin:0;}
.search-hint{font-size:12px;color:var(--text-dim);margin-top:10px;padding-left:6px;letter-spacing:.02em;}

#builder-root{max-width:1400px;margin:0 auto;padding:26px 36px 90px;position:relative;z-index:2;}

.builder-placeholder{
  text-align:center;padding:70px 20px;color:var(--text-dim);
  border:1px dashed var(--border);border-radius:var(--radius-lg);background:rgba(255,255,255,.012);
}
.bp-icon{font-size:34px;margin-bottom:14px;opacity:.7;}
.bp-title{font-family:'Rajdhani',sans-serif;font-size:21px;font-weight:700;color:var(--text);margin-bottom:6px;}
.bp-sub{font-size:13.5px;max-width:380px;margin:0 auto;line-height:1.6;}

.sec-title{
  font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;display:flex;align-items:center;gap:10px;
}
.sec-title::after{content:'';flex:1;height:1px;background:var(--border);}

.versions-wrap{margin-bottom:8px;}
.versions-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;
}
.version-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:16px 12px 14px;cursor:pointer;text-align:center;position:relative;
  transition:transform .3s var(--ease),border-color .25s,box-shadow .3s var(--ease);
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.version-card:hover{transform:translateY(-4px);border-color:rgba(201,168,76,.4);box-shadow:0 18px 38px -22px rgba(0,0,0,.55);}
.version-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);}
.vc-rating{
  position:absolute;top:10px;left:10px;font-family:'Rajdhani',sans-serif;
  font-size:20px;font-weight:700;color:var(--gold);line-height:1;
}
.vc-pos{
  position:absolute;top:32px;left:11px;font-size:9.5px;font-weight:600;
  letter-spacing:.06em;color:var(--text-dim);
}
.vc-img{width:96px;height:96px;object-fit:contain;object-position:top;}
.vc-name{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;color:var(--text);line-height:1.15;}
.vc-type{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);}
.vc-badges{display:flex;gap:5px;}
.vc-badges img{width:18px;height:18px;object-fit:contain;}

.empty-msg{text-align:center;padding:50px 20px;color:var(--text-dim);font-size:13.5px;}

.back-link{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;background:none;border:none;
  color:var(--text-dim);font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;
  padding:6px 0;margin-bottom:14px;transition:color .2s;
}
.back-link:hover{color:var(--gold);}

.builder-grid{
  display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start;
}

.card-col{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px;align-items:center;}

.fut-card{
  position:relative;width:280px;height:388px;flex-shrink:0;
  font-family:'CruyffSansCondensed','Rajdhani',sans-serif;color:var(--fc-ink,#fff);
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.55));
  transition:filter .4s var(--ease),transform .4s var(--ease);
}
.fut-card.evolved{filter:drop-shadow(0 22px 46px rgba(92,196,136,.45));}
.fc-frame{position:absolute;inset:0;width:280px;height:388px;object-fit:contain;z-index:1;pointer-events:none;}
.fc-avatar{position:absolute;left:4px;top:30px;width:272px;height:auto;z-index:2;pointer-events:none;}
.fc-evo-badge{
  position:absolute;top:13px;right:11px;z-index:5;
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  background:var(--green);color:#06281a;padding:4px 9px;border-radius:999px;
  box-shadow:0 5px 14px rgba(92,196,136,.55);
}
.fc-price-badge{
  position:absolute;top:13px;left:11px;z-index:5;
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  background:rgba(10,12,16,.72);color:var(--gold);border:1px solid rgba(201,168,76,.45);
  padding:4px 9px;border-radius:999px;
}
.fc-rating{position:absolute;left:29px;top:88px;width:60px;text-align:center;z-index:4;
  font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em;}
.fc-pos{position:absolute;left:29px;top:120px;width:60px;text-align:center;z-index:4;
  font-size:14px;font-weight:700;letter-spacing:.04em;}
.fc-name{position:absolute;top:240px;left:0;width:280px;text-align:center;z-index:4;
  font-family:'CruyffSans','Rajdhani',sans-serif;
  font-size:19px;font-weight:700;text-transform:uppercase;white-space:nowrap;
  overflow:hidden;letter-spacing:.01em;line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.35);}
.fc-attributes{position:absolute;top:270px;left:38px;width:204px;z-index:4;
  display:flex;justify-content:space-between;}
.fc-stat{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px;}
.fc-sk{font-size:10px;font-weight:600;opacity:.78;letter-spacing:.04em;}
.fc-sv{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.005em;}
.fc-sv.up{color:#2bd47f;text-shadow:0 0 10px rgba(43,212,127,.75);}
.fc-badges{position:absolute;top:300px;left:0;width:280px;z-index:4;
  display:flex;justify-content:center;align-items:center;gap:12px;}
.fc-badges img{height:22px;width:auto;max-width:28px;object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.fc-psd{
  position:absolute;left:8px;width:26px;height:26px;z-index:6;object-fit:contain;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));
}

.fc-altpos{position:absolute;top:100px;right:16px;z-index:5;
  display:flex;flex-direction:column;gap:4px;align-items:flex-end;}
.fc-altpos span{
  font-family:'CruyffSansCondensed','Rajdhani',sans-serif;
  font-size:11px;font-weight:700;line-height:1;color:var(--fc-ink);
  background:rgba(0,0,0,.35);border-radius:4px;
  padding:3px 6px 2px;min-width:22px;text-align:center;letter-spacing:.04em;
  backdrop-filter:blur(2px);
}

.fc-rolepp{position:absolute;left:29px;top:138px;width:60px;text-align:center;z-index:4;
  font-family:'CruyffSansCondensed','Rajdhani',sans-serif;
  font-size:11px;font-weight:700;color:#1fd98a;letter-spacing:1px;line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.5);}

.fc-footer{position:absolute;top:328px;left:0;width:280px;z-index:5;
  display:flex;justify-content:center;align-items:center;gap:10px;
  font-family:'CruyffSansCondensed','Rajdhani',sans-serif;color:var(--fc-ink);}
.fc-foot{
  font-size:11px;font-weight:700;
  border:1.5px solid currentColor;border-radius:3px;
  width:18px;height:18px;display:flex;align-items:center;justify-content:center;
  line-height:1;
}

.fc-fstat{
  display:inline-flex;align-items:center;gap:3px;line-height:1;
  font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;
  border:1.5px solid currentColor;border-radius:3px;
  padding:2px 6px 2px 5px;height:18px;
}
.fc-fstat em{font-style:normal;font-size:11px;line-height:1;color:#f0d080;margin:0 1px 0 0;}
.fc-fstat b{font-size:8.5px;font-weight:700;opacity:.7;letter-spacing:.06em;text-transform:uppercase;}
.fc-psd.evo-added{
  filter:drop-shadow(0 0 7px rgba(92,196,136,1)) drop-shadow(0 2px 4px rgba(0,0,0,.5));
  animation:psdpop .42s var(--ease);
}
@keyframes psdpop{
  0%{transform:scale(0) rotate(-25deg);opacity:0;}
  60%{transform:scale(1.18) rotate(4deg);}
  100%{transform:scale(1) rotate(0);opacity:1;}
}

.card-meta{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px 16px;display:flex;flex-direction:column;gap:9px;
}
.cm-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;}
.cm-label{color:var(--text-dim);letter-spacing:.03em;}
.cm-val{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;}
.cm-val.gold{color:var(--gold);}
.cm-stars{color:var(--gold);letter-spacing:2px;}
.cm-ps{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px;}
.ps-tag{
  font-size:10px;font-weight:600;letter-spacing:.03em;padding:3px 8px;border-radius:999px;
  background:rgba(92,196,136,.12);color:var(--green);border:1px solid rgba(92,196,136,.3);
}

.fc-pspanel{
  width:100%;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:14px 15px;
}
.fc-pspanel-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;
  flex-wrap:wrap;gap:6px 8px;
}
.fc-pspanel-title{
  font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);
}
.fc-pspanel-count{font-size:11px;color:var(--text-dim);font-weight:600;}
.fc-pspanel-count b{color:var(--green);}
.fc-pslist{display:flex;flex-wrap:wrap;gap:6px;}
.fc-pslist+.fc-pslist{margin-top:8px;}
.ps-badge{
  display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;
  border-radius:999px;font-size:11px;font-weight:600;line-height:1.3;
  background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);
}
.ps-badge img{width:20px;height:20px;object-fit:contain;flex-shrink:0;}
.ps-badge.plus{
  background:rgba(92,196,136,.12);border-color:rgba(92,196,136,.4);color:var(--green);
}
.ps-badge.evo{
  background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.45);color:var(--gold);
}
.ps-badge .ps-mark{font-weight:800;margin-left:1px;}
.ps-empty{font-size:11.5px;color:var(--text-dim);font-style:italic;}
.ps-badge{cursor:default;}
.ps-badge:hover{filter:brightness(1.1);}
.ps-view-group{display:inline-flex;gap:4px;margin-left:8px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:2px;}
.ps-view-btn{
  border:none;background:transparent;color:var(--text-dim);
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;
  padding:3px 10px;border-radius:999px;cursor:pointer;letter-spacing:.04em;
  transition:all .2s var(--ease);
}
.ps-view-btn:hover{color:var(--text);}
.ps-view-btn.active{background:var(--gold);color:#1a1410;}

.fc-pslist-rich{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px;}
@media(min-width:560px){.fc-pslist-rich{grid-template-columns:1fr 1fr;}}
.ps-rich-card{
  display:flex;align-items:center;gap:11px;
  padding:9px 11px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;
  transition:transform .15s,border-color .15s;
}
.ps-rich-card:hover{transform:translateX(2px);border-color:rgba(255,255,255,.12);}
.ps-rich-card.plus{background:rgba(92,196,136,.08);border-color:rgba(92,196,136,.32);}
.ps-rich-card.plus:hover{border-color:rgba(92,196,136,.5);}
.ps-rich-card.evo{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.4);}
.ps-rich-icon{width:34px;height:34px;object-fit:contain;flex-shrink:0;}
.ps-rich-evomark{
  width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-size:20px;color:var(--gold);
}
.ps-rich-info{min-width:0;flex:1;}
.ps-rich-name{
  font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text);
  display:flex;align-items:baseline;gap:3px;
}
.ps-rich-card.plus .ps-rich-name{color:var(--green);}
.ps-rich-card.evo .ps-rich-name{color:var(--gold);}
.ps-rich-name .ps-mark{font-size:13px;font-weight:800;}
.ps-rich-desc{
  font-size:11px;color:var(--text-dim);line-height:1.4;margin-top:2px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

.psg-grid{display:flex;flex-direction:column;gap:14px;margin-top:8px;}
.psg-cat-title{
  display:block;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;
}
.psg-cat-grid{display:flex;gap:6px;}
.psg-item{
  flex:1 1 0;min-width:0;
  display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;
  padding:8px 3px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);
  transition:all .2s var(--ease);
}
.psg-item img{width:24px;height:24px;object-fit:contain;flex-shrink:0;}
.psg-name{
  font-family:'Space Grotesk',sans-serif;font-size:9.5px;font-weight:600;color:var(--text-dim);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
@media(max-width:600px){
  .psg-cat-grid{flex-wrap:wrap;}
  .psg-item{flex-basis:calc(33.33% - 4px);}
}
.psg-item.owned{border-color:rgba(92,196,136,.4);background:rgba(92,196,136,.08);}
.psg-item.owned .psg-name{color:var(--green);}
.psg-item.plus{border-color:rgba(92,196,136,.6);background:rgba(92,196,136,.14);box-shadow:0 0 0 1px rgba(92,196,136,.25);}
.psg-item.plus .psg-name{color:var(--green);font-weight:700;}
.psg-item.evo{border-color:rgba(201,168,76,.6);background:rgba(201,168,76,.12);}
.psg-item.evo .psg-name{color:var(--gold);}
.psg-item.evo .ps-mark{color:var(--gold);font-weight:800;margin-left:2px;}
.psg-item.off{opacity:.32;}
.psg-item.off img{filter:grayscale(1);}

.fc-rolespanel{margin-top:0;}
.fc-rolespanel .rc-pp{color:var(--green);}
.fc-rolespanel .rc-p{color:#9ddc8a;}
.fc-roles-group{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-top:1px solid var(--border);}
.fc-roles-group:first-of-type{border-top:none;padding-top:3px;}
.fc-roles-pos{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:34px;height:24px;border-radius:6px;
  background:rgba(0,0,0,.4);color:var(--text);font-family:'CruyffSansCondensed','Rajdhani',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.04em;
}
.fc-roles-list{display:flex;flex-wrap:wrap;gap:5px;flex:1;min-width:0;}
.role-badge{
  display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;
  padding:3px 9px 3px 10px;border-radius:999px;line-height:1.3;
  background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);
}
.role-badge.plusplus{background:rgba(92,196,136,.14);border-color:rgba(92,196,136,.5);color:var(--green);}
.role-badge.plus{background:rgba(92,196,136,.08);border-color:rgba(92,196,136,.3);color:#a4dd95;}
.role-badge .role-mark{font-weight:800;font-size:10px;margin-left:2px;}

.builder-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap;}
.builder-actions{display:flex;gap:9px;}
.hex-btn{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;
  padding:8px 16px;border:none;border-radius:8px;transition:all .25s var(--ease);
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);
  min-width:96px;justify-content:center;
}
.hex-btn:hover{transform:translateY(-1px);}
.hex-btn:active{transform:translateY(0) scale(.97);}
.hex-btn svg{flex-shrink:0;}
.hex-save{background:var(--green);color:#06281a;}
.hex-save:hover{background:#6fdb9c;box-shadow:0 10px 22px -10px rgba(92,196,136,.55);}
.hex-shot{background:rgba(201,168,76,.18);color:var(--gold);border:1px solid rgba(201,168,76,.5);}
.hex-shot:hover{background:rgba(201,168,76,.32);}
.hex-link{background:rgba(80,160,255,.14);color:#7ab8ff;border:1px solid rgba(80,160,255,.4);}
.hex-link:hover{background:rgba(80,160,255,.26);}
.hex-new{background:rgba(92,196,136,.12);color:var(--green);border:1px solid rgba(92,196,136,.5);min-width:108px;}
.hex-new:hover{background:rgba(92,196,136,.22);}
.hex-bookmark{background:rgba(163,113,247,.14);color:#a371f7;border:1px solid rgba(163,113,247,.4);}
.hex-bookmark:hover{background:rgba(163,113,247,.26);}
.hex-bookmark.is-saved{background:rgba(163,113,247,.32);}

.cmp-trigger{position:relative;display:inline-flex;}
.cmp-btn{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;
  padding:8px 16px;border-radius:999px;
  background:var(--surface);color:var(--text-dim);border:1px solid var(--border);
  transition:all .25s var(--ease);
}
.cmp-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);}
.cmp-btn.active{
  background:rgba(201,168,76,.18);border-color:var(--gold);color:var(--gold);
}
.cmp-btn svg{flex-shrink:0;}
.cmp-popover{
  position:absolute;top:calc(100% + 8px);right:0;z-index:50;
  width:340px;max-height:440px;display:none;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);border-radius:14px;
  box-shadow:0 24px 50px -16px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.04) inset;
  overflow:hidden;
}
.cmp-popover.open{display:flex;animation:cmpPopIn .22s var(--ease);}
@keyframes cmpPopIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.cmp-popover-head{
  padding:12px 16px;border-bottom:1px solid var(--border);
  font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:600;
  color:var(--text-dim);letter-spacing:.04em;
}
.cmp-popover-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;}
.cmp-mini{
  display:flex;align-items:center;gap:11px;padding:7px 9px;cursor:pointer;
  border-radius:10px;border:1px solid transparent;transition:all .2s var(--ease);
}
.cmp-mini:hover{background:var(--surface2);border-color:var(--border);}
.cmp-mini.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.4);}
.cmp-mini-frame{position:relative;width:46px;height:64px;flex-shrink:0;}
.cmp-mini-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
.cmp-mini-avatar{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));}
.cmp-mini-r{
  position:absolute;top:8px;left:6px;z-index:3;
  font-family:'CruyffSansCondensed','Rajdhani',sans-serif;
  font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);
}
.cmp-mini-meta{flex:1;min-width:0;}
.cmp-mini-name{
  font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cmp-mini-sub{font-size:11px;color:var(--text-dim);font-weight:500;letter-spacing:.02em;}
.cmp-clear{
  border:none;border-top:1px solid var(--border);background:transparent;
  color:var(--red);font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;
  padding:11px;cursor:pointer;transition:background .15s;
}
.cmp-clear:hover{background:rgba(224,85,85,.08);}

.builder-grid.compare-mode{grid-template-columns:300px 300px 1fr;gap:18px;}
@media(max-width:1180px){.builder-grid.compare-mode{grid-template-columns:1fr 1fr;}.builder-grid.compare-mode .evo-panel{grid-column:1/-1;}}
@media(max-width:760px){.builder-grid.compare-mode{grid-template-columns:1fr;}.builder-grid.compare-mode .evo-panel{grid-column:1;}}

.compare-col{position:relative;}
.compare-label{
  display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;
  background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.35);border-radius:999px;
}
.cl-tag{
  font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;
  color:var(--gold);background:rgba(201,168,76,.2);padding:3px 8px;border-radius:999px;
}
.cl-name{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cl-close{border:none;background:transparent;color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer;padding:0 4px;}
.cl-close:hover{color:var(--red);}

.cmp-header{
  display:flex;align-items:center;justify-content:center;gap:14px;
  font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;
  color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;padding:6px 0 14px;
}
.cmp-vs-tag{color:var(--gold);font-weight:700;}
.cmp-target-name{color:var(--text);text-transform:none;letter-spacing:0;}

.cmp-vs{color:var(--gold);font-size:13px;font-weight:600;}
.cmp-row.with-compare{grid-template-columns:1fr auto auto auto;gap:8px;}
.cv-compare{color:var(--text-dim);font-weight:500;}
.cmp-row .cd.cmp-better{color:var(--green);}
.cmp-row .cd.cmp-worse{color:var(--red);}
.cmp-row .cd.cmp-equal{color:var(--text-dim);opacity:.5;}
.cmp-delta-mini{font-size:9px;color:var(--green);opacity:.85;font-style:normal;font-weight:600;margin-left:2px;}

.my-evos-section{margin-top:8px;}
.my-evos-section .sec-title{justify-content:flex-start;}
.me-count{
  display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;
  color:var(--gold);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.3);
  padding:2px 9px;border-radius:999px;letter-spacing:.02em;margin-left:0;
}
.my-evos-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px;
  margin-top:6px;
}
.me-card{
  position:relative;aspect-ratio:280/388;cursor:pointer;
  color:var(--fc-ink,#fff);font-family:'CruyffSansCondensed','Rajdhani',sans-serif;
  transition:transform .3s var(--ease),filter .3s var(--ease);
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.55));
}
.me-card:hover{transform:translateY(-5px);filter:drop-shadow(0 20px 36px rgba(0,0,0,.65));}
.me-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none;}
.me-avatar{position:absolute;top:8%;left:2%;width:96%;height:87%;object-fit:cover;z-index:2;pointer-events:none;}
.me-rating{position:absolute;left:10%;top:21%;width:22%;text-align:center;z-index:3;
  font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1;}
.me-pos{position:absolute;left:10%;top:33%;width:22%;text-align:center;z-index:3;
  font-size:clamp(10px,1vw,12px);font-weight:600;letter-spacing:.04em;}
.me-delta{position:absolute;left:10%;top:40%;width:22%;text-align:center;z-index:3;
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
  color:#06281a;background:var(--green);border-radius:4px;padding:1px 0;line-height:1.2;}
.me-name{position:absolute;left:0;right:0;top:62%;text-align:center;z-index:3;
  font-size:clamp(13px,1.6vw,17px);font-weight:700;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;letter-spacing:.01em;padding:0 12%;}
.me-badges{position:absolute;left:0;right:0;top:78%;z-index:3;
  display:flex;justify-content:center;align-items:center;gap:7px;}
.me-badges img{height:clamp(15px,1.9vw,21px);max-width:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.me-delete{
  position:absolute;top:7px;right:7px;z-index:6;
  width:24px;height:24px;border-radius:50%;
  border:none;background:rgba(0,0,0,.45);color:#fff;
  font-size:18px;line-height:1;cursor:pointer;
  opacity:0;transition:all .2s var(--ease);
}
.me-card:hover .me-delete{opacity:1;}
.me-delete:hover{background:var(--red);transform:scale(1.08);}
.me-tag{
  position:absolute;top:7px;left:7px;z-index:6;
  font-family:'Space Grotesk',sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.04em;
  background:rgba(0,0,0,.55);color:#fff;padding:3px 8px;border-radius:999px;
  max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.me-card-wrap{display:flex;flex-direction:column;gap:8px;}
.me-rename{
  align-self:center;background:none;border:1px solid var(--border);color:var(--text-dim);
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;
  padding:4px 12px;border-radius:999px;cursor:pointer;transition:all .2s var(--ease);
}
.me-rename:hover{border-color:rgba(201,168,76,.5);color:var(--gold);}

.evo-panel{display:flex;flex-direction:column;gap:18px;}
.evo-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.evo-search-input{
  flex:1;min-width:220px;box-sizing:border-box;
  background:var(--surface);border:1px solid var(--border);border-radius:999px;
  padding:10px 16px;color:var(--text);font-family:'Space Grotesk',sans-serif;
  font-size:13.5px;outline:none;transition:border-color .25s var(--ease);
}
.evo-search-input:focus{border-color:rgba(201,168,76,.5);}
.evo-search-input::placeholder{color:var(--text-dim);}
.evo-toggle{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none;
  font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:500;
  color:var(--text-dim);padding:6px 12px 6px 10px;border-radius:999px;
  background:var(--surface);border:1px solid var(--border);
  transition:color .2s,border-color .2s;
}
.evo-toggle:hover{color:var(--text);border-color:rgba(255,255,255,.18);}
.evo-toggle input{
  appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:4px;
  border:1.5px solid var(--border);background:var(--surface2);cursor:pointer;
  position:relative;flex-shrink:0;transition:all .2s;
}
.evo-toggle input:checked{background:var(--gold);border-color:var(--gold);}
.evo-toggle input:checked::after{
  content:'';position:absolute;left:3px;top:0px;width:5px;height:9px;
  border:solid #0a0c10;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.evo-toggle input:checked + span{color:var(--gold);}

.evo-counter{
  font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:500;
  color:var(--text-dim);padding:0 4px 10px;letter-spacing:.02em;
}
.evo-counter .ec-ok{color:var(--green);font-weight:600;}
.evo-counter .ec-bad{color:var(--orange);font-weight:600;}
.evo-counter .ec-exp{color:var(--red);font-weight:600;}

.evo-list{display:flex;flex-direction:column;gap:10px;}
.evo-more{
  text-align:center;padding:14px 10px 4px;font-size:12px;color:var(--text-dim);
  letter-spacing:.02em;
}

.applied-evos{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  min-height:48px;
}
.applied-empty{font-size:12px;color:var(--text-dim);font-style:italic;padding:4px 2px;}
.applied-counter{
  display:inline-block;font-family:'Space Grotesk',sans-serif;
  font-size:10.5px;font-weight:700;letter-spacing:.04em;
  background:rgba(201,168,76,.14);color:var(--gold);
  border:1px solid rgba(201,168,76,.35);
  padding:2px 9px;border-radius:999px;margin-left:9px;text-transform:none;
}
.applied-counter.full{background:rgba(224,85,85,.14);color:var(--red);border-color:rgba(224,85,85,.4);}
.applied-pill{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.4);
  border-radius:999px;padding:4px 4px 4px 10px;color:var(--gold);
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;
  max-width:240px;
}
.ap-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background:rgba(0,0,0,.4);color:var(--gold);font-size:10.5px;font-weight:700;flex-shrink:0;
}
.ap-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ap-x{
  border:none;background:rgba(0,0,0,.35);color:var(--gold);
  width:20px;height:20px;border-radius:50%;font-size:16px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  padding:0;flex-shrink:0;transition:all .2s var(--ease);
}
.ap-x:hover{background:var(--red);color:#fff;transform:scale(1.08);}
.applied-clear{
  margin-left:auto;border:1px solid rgba(224,85,85,.3);background:transparent;
  color:var(--red);font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:600;
  padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .2s var(--ease);
}
.applied-clear:hover{background:rgba(224,85,85,.12);}

.evo-count{
  display:inline-block;font-family:'Space Grotesk',sans-serif;
  font-size:10.5px;font-weight:700;background:var(--gold);color:#0a0c10;
  padding:2px 8px;border-radius:999px;margin-left:7px;vertical-align:middle;
  letter-spacing:.02em;
}
.evo-det-btn{
  margin-left:auto;border:none;background:transparent;color:var(--text-dim);
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;
  padding:2px 7px;border-radius:6px;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;
  transition:color .15s,background .15s;
}
.evo-det-btn:hover{color:var(--gold);background:rgba(201,168,76,.08);}
.evo-det-btn span{font-size:9px;margin-right:3px;}
.evo-info-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;}
.evo-details{
  margin-top:8px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);
  border-radius:8px;font-size:11.5px;line-height:1.5;color:var(--text-dim);
  display:flex;flex-direction:column;gap:4px;
}
.evo-details .ev-det-row{font-family:'Space Grotesk',sans-serif;}
.evo-details .ev-det-row b{color:var(--text);font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin-right:6px;}
.evo-details .ev-cap{color:var(--gold);font-weight:600;font-size:10.5px;opacity:.85;}

.evo-item.ineligible{opacity:.55;}
.evo-item.ineligible:hover{opacity:.85;}
.evo-item.expired{opacity:.45;}
.evo-item.expired .evo-info-name{text-decoration:line-through;}
.evo-tag{
  display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.06em;
  padding:2px 7px;border-radius:999px;margin-left:7px;vertical-align:middle;
  text-transform:uppercase;
}
.evo-tag.warn-tag{background:rgba(224,136,64,.15);color:var(--orange);border:1px solid rgba(224,136,64,.4);}
.evo-tag.expired-tag{background:rgba(224,85,85,.15);color:var(--red);border:1px solid rgba(224,85,85,.4);}
.evo-warn-reason{
  font-size:11.5px;color:var(--orange);margin-top:4px;font-weight:500;
  background:rgba(224,136,64,.06);border-left:2px solid rgba(224,136,64,.4);
  padding:4px 8px;border-radius:4px;
}
.evo-item{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease);
  display:flex;align-items:center;gap:14px;
}
.evo-item:hover{border-color:rgba(201,168,76,.4);transform:translateX(2px);}
.evo-item.active{border-color:var(--gold);background:rgba(201,168,76,.06);box-shadow:0 0 0 1px var(--gold) inset;}
.evo-item.expired{opacity:.5;}
.evo-check{
  width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;transition:all .2s;
  font-family:'Rajdhani',sans-serif;font-size:18px;line-height:1;font-weight:600;
  color:var(--text-dim);
}
.evo-item:hover .evo-check{border-color:rgba(201,168,76,.6);color:var(--gold);}
.evo-item.active .evo-check{background:var(--gold);border-color:var(--gold);color:#0a0c10;}
.evo-info{flex:1;min-width:0;}
.evo-info-name{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--text);}
.evo-info-desc{font-size:11.5px;color:var(--text-dim);margin-top:2px;line-height:1.45;}
.evo-info-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;}
.evo-chip{
  font-size:10px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:999px;
  background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);
}
.evo-chip.up{background:rgba(92,196,136,.1);color:var(--green);border-color:rgba(92,196,136,.25);}
.evo-chip.cost{background:rgba(201,168,76,.1);color:var(--gold);border-color:rgba(201,168,76,.25);}
.evo-chip.exp{background:rgba(224,136,64,.1);color:var(--orange);border-color:rgba(224,136,64,.25);}

.cmp{
  background:transparent;
}
.cmp-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
}
.cmp-group{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:10px 6px 14px;box-shadow:var(--shadow-card);
}
.cmp-group-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px 10px;border-bottom:1px solid var(--border);margin-bottom:8px;
}
.cmp-group-name{
  font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold);
}
.cmp-group-val{
  font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;color:var(--text);
  font-variant-numeric:tabular-nums;line-height:1;
}
.cmp-group-val .up{color:var(--green);}
.cmp-row{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;
  padding:8px 20px;font-size:14px;
  border-bottom:1px solid rgba(255,255,255,.03);
}
.cmp-row:last-child{border-bottom:none;}
.cmp-row .ck{color:var(--text-dim);font-weight:500;letter-spacing:.005em;}
.cmp-row .cv{
  font-variant-numeric:tabular-nums;color:var(--text);font-weight:700;
  text-align:right;min-width:34px;font-size:15px;font-family:'Space Grotesk',sans-serif;
}
.cmp-row .cd{
  font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;min-width:40px;
  color:var(--green);
}
.cmp-row .cd.zero{color:var(--text-dim);opacity:.35;font-size:14px;}
.cmp-row.changed{background:rgba(92,196,136,.06);}
.cmp-row.changed .cv{color:var(--green);}
.cmp-row .cmp-delta-mini{font-size:11.5px;color:var(--green);font-style:normal;font-weight:600;margin-left:4px;}

@media(max-width:980px){
  .cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cmp-group-val{font-size:24px;}
}
@media(max-width:520px){
  .cmp-grid{grid-template-columns:1fr;}
  .cmp-row{padding:7px 16px;}
}

.btn{
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;
  padding:9px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--border);
  background:transparent;color:var(--text);transition:all .25s var(--ease);
}
.btn:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15);}
.btn:active{transform:scale(.98);}
.btn-gold{border:none;background:var(--gold);color:#0a0c10;font-weight:600;}
.btn-gold:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(201,168,76,.5);}
.btn-block{width:100%;text-align:center;}
.btn-sm{padding:6px 14px;font-size:12px;}

.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto;}
@keyframes spin{to{transform:rotate(360deg);}}
.loading-state{padding:70px;text-align:center;}

.share-toast{
  position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--surface);border:1px solid rgba(201,168,76,.4);color:var(--text);
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;padding:11px 22px;border-radius:999px;
  opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:500;white-space:nowrap;
  box-shadow:0 12px 32px -8px rgba(201,168,76,.25);
}
.share-toast.visible{opacity:1;transform:translateX(-50%) translateY(0);}
.share-toast.err{border-color:rgba(224,85,85,.5);}

@media(max-width:980px){
  .page-hero{padding:30px 24px 8px;}
  .search-section{padding:0 24px;}
  #builder-root{padding:24px 24px 70px;}
  .builder-grid{grid-template-columns:1fr;}
  .card-col{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;}
  .card-meta{flex:1;min-width:240px;}
}
@media(max-width:560px){
  .versions-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}
  .page-hero h1{font-size:32px;}
  .card-col{flex-direction:column;}
}
@media(prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important;}
}

.builder-head{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start;margin-bottom:18px;}
.builder-head.compare-mode{grid-template-columns:330px 330px 1fr;}
.builder-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 18px 14px;box-shadow:var(--shadow-card);min-height:160px;}

.builder-tabs{
  display:inline-flex;gap:6px;padding:5px;background:var(--surface);border:1px solid var(--border);
  border-radius:999px;margin:14px 0 18px;box-shadow:var(--shadow-card);
}
.builder-tab{
  padding:10px 22px;border-radius:999px;border:none;background:transparent;cursor:pointer;
  color:var(--text-dim);font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.01em;
  transition:all .25s var(--ease);
}
.builder-tab:hover{color:var(--text);}
.builder-tab.active{background:var(--surface2);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 6px 18px -10px rgba(0,0,0,.5);}
[data-theme="light"] .builder-tab.active{background:var(--surface2);}

.tab-pane{display:none;}
.tab-pane.active{display:block;animation:fadeInPane .25s var(--ease);}
@keyframes fadeInPane{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.evo-toolbar{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--border);border-radius:999px;
  padding:8px 14px;margin-bottom:18px;box-shadow:var(--shadow-card);
}
.evo-search-input{
  flex:1;min-width:220px;background:transparent;border:none;outline:none;
  color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:13.5px;padding:6px 4px;
}
.evo-search-input::placeholder{color:var(--text-dim);}
.evo-toggle{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;
  font-size:12.5px;color:var(--text-dim);padding:5px 10px;border-radius:999px;
  background:var(--surface2);border:1px solid var(--border);
}
.evo-toggle input{accent-color:var(--gold);width:14px;height:14px;cursor:pointer;}
.evo-sort-wrap{display:inline-flex;align-items:center;gap:8px;}
.evo-sort-lbl{font-size:11.5px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;}
.evo-sort{
  appearance:none;-webkit-appearance:none;
  background:var(--surface2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%237d8590' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>") no-repeat right 12px center;background-size:10px;
  border:1px solid var(--border);color:var(--text);
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:500;
  padding:7px 30px 7px 14px;border-radius:999px;cursor:pointer;outline:none;
  transition:border-color .2s var(--ease);
}
.evo-sort:hover{border-color:rgba(201,168,76,.5);}
.evo-counter-wrap{margin-left:auto;font-size:12px;color:var(--text-dim);letter-spacing:.02em;}
.evo-counter-wrap .ec-ok{color:var(--green);}
.evo-counter-wrap .ec-bad{color:var(--orange,#e08840);}
.evo-counter-wrap .ec-exp{color:var(--red);}
.evo-counter-wrap .ec-cos{color:#a371f7;}

.evo-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;
}
.evo-grid-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:14px 14px 16px;cursor:pointer;
  display:flex;flex-direction:column;gap:10px;align-items:stretch;
  transition:transform .25s var(--ease),border-color .2s var(--ease),box-shadow .25s var(--ease);
  box-shadow:var(--shadow-card);position:relative;
}
.evo-grid-card:hover{transform:translateY(-4px);border-color:rgba(201,168,76,.45);box-shadow:0 22px 50px -22px rgba(0,0,0,.6),0 0 0 1px rgba(201,168,76,.15);}
.evo-grid-card.disabled{cursor:not-allowed;opacity:.55;}
.evo-grid-card.disabled:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow-card);}
.evo-grid-card.is-active{border-color:rgba(201,168,76,.7);box-shadow:0 0 0 1px var(--gold),var(--shadow-card);}

.egc-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:22px;}
.egc-up{
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(92,196,136,.13);border:1px solid rgba(92,196,136,.35);
  color:var(--green);font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em;
  padding:3px 9px;border-radius:999px;text-transform:uppercase;
}
.egc-status{
  display:inline-flex;align-items:center;gap:4px;
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;
}
.egc-status.expired{background:rgba(224,85,85,.1);border:1px solid rgba(224,85,85,.3);color:var(--red);}
.egc-status.warn{background:rgba(224,136,64,.1);border:1px solid rgba(224,136,64,.3);color:#e08840;}
.egc-status.applied{background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.4);color:var(--gold);}
.egc-status.cosmetic{background:rgba(163,113,247,.12);border:1px solid rgba(163,113,247,.4);color:#a371f7;}
.evo-grid-card.is-cosmetic{border-color:rgba(163,113,247,.3);}

.egc-card{
  position:relative;aspect-ratio:280/388;width:100%;
  color:var(--fc-ink,#fff);font-family:'CruyffSansCondensed','Rajdhani',sans-serif;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));
}
.egc-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none;}
.egc-avatar{position:absolute;top:9%;left:2%;width:96%;height:88%;object-fit:cover;z-index:2;pointer-events:none;}
.egc-rating{position:absolute;top:21%;left:10%;width:22%;text-align:center;z-index:3;font-size:clamp(20px,3.4vw,30px);font-weight:700;line-height:1;}
.egc-pos{position:absolute;top:33%;left:10%;width:22%;text-align:center;z-index:3;font-size:clamp(9px,1.2vw,11px);font-weight:700;letter-spacing:.02em;}
.egc-name{position:absolute;left:0;right:0;top:63%;text-align:center;z-index:3;font-family:'CruyffSansCondensed','Rajdhani',sans-serif;font-size:clamp(11px,1.5vw,14px);font-weight:700;letter-spacing:.005em;text-transform:uppercase;line-height:1.05;padding:0 6%;}
.egc-stats{
  position:absolute;left:0;right:0;top:75%;z-index:3;
  display:flex;justify-content:space-around;gap:1px;padding:0 8%;
}
.egc-stat{display:flex;flex-direction:column;align-items:center;line-height:1;}
.egc-stat .s-k{font-size:clamp(7px,.9vw,8.5px);opacity:.85;letter-spacing:.02em;}
.egc-stat .s-v{font-size:clamp(10px,1.4vw,12px);font-weight:700;margin-top:1px;}
.egc-stat .s-v.up{color:#5cc488;text-shadow:0 0 6px rgba(92,196,136,.4);}

.egc-meta{display:flex;flex-direction:column;gap:6px;margin-top:2px;}
.egc-evo-name{
  font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:600;color:var(--text);
  text-align:center;line-height:1.25;
}
.egc-evo-cost{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}
.egc-cost-pill{
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.04em;
  padding:3px 10px;border-radius:999px;
  background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);
}
.egc-cost-pill.exp{color:var(--gold);border-color:rgba(201,168,76,.3);}
.egc-ps{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;}
.egc-ps-pill{
  font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:.04em;
  padding:2px 8px;border-radius:999px;
  background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.25);color:var(--gold);
}

@media(max-width:980px){
  .builder-head{grid-template-columns:1fr;}
  .evo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
}
@media(max-width:520px){
  .evo-toolbar{border-radius:var(--radius);padding:10px;}
  .evo-counter-wrap{margin-left:0;width:100%;}
}

.builder-head{display:block;margin-bottom:18px;}
.builder-head.compare-mode{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

.player-top{
  display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;
}
.player-top-card{display:flex;flex-direction:column;gap:10px;align-items:stretch;}
.player-top-card .fut-card{margin:0 auto;}
.player-top-cost{
  background:var(--surface);border:1px solid var(--border);border-radius:999px;
  padding:8px 14px;text-align:center;color:var(--gold);
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.02em;
}
.player-top-info{display:flex;flex-direction:column;gap:14px;}

.player-meta-strip{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:18px 22px;box-shadow:var(--shadow-card);
  display:flex;flex-direction:column;gap:14px;
}
.pms-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.pms-name{
  font-family:'Rajdhani',sans-serif;font-size:clamp(22px,2.6vw,28px);font-weight:700;
  letter-spacing:-.005em;color:var(--text);line-height:1.15;margin:0;
  text-transform:uppercase;
}
.pms-card-pill{
  display:inline-flex;align-items:center;
  background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.3);color:var(--gold);
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 11px;border-radius:999px;
}
.pms-meta-row,.pms-attr-row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:8px 22px;padding-top:12px;border-top:1px solid var(--border);
}
.pms-cell{display:flex;flex-direction:column;gap:3px;min-width:0;}
.pms-k{
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-dim);
}
.pms-v{
  font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:600;color:var(--text);
  display:inline-flex;align-items:center;gap:7px;min-width:0;
}
.pms-v img{width:18px;height:18px;object-fit:contain;flex-shrink:0;}
.pms-v small{color:var(--text-dim);font-weight:500;margin-left:4px;}
.pms-stars{color:var(--gold);}
.pms-stars em{color:var(--gold2);font-style:normal;margin-left:1px;}
.pms-up{color:var(--green);}

.applied-bar{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:14px 18px;margin-bottom:16px;box-shadow:var(--shadow-card);
}
.ab-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.ab-title{
  font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-dim);
}

@media(max-width:980px){
  .player-top{grid-template-columns:1fr;gap:18px;}
  .player-top-card{align-items:center;}
  .pms-meta-row,.pms-attr-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));}
}

.player-top-info{--card-accent:#c9a84c;}

.player-top-info .ps-badge{
  background:color-mix(in srgb, var(--card-accent) 10%, var(--surface2));
  border:1px solid color-mix(in srgb, var(--card-accent) 30%, transparent);
  color:color-mix(in srgb, var(--card-accent) 78%, var(--text));
}
.player-top-info .ps-badge.plus{
  background:color-mix(in srgb, var(--card-accent) 18%, var(--surface));
  border-color:color-mix(in srgb, var(--card-accent) 55%, transparent);
  color:var(--card-accent);
  font-weight:700;
}
.player-top-info .ps-badge.evo{
  background:rgba(92,196,136,.12);
  border-color:rgba(92,196,136,.4);
  color:var(--green);
}
.player-top-info .ps-rich-card{
  border:1px solid color-mix(in srgb, var(--card-accent) 18%, var(--border));
  background:color-mix(in srgb, var(--card-accent) 5%, var(--surface));
}
.player-top-info .ps-rich-card.plus{
  border-color:color-mix(in srgb, var(--card-accent) 40%, transparent);
  background:color-mix(in srgb, var(--card-accent) 10%, var(--surface));
}

.player-top-info .role-badge{
  background:color-mix(in srgb, var(--card-accent) 6%, var(--surface2));
  border:1px solid var(--border);
  color:var(--text-dim);
}
.player-top-info .role-badge.plus{
  background:color-mix(in srgb, var(--card-accent) 14%, var(--surface));
  border-color:color-mix(in srgb, var(--card-accent) 35%, transparent);
  color:color-mix(in srgb, var(--card-accent) 75%, var(--text));
  font-weight:700;
}
.player-top-info .role-badge.plusplus{
  background:color-mix(in srgb, var(--card-accent) 22%, var(--surface));
  border-color:color-mix(in srgb, var(--card-accent) 60%, transparent);
  color:var(--card-accent);
  font-weight:700;
}
.player-top-info .role-mark{color:inherit;opacity:.85;font-weight:800;margin-left:3px;}

.player-top-info .fc-pspanel-count b{color:var(--card-accent);}
.player-top-info .rc-pp{color:var(--card-accent)!important;}
.player-top-info .rc-p{color:color-mix(in srgb, var(--card-accent) 70%, var(--text))!important;}

.player-top-info .fc-pspanel{border-color:color-mix(in srgb, var(--card-accent) 14%, var(--border));}

.player-top-info .pms-card-pill{
  background:color-mix(in srgb, var(--card-accent) 12%, transparent);
  border-color:color-mix(in srgb, var(--card-accent) 38%, transparent);
  color:var(--card-accent);
}
.player-top-info .pms-stars{color:var(--card-accent);}
.player-top-info .pms-stars em{color:color-mix(in srgb, var(--card-accent) 75%, var(--gold2));}

.evo-toggle.has-excluded{
  background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.4);color:var(--gold);
}
.evo-clear-excl{
  background:transparent;border:1px solid rgba(224,85,85,.35);color:var(--red);
  font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.02em;
  padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .2s var(--ease);
}
.evo-clear-excl:hover{background:rgba(224,85,85,.1);border-color:rgba(224,85,85,.55);}

.ec-show{color:var(--gold);font-weight:600;}

.evo-grid-card{position:relative;}
.egc-excl-btn{
  position:absolute;top:8px;right:8px;z-index:5;
  width:22px;height:22px;border-radius:50%;
  background:rgba(8,9,13,.6);border:1px solid var(--border);color:var(--text-dim);
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:all .2s var(--ease);
}
.evo-grid-card:hover .egc-excl-btn{opacity:1;}
.egc-excl-btn:hover{background:var(--red);border-color:var(--red);color:#fff;transform:scale(1.08);}
.evo-grid-card.is-excluded{
  border-color:rgba(224,85,85,.45);
  background:linear-gradient(135deg,rgba(224,85,85,.05),transparent 60%),var(--surface);
}
.evo-grid-card.is-excluded .egc-excl-btn{
  opacity:1;background:rgba(224,85,85,.18);border-color:rgba(224,85,85,.5);color:var(--red);
}
.evo-grid-card.is-excluded .egc-excl-btn:hover{background:var(--green);border-color:var(--green);color:#06281a;}

.pms-accel{
  display:inline-flex;align-items:center;
  padding:3px 10px;border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
}
.pms-accel-explosive{
  background:rgba(224,85,85,.13);border:1px solid rgba(224,85,85,.4);color:#ff7878;
}
.pms-accel-lengthy{
  background:rgba(122,169,255,.13);border:1px solid rgba(122,169,255,.4);color:#7aa9ff;
}
.pms-accel-controlled{
  background:rgba(92,196,136,.13);border:1px solid rgba(92,196,136,.4);color:#5cc488;
}
[data-theme="light"] .pms-accel-explosive{color:#c2334c;}
[data-theme="light"] .pms-accel-lengthy{color:#3a6bbf;}
[data-theme="light"] .pms-accel-controlled{color:#1a7f37;}

.img-preview-overlay{
  position:fixed;inset:0;z-index:300;background:rgba(6,8,12,.78);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.img-preview-box{
  position:relative;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px;
  display:flex;flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:90vh;
}
.img-preview-box img{max-width:320px;max-height:60vh;width:auto;height:auto;border-radius:10px;}
.img-preview-x{
  position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-dim);
  font-size:16px;cursor:pointer;line-height:1;padding:6px;
}
.img-preview-x:hover{color:var(--text);}
.img-preview-actions{display:flex;gap:10px;}