/* Patto homepage — V69 editorial playground */
.patto-home{
  --patto-green:var(--brand-accent,#d2ff00);
  --patto-ink:#05070a;
  --patto-panel:#0a0e14;
  --patto-line:rgba(255,255,255,.12);
  background:var(--patto-ink)!important;
  color:#fff;
  overflow-x:clip;
}
.patto-home .site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:90;
  background:linear-gradient(180deg,rgba(3,5,8,.8),rgba(3,5,8,.2) 68%,transparent);
  border:0;
  backdrop-filter:none;
}
.patto-home .site-header:after{display:none}
.patto-home .site-account-button,
.patto-home .site-menu-toggle{
  background:rgba(5,8,12,.48);
  border-color:rgba(255,255,255,.18);
  backdrop-filter:blur(18px) saturate(1.15);
}
.patto-home-main{min-height:100vh;background:#05070a}

/* V101 player discovery: the FUT-style database starts on the homepage. */
.patto-player-finder{
  position:relative;
  z-index:8;
  width:min(1440px,calc(100% - clamp(22px,5vw,76px)));
  margin:clamp(42px,6vw,82px) auto;
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);
  gap:clamp(26px,5vw,86px);
  align-items:end;
  padding:clamp(28px,4vw,56px) 0;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.patto-player-finder:before{content:"";position:absolute;right:4%;top:50%;width:42%;height:180%;transform:translateY(-50%);pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--patto-green) 12%,transparent),transparent 67%);filter:blur(30px)}
.patto-player-finder-copy{position:relative}
.patto-player-finder-copy>span{color:var(--patto-green);font:950 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em}
.patto-player-finder-copy h2{margin:12px 0 13px;font-size:clamp(38px,5vw,72px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase}
.patto-player-finder-copy p{max-width:560px;margin:0;color:#8995a7;font-size:13px;line-height:1.65}
.patto-player-search{position:relative;width:100%;min-height:76px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(6,10,16,.78);box-shadow:0 25px 75px rgba(0,0,0,.36);backdrop-filter:blur(24px);transition:border-color .22s,box-shadow .22s,transform .3s cubic-bezier(.16,.86,.2,1)}
.patto-player-search:focus-within{border-color:color-mix(in srgb,var(--patto-green) 60%,#fff);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 50px color-mix(in srgb,var(--patto-green) 9%,transparent);transform:translateY(-2px)}
.patto-player-search .site-player-search-toggle{width:72px;height:74px;flex-basis:72px;color:var(--patto-green)}
.patto-player-search label{min-width:0;flex:1}
.patto-player-search input{width:100%;height:72px;padding:0 20px 0 0;border:0!important;background:transparent!important;color:#fff;font:900 clamp(15px,1.5vw,20px)/1 Inter,system-ui,sans-serif;box-shadow:none!important;outline:0}
.patto-player-search .site-player-search-results{top:84px;left:0;right:0;width:100%;max-height:540px}

@media(max-width:850px){
 .patto-player-finder{grid-template-columns:1fr;align-items:start}
 .patto-player-finder-copy p{max-width:650px}
}
@media(max-width:520px){
 .patto-player-finder{width:calc(100% - 20px);margin-block:32px;padding-block:28px}
 .patto-player-search,.patto-player-search:hover,.patto-player-search:focus-within,.patto-player-search.is-open{position:relative;right:auto;top:auto;width:100%;height:64px;min-height:64px}
 .patto-player-search .site-player-search-toggle{width:58px;height:62px;flex-basis:58px}
 .patto-player-search input{height:62px;padding-right:12px;font-size:15px}
 .patto-player-search .site-player-search-results{top:70px;width:100%}
}

/* V102 Player Vault — real database cards inside one scroll-controlled scene. */
.patto-player-vault{
 --vault-progress:0;
 position:relative;
 z-index:5;
 height:300svh;
 margin:0 0 110px;
 isolation:isolate;
}
.patto-player-vault-stage{
 position:sticky;
 top:0;
 height:100svh;
 min-height:720px;
 overflow:hidden;
 isolation:isolate;
 background:#04070b;
}
.patto-player-vault-background{
 position:absolute;
 inset:-3%;
 z-index:-3;
 background:
  linear-gradient(180deg,rgba(3,5,8,.34),rgba(3,5,8,.68) 70%,#04070b),
  url("home/player-vault-bg-v102.webp") center/cover no-repeat;
 transform:scale(calc(1.06 - var(--vault-progress) * .035)) translate3d(0,calc(var(--vault-progress) * -18px),0);
 filter:saturate(.9) contrast(1.06) brightness(.66);
 will-change:transform;
}
.patto-player-vault-grid{
 position:absolute;
 inset:0;
 z-index:-2;
 opacity:calc(.2 - var(--vault-progress) * .1);
 background:
  linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
 background-size:8vw 8vw;
 mask-image:linear-gradient(180deg,#000,transparent 70%);
}
.patto-player-vault-grid:after{
 content:"";
 position:absolute;
 left:50%;
 top:34%;
 width:min(72vw,1060px);
 height:34vw;
 transform:translate(-50%,-50%) perspective(700px) rotateX(64deg);
 border:1px solid color-mix(in srgb,var(--patto-green) 18%,transparent);
 background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--patto-green) 6%,transparent),transparent);
 box-shadow:0 0 100px color-mix(in srgb,var(--patto-green) 7%,transparent);
}
.patto-player-vault-header{
 position:absolute;
 z-index:6;
 left:clamp(18px,4vw,70px);
 right:clamp(18px,4vw,70px);
 top:clamp(82px,10vh,108px);
 display:flex;
 align-items:end;
 justify-content:space-between;
 gap:30px;
}
.patto-player-vault-header>div:first-child{max-width:880px}
.patto-player-vault-header>div:first-child>span{color:var(--patto-green);font:950 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em}
.patto-player-vault-header h2{max-width:880px;margin:12px 0 10px;font-size:clamp(54px,7.5vw,116px);line-height:.74;letter-spacing:-.085em;text-transform:uppercase}
.patto-player-vault-header p{max-width:600px;margin:0;color:#909cac;font-size:12px;line-height:1.55}
.patto-player-vault-status{min-width:118px;padding:12px;border-left:1px solid var(--patto-green);text-align:right}
.patto-player-vault-status strong{display:block;font-size:34px;line-height:.8;letter-spacing:-.06em}
.patto-player-vault-status span{display:block;margin-top:7px;color:#778395;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.patto-player-vault .patto-player-search{
 position:absolute;
 z-index:15;
 left:50%;
 top:clamp(305px,37vh,370px);
 width:min(760px,calc(100% - 36px));
 min-height:68px;
 transform:translateX(-50%);
 border:1px solid rgba(255,255,255,.2);
 background:rgba(5,9,14,.92);
 box-shadow:0 25px 85px rgba(0,0,0,.5);
}
.patto-player-vault .patto-player-search:focus-within{transform:translateX(-50%) translateY(-2px)}
.patto-player-vault .patto-player-search .site-player-search-toggle{width:66px;height:66px;flex-basis:66px}
.patto-player-vault .patto-player-search input{height:66px;font-size:17px}
.patto-player-vault .patto-player-search>kbd{margin-right:12px;padding:9px 10px;border:1px solid rgba(255,255,255,.14);background:#101722;color:#8995a6;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.patto-player-vault .patto-player-search .site-player-search-results{top:75px;left:0;right:0;width:100%;max-height:430px}
.patto-player-vault-filters{
 position:absolute;
 z-index:7;
 left:50%;
 top:clamp(384px,46vh,450px);
 width:min(760px,calc(100% - 36px));
 display:flex;
 align-items:center;
 justify-content:center;
 gap:5px;
 transform:translateX(-50%);
}
.patto-player-vault-filters button{
 min-height:31px;
 padding:0 13px;
 border:1px solid rgba(255,255,255,.15);
 border-radius:0;
 background:rgba(5,9,14,.72);
 color:#9ba6b4;
 font:900 8px/1 Inter,system-ui,sans-serif;
 cursor:pointer;
 transition:color .18s,background .18s,border-color .18s,transform .25s cubic-bezier(.16,.84,.2,1);
}
.patto-player-vault-filters button:hover{transform:translateY(-2px);color:#fff;border-color:rgba(255,255,255,.32)}
.patto-player-vault-filters button.active{border-color:var(--patto-green);background:var(--patto-green);color:#0a1005}
.patto-player-vault-lanes{
 position:absolute;
 z-index:4;
 left:0;
 right:0;
 top:53%;
 bottom:45px;
 display:grid;
 grid-template-rows:repeat(3,minmax(0,1fr));
 gap:5px;
 overflow:hidden;
 perspective:1300px;
 mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.patto-player-vault-lane{
 --lane-shift:0px;
 min-width:max-content;
 display:flex;
 align-items:center;
 gap:7px;
 padding-inline:4vw;
 transform:translate3d(var(--lane-shift),0,0);
 will-change:transform;
}
.patto-player-vault-lane:nth-child(2){transform:translate3d(var(--lane-shift),0,0) translateX(-9vw)}
.patto-vault-card{
 position:relative;
 flex:0 0 clamp(92px,7.2vw,132px);
 height:100%;
 max-height:178px;
 display:grid;
 place-items:center;
 color:#fff;
 text-decoration:none;
 transform:translateY(calc(var(--card-wave,0) * 1px)) rotate(calc(var(--card-tilt,0) * 1deg));
 transition:filter .24s,transform .35s cubic-bezier(.16,.84,.2,1),opacity .2s;
}
.patto-vault-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 15px rgba(0,0,0,.58));transition:filter .22s,transform .35s cubic-bezier(.16,.84,.2,1)}
.patto-vault-card span{
 position:absolute;
 left:50%;
 bottom:3px;
 max-width:88%;
 padding:4px 6px;
 transform:translate(-50%,6px);
 background:rgba(3,6,10,.86);
 color:#fff;
 font-size:7px;
 font-weight:900;
 white-space:nowrap;
 opacity:0;
 transition:opacity .18s,transform .25s cubic-bezier(.16,.84,.2,1);
}
.patto-vault-card:hover{z-index:5;transform:translateY(-8px) scale(1.13)}
.patto-vault-card:hover img{filter:drop-shadow(0 22px 22px rgba(0,0,0,.72)) saturate(1.16)}
.patto-vault-card:hover span{opacity:1;transform:translate(-50%,0)}
.patto-vault-card.is-skeleton{border:1px solid rgba(255,255,255,.08);background:linear-gradient(100deg,#0c121b 20%,#192230 48%,#0c121b 76%);background-size:220% 100%;animation:vaultSkeleton 1.2s linear infinite}
@keyframes vaultSkeleton{to{background-position:-220% 0}}
.patto-player-vault-empty{width:100vw;display:grid;place-items:center;color:#8995a6;font-size:10px}
.patto-player-vault-foot{
 position:absolute;
 z-index:7;
 left:clamp(18px,4vw,70px);
 right:clamp(18px,4vw,70px);
 bottom:18px;
 display:grid;
 grid-template-columns:auto 1fr auto;
 align-items:center;
 gap:16px;
 color:#707d8e;
 font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
 letter-spacing:.15em;
}
.patto-player-vault-foot>i{height:1px;background:rgba(255,255,255,.15);overflow:hidden}
.patto-player-vault-foot>i b{display:block;width:100%;height:100%;background:var(--patto-green);transform:scaleX(var(--vault-progress));transform-origin:left}
@media(max-width:760px){
 .patto-player-vault{height:235svh;margin-bottom:76px}
 .patto-player-vault-stage{min-height:650px}
 .patto-player-vault-background{background-image:linear-gradient(180deg,rgba(3,5,8,.32),rgba(3,5,8,.68) 70%,#04070b),url("home/player-vault-mobile-v102.webp")}
 .patto-player-vault-header{top:76px;align-items:start}
 .patto-player-vault-header h2{font-size:clamp(51px,16vw,82px)}
 .patto-player-vault-header p{font-size:10px}
 .patto-player-vault-status{display:none}
 .patto-player-vault .patto-player-search{top:290px;height:60px;min-height:60px}
 .patto-player-vault .patto-player-search,.patto-player-vault .patto-player-search:hover,.patto-player-vault .patto-player-search:focus-within,.patto-player-vault .patto-player-search.is-open{position:absolute;right:auto;width:calc(100% - 20px);height:60px}
 .patto-player-vault .patto-player-search .site-player-search-toggle{width:58px;height:58px;flex-basis:58px}
 .patto-player-vault .patto-player-search input{height:58px;font-size:14px}
 .patto-player-vault .patto-player-search>kbd{display:none}
 .patto-player-vault .patto-player-search .site-player-search-results{top:66px;width:100%}
 .patto-player-vault-filters{top:361px;width:calc(100% - 20px);justify-content:flex-start;overflow:auto}
 .patto-player-vault-filters button{flex:0 0 auto}
 .patto-player-vault-lanes{top:51%;gap:2px}
 .patto-player-vault-lane{gap:3px}
 .patto-vault-card{flex-basis:88px;max-height:150px}
 .patto-player-vault-foot{left:10px;right:10px}.patto-player-vault-foot span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
 .patto-player-vault{height:auto}
 .patto-player-vault-stage{position:relative;height:auto;min-height:1040px}
 .patto-player-vault-background{transform:none}
 .patto-player-vault-lane{transform:none!important;overflow:auto}
 .patto-vault-card,.patto-player-vault-filters button{transition:none}
}

/* V103 — direct database landing and scroll-controlled FC26 pack reveal. */
.patto-home-v103 .site-header{background:linear-gradient(180deg,rgba(3,6,10,.94),rgba(3,6,10,.42) 72%,transparent)}
.patto-home-v103 .patto-home-content{padding-top:0}
.patto-home-v103 .patto-player-vault{
 --vault-glow:color-mix(in srgb,var(--patto-green) 15%,transparent);
 height:auto;
 min-height:max(100svh,1340px);
 margin:0;
 padding:clamp(104px,12vh,150px) 0 clamp(150px,12vw,190px);
 overflow-x:clip;
 overflow-y:visible;
 background:#05080d;
}
.patto-home-v103 .patto-player-vault-stage{
 position:relative;
 top:auto;
 width:min(1540px,calc(100% - clamp(22px,5vw,78px)));
 height:auto;
 min-height:max(100svh,1160px);
 margin:0 auto;
 overflow:visible;
 background:transparent;
}
.patto-home-v103 .patto-player-vault-background{
 inset:-120px calc(50% - 50vw) -110px;
 opacity:.74;
 background:
  linear-gradient(180deg,rgba(5,8,13,.52),#05080d 96%),
  radial-gradient(circle at 50% 16%,var(--vault-glow),transparent 38%),
  url("home/player-vault-bg-v102.webp") center top/cover no-repeat;
 filter:saturate(.74) contrast(1.12) brightness(.54);
 transform:none;
}
.patto-home-v103 .patto-player-vault-grid{
 inset:-80px calc(50% - 50vw) -80px;
 opacity:.21;
 background:
  linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
 background-size:72px 72px;
 mask-image:linear-gradient(180deg,#000,transparent 92%);
}
.patto-home-v103 .patto-player-vault-header{
 position:relative;
 inset:auto;
 display:block;
 max-width:1040px;
 margin:0 auto;
 text-align:center;
}
.patto-home-v103 .patto-player-vault-header h2{
 margin:0;
 font-size:clamp(68px,9.4vw,148px);
 line-height:.73;
 letter-spacing:-.09em;
 text-transform:uppercase;
 text-wrap:balance;
}
.patto-home-v103 .patto-player-vault-header p{
 max-width:680px;
 margin:24px auto 0;
 color:#9aa6b5;
 font-size:clamp(11px,1vw,14px);
 line-height:1.65;
}
.patto-home-v103 .patto-player-search{
 position:relative;
 left:auto;
 right:auto;
 top:auto;
 width:min(850px,calc(100% - 20px));
 height:70px;
 min-height:70px;
 margin:44px auto 0;
 transform:none;
 border-color:rgba(255,255,255,.2);
 background:rgba(5,9,14,.86);
 box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset;
}
.patto-home-v103 .patto-player-search:hover,
.patto-home-v103 .patto-player-search:focus-within,
.patto-home-v103 .patto-player-search.is-open{position:relative;right:auto;width:min(850px,calc(100% - 20px));height:70px;transform:translateY(-2px)}
.patto-home-v103 .patto-player-search .site-player-search-toggle{width:68px;height:68px;flex-basis:68px}
.patto-home-v103 .patto-player-search input{height:68px;font-size:17px}
.patto-home-v103 .patto-player-search .site-player-search-results{top:77px;max-height:440px}
.patto-home-v103 .patto-player-vault-filters{
 position:relative;
 inset:auto;
 width:auto;
 margin:14px auto 0;
 justify-content:center;
}
.patto-home-v103 .patto-player-vault-latest{
 width:min(1450px,100%);
 margin:52px auto 9px;
 color:#fff;
 font:950 12px/1 Inter,system-ui,sans-serif;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.patto-home-v103 .patto-player-vault-lanes{
 position:relative;
 inset:auto;
 display:grid;
 gap:0;
 width:100vw;
 margin-left:calc(50% - 50vw);
 overflow-x:clip;
 overflow-y:visible;
 mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
 padding:8px 0 132px;
}
.patto-home-v103 .patto-player-vault-lane{
 --lane-duration:52s;
 display:flex;
 align-items:center;
 gap:clamp(2px,.3vw,6px);
 width:max-content;
 padding:0;
 transform:none;
 animation:v103-card-marquee var(--lane-duration) linear infinite;
 will-change:transform;
}
.patto-home-v103 .patto-player-vault-lane:nth-child(2){
 margin-top:-30px;
 animation-direction:reverse;
 animation-duration:calc(var(--lane-duration) * 1.18);
}
.patto-home-v103 .patto-player-vault-lane.is-static{
 width:100%;
 min-width:100%;
 justify-content:center;
 animation:none!important;
}
.patto-home-v103 .patto-player-vault-lanes:hover .patto-player-vault-lane{animation-play-state:paused}
.patto-home-v103 .patto-vault-card{
 flex:0 0 clamp(128px,10vw,178px);
 width:clamp(128px,10vw,178px);
 height:clamp(184px,14.35vw,255px);
 padding:0;
 transform:translateY(var(--card-wave,0)) rotate(var(--card-lean,0deg));
 border:0;
 background:transparent;
 box-shadow:none;
 opacity:1;
}
.patto-home-v103 .patto-vault-card:hover{
 z-index:5;
 transform:translateY(-15px) rotate(0) scale(1.11);
 filter:drop-shadow(0 25px 30px rgba(0,0,0,.58));
}
.patto-home-v103 .patto-vault-card img{width:100%;height:100%;object-fit:contain}
.patto-home-v103 .patto-vault-card>span{
 left:50%;
 right:auto;
 bottom:9px;
 max-width:82%;
 display:flex;
 gap:5px;
 transform:translateX(-50%) translateY(7px);
 padding:5px 7px;
 overflow:hidden;
 background:rgba(4,7,11,.86);
 color:#dce4ee;
 font-size:7px;
 text-overflow:ellipsis;
 white-space:nowrap;
 opacity:0;
 transition:.22s;
}
.patto-home-v103 .patto-vault-card:hover>span{transform:translateX(-50%);opacity:1}
.patto-home-v103 .patto-vault-card>span b{color:var(--patto-green)}
.patto-home-v103 .patto-vault-card.is-skeleton{background:linear-gradient(100deg,#111823 30%,#1a2431 46%,#111823 62%);background-size:300% 100%;clip-path:polygon(14% 0,86% 0,100% 9%,100% 91%,50% 100%,0 91%,0 9%);animation:v103-skeleton 1.3s linear infinite}
@keyframes v103-card-marquee{to{transform:translateX(-50%)}}
@keyframes v103-skeleton{to{background-position:-150% 0}}

.patto-pack-story{
 --pack-progress:0;
 --pack-open:0;
 --pack-reveal:0;
 --pack-finish:0;
 position:relative;
 height:320svh;
 background:#020509;
 isolation:isolate;
}
.patto-pack-stage{
 position:sticky;
 top:0;
 height:100svh;
 min-height:700px;
 display:grid;
 grid-template-columns:minmax(280px,.62fr) minmax(520px,1.38fr);
 align-items:center;
 gap:clamp(28px,5vw,86px);
 padding:82px clamp(20px,5vw,78px) 28px;
 overflow:hidden;
}
.patto-pack-stage:before{
 content:"";
 position:absolute;
 inset:0;
 z-index:-4;
 background:
  linear-gradient(90deg,#03070c 0 25%,transparent 58%),
  linear-gradient(180deg,rgba(2,5,9,.08),#020509),
  url("home/player-vault-bg-v102.webp") 70% center/cover no-repeat;
 filter:saturate(calc(.55 + var(--pack-reveal) * .7)) brightness(calc(.34 + var(--pack-reveal) * .24));
 transform:scale(calc(1.12 - var(--pack-progress) * .08));
}
.patto-pack-copy{position:relative;z-index:8;max-width:560px}
.patto-pack-copy h2{margin:0;font-size:clamp(58px,7.2vw,118px);line-height:.76;letter-spacing:-.085em;text-transform:uppercase}
.patto-pack-copy p{max-width:440px;margin:25px 0 0;color:#8d9aab;font-size:12px;line-height:1.7}
.patto-pack-copy>span{display:flex;align-items:center;gap:10px;margin-top:30px;color:#d2dbe6;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.patto-pack-copy>span i{position:relative;width:52px;height:1px;background:#ffffff2b;overflow:hidden}
.patto-pack-copy>span i:after{content:"";position:absolute;inset:0;background:var(--patto-green);transform:scaleX(var(--pack-progress));transform-origin:left}
.patto-pack-tunnel{position:relative;height:min(80svh,820px);perspective:1500px;isolation:isolate}
.patto-pack-tunnel:before,.patto-pack-tunnel:after{content:"";position:absolute;inset:5% 4%;z-index:-2;border:1px solid color-mix(in srgb,var(--patto-green) calc(8% + var(--pack-reveal) * 28%),transparent);clip-path:polygon(16% 0,84% 0,100% 26%,93% 100%,7% 100%,0 26%);transform:scale(calc(.9 + var(--pack-progress) * .1))}
.patto-pack-tunnel:after{inset:11% 12%;filter:blur(10px)}
.patto-pack-rays{position:absolute;inset:-20%;z-index:-3;background:repeating-conic-gradient(from 250deg at 50% 54%,transparent 0 7deg,color-mix(in srgb,var(--patto-green) 14%,transparent) 7.5deg 8deg,transparent 8.5deg 15deg);opacity:var(--pack-reveal);filter:blur(3px);transform:rotate(calc(var(--pack-progress) * 8deg))}
.patto-pack-door{position:absolute;top:8%;bottom:7%;z-index:4;width:50%;background:linear-gradient(110deg,#131b27,#060a10 60%,#1c2734);border:1px solid rgba(255,255,255,.11);box-shadow:0 0 80px rgba(0,0,0,.82)}
.patto-pack-door:after{content:"";position:absolute;inset:5%;border:1px solid rgba(255,255,255,.07);background:repeating-linear-gradient(115deg,transparent 0 32px,rgba(255,255,255,.025) 33px 34px)}
.patto-pack-door.door-left{left:0;transform:translateX(calc(var(--pack-open) * -112%)) rotateY(calc(var(--pack-open) * 19deg));transform-origin:left}
.patto-pack-door.door-right{right:0;transform:translateX(calc(var(--pack-open) * 112%)) rotateY(calc(var(--pack-open) * -19deg));transform-origin:right}
.patto-pack-platform{position:absolute;left:8%;right:8%;bottom:4%;height:22%;z-index:-1;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--patto-green) calc(var(--pack-reveal) * 35%),transparent),transparent 63%);transform:perspective(600px) rotateX(68deg)}
.patto-pack-card{
 position:absolute;
 inset:3% 15% 7%;
 display:grid;
 place-items:center;
 transform:translate3d(0,calc((1 - var(--pack-reveal)) * 110px),calc((1 - var(--pack-reveal)) * -240px)) rotateY(calc((1 - var(--pack-reveal)) * -38deg)) scale(calc(.57 + var(--pack-reveal) * .43));
 opacity:var(--pack-reveal);
 filter:drop-shadow(0 36px 40px rgba(0,0,0,.68)) drop-shadow(0 0 calc(var(--pack-finish) * 55px) color-mix(in srgb,var(--patto-green) 34%,transparent));
}
.patto-pack-card img{width:auto;height:100%;max-width:100%;object-fit:contain}
.patto-pack-rating,.patto-pack-name{position:absolute;z-index:6;color:#fff;text-shadow:0 10px 38px #000;opacity:var(--pack-finish);transform:translateY(calc((1 - var(--pack-finish)) * 30px))}
.patto-pack-rating{right:4%;top:17%;font:900 clamp(70px,9vw,150px)/.7 Cruyff-Bold,Inter,sans-serif;letter-spacing:-.08em}
.patto-pack-name{left:50%;bottom:7%;transform:translateX(-50%) translateY(calc((1 - var(--pack-finish)) * 30px));font-size:clamp(18px,2vw,33px);font-weight:950;white-space:nowrap}

.patto-home-v103 .patto-fc-feature{margin-top:0}
.patto-home-v103 .patto-section-heading>div>span,
.patto-home-v103 .patto-section-heading>p,
.patto-home-v103 .patto-community>header>div>span{display:none}
.patto-home-v103 .patto-game-card>small,
.patto-home-v103 .patto-game-card>div>span,
.patto-home-v103 .patto-game-card>div>strong{display:none!important}
.patto-home-v103 .patto-game-card>div{display:flex;align-items:end;justify-content:space-between;gap:12px}
.patto-home-v103 .patto-game-card>div h2{margin:0}
.patto-home-v103 .patto-game-card>div>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:#05080d;color:var(--patto-green);font-style:normal;transition:.25s}
.patto-home-v103 .patto-game-card:hover>div>i{transform:translate(3px,-3px);background:var(--patto-green);color:#0a1005}

@media(max-width:900px){
 .patto-home-v103 .patto-player-vault{padding-top:94px}
 .patto-home-v103 .patto-player-vault-stage{width:calc(100% - 18px);min-height:680px}
 .patto-home-v103 .patto-player-vault-header h2{font-size:clamp(62px,16vw,105px)}
 .patto-home-v103 .patto-player-vault-latest{margin-top:36px}
 .patto-home-v103 .patto-vault-card{flex-basis:130px;width:130px;height:190px}
 .patto-pack-stage{grid-template-columns:1fr;padding:90px 12px 18px}
 .patto-pack-copy{position:absolute;left:18px;right:18px;top:88px;z-index:10}
 .patto-pack-copy h2{font-size:clamp(48px,13vw,78px)}
 .patto-pack-copy p{max-width:380px;margin-top:14px}
 .patto-pack-tunnel{height:66svh;margin-top:25svh}
 .patto-pack-rating{right:5%;top:14%}
}
@media(max-width:560px){
 .patto-home-v103 .patto-player-vault-header p{max-width:92%}
 .patto-home-v103 .patto-player-search,
 .patto-home-v103 .patto-player-search:hover,
 .patto-home-v103 .patto-player-search:focus-within,
 .patto-home-v103 .patto-player-search.is-open{width:100%;height:62px;min-height:62px;margin-top:30px}
 .patto-home-v103 .patto-player-search .site-player-search-toggle{width:58px;height:60px;flex-basis:58px}
 .patto-home-v103 .patto-player-search input{height:60px;font-size:14px}
 .patto-home-v103 .patto-player-search .site-player-search-results{top:68px}
 .patto-home-v103 .patto-player-vault-filters{justify-content:flex-start;overflow:auto}
 .patto-home-v103 .patto-player-vault-lane:nth-child(2){margin-top:-18px}
 .patto-pack-copy>span{margin-top:18px}
 .patto-pack-tunnel{height:61svh;margin-top:28svh}
 .patto-pack-card{inset:7% 3% 5%}
 .patto-pack-name{bottom:4%;font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 .patto-home-v103 .patto-player-vault-lane{animation:none;overflow:auto}
 .patto-pack-story{height:auto}
 .patto-pack-stage{position:relative;min-height:850px}
 .patto-pack-door.door-left{transform:translateX(-112%)}
 .patto-pack-door.door-right{transform:translateX(112%)}
 .patto-pack-card,.patto-pack-rating,.patto-pack-name{opacity:1;transform:none}
 .patto-pack-name{transform:translateX(-50%)}
}

/* V104 — clean latest-item rails without overlap or a tunnel interlude. */
.patto-home-v104 .patto-player-vault-filters{
 left:auto;
 transform:none!important;
 width:max-content;
 max-width:calc(100% - 20px);
 margin-inline:auto;
 justify-content:center;
}
.patto-home-v104 .patto-player-vault-lanes{
 gap:12px;
 padding-block:8px 42px;
}
.patto-home-v104 .patto-player-vault-lane{
 gap:10px;
 transform:none;
 animation-name:v104-card-marquee;
 animation-direction:normal;
}
.patto-home-v104 .patto-player-vault-lane:nth-child(2){
 margin-top:0;
 animation-direction:reverse;
 animation-duration:calc(var(--lane-duration) * 1.12);
}
.patto-home-v104 .patto-player-vault-lane:nth-child(3){
 margin-top:0;
 animation-direction:normal;
 animation-duration:calc(var(--lane-duration) * .94);
}
.patto-home-v104 .patto-vault-card{transform:rotate(var(--card-lean,0deg))}
.patto-home-v104 .patto-vault-card:hover{transform:translateY(-9px) rotate(0) scale(1.075)}
@keyframes v104-card-marquee{
 from{transform:translateX(-50%)}
 to{transform:translateX(0)}
}
@media(max-width:560px){
 .patto-home-v104 .patto-player-vault-filters{justify-content:flex-start}
 .patto-home-v104 .patto-player-vault-lane:nth-child(2){margin-top:0}
}
@media(prefers-reduced-motion:reduce){
 .patto-home-v104 .patto-player-vault-lane{animation:none;overflow:auto}
}

/* V106.1 — exact release feed, complete card tips and low-cost ambient drift. */
.patto-home-v106-1 .patto-player-vault{
 min-height:max(100svh,1460px);
 padding-bottom:210px;
 overflow-x:clip;
 overflow-y:visible;
}
.patto-home-v106-1 .patto-player-vault-stage{
 min-height:max(100svh,1220px);
 overflow:visible;
 isolation:isolate;
}
.patto-home-v106-1 .patto-player-vault-lanes{
 z-index:4;
 margin-top:44px;
 padding:12px 0 190px;
 overflow-x:clip;
 overflow-y:visible;
}
.patto-home-v106-1 .patto-player-vault-lane{gap:clamp(1px,.2vw,4px)}
.patto-home-v106-1 .patto-player-vault-lane:nth-child(2){margin-top:-10px}
.patto-home-v106-1 .patto-player-vault-lane:nth-child(3){margin-top:-2px}
.patto-home-v106-1 .patto-vault-card.is-loading:after{
 content:"";
 position:absolute;
 left:50%;
 top:48%;
 width:24px;
 height:24px;
 margin:-12px;
 border:2px solid rgba(255,255,255,.13);
 border-top-color:var(--patto-green);
 border-radius:50%;
 animation:vaultCardLoad .72s linear infinite;
}
.patto-home-v106-1 .patto-vault-card:not(.is-loading):after{display:none}
@keyframes vaultCardLoad{to{transform:rotate(360deg)}}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source{
 position:absolute;
 z-index:3;
 left:50%;
 bottom:0;
 display:flex!important;
 align-items:center;
 gap:5px;
 max-width:90%;
 padding:5px 8px;
 transform:translateX(-50%)!important;
 border:1px solid color-mix(in srgb,currentColor 72%,transparent);
 background:rgba(5,8,14,.9);
 color:#fff;
 font:950 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
 letter-spacing:.08em;
 opacity:1!important;
 overflow:visible!important;
 box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.patto-home-v106-1 .patto-vault-source i{
 width:14px;
 height:14px;
 display:grid;
 place-items:center;
 background:currentColor;
 color:#061008;
 font-style:normal;
}
.patto-home-v106-1 .patto-vault-source img{width:16px;height:16px;display:block;object-fit:contain}
.patto-home-v106-1 .patto-vault-source svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.patto-home-v106-1 .patto-vault-source.objective{color:#79ffbf}
.patto-home-v106-1 .patto-vault-source.sbc{color:#d9b8ff}
.patto-vault-ambient{
 position:absolute;
 z-index:1;
 inset:180px calc(50% - 50vw) 60px;
 overflow:hidden;
 pointer-events:none;
 opacity:.34;
 transform:translate3d(var(--vault-pointer-x,0),var(--vault-pointer-y,0),0);
 transition:transform .7s cubic-bezier(.2,.8,.2,1);
 mask-image:radial-gradient(ellipse at center,#000 0 48%,transparent 84%);
}
.patto-vault-ambient:after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(180deg,#05080d 0,transparent 15% 77%,#05080d 98%);
}
.patto-vault-ambient-band{
 position:absolute;
 left:-12vw;
 right:-12vw;
 height:140px;
 transform:rotate(-7deg);
 filter:blur(1px) saturate(.82);
 opacity:.16;
}
.patto-vault-ambient-band.band-1{top:5%}
.patto-vault-ambient-band.band-2{top:29%;transform:rotate(6deg);opacity:.11}
.patto-vault-ambient-band.band-3{top:54%;opacity:.13}
.patto-vault-ambient-band.band-4{top:78%;transform:rotate(5deg);opacity:.1}
.patto-vault-ambient-band>div{
 width:max-content;
 display:flex;
 gap:28px;
 animation:v106AmbientDrift 72s linear infinite;
}
.patto-vault-ambient-band:nth-child(even)>div{animation-direction:reverse;animation-duration:86s}
.patto-vault-ambient-band span{
 width:86px;
 height:126px;
 display:block;
 background:var(--ambient-card) center/contain no-repeat;
 filter:grayscale(.22);
}
@keyframes v106AmbientDrift{to{transform:translateX(-50%)}}
@media(max-width:760px){
 .patto-home-v106-1 .patto-player-vault{min-height:1160px;padding-bottom:150px}
 .patto-home-v106-1 .patto-player-vault-stage{min-height:980px}
 .patto-home-v106-1 .patto-player-vault-lanes{margin-top:34px;padding-bottom:150px}
 .patto-home-v106-1 .patto-player-vault-lane:nth-child(2),
 .patto-home-v106-1 .patto-player-vault-lane:nth-child(3){margin-top:0}
 .patto-home-v106-1 .patto-vault-card{height:190px}
 .patto-vault-ambient{opacity:.22}
}
@media(prefers-reduced-motion:reduce),(pointer:coarse){
 .patto-vault-ambient{transform:none}
 .patto-vault-ambient-band>div{animation:none}
}

/* V105 — brand-aware homepage and a compact, cinematic entry curtain. */
.patto-home-v105{
 --patto-green:var(--brand-accent,#d2ff00);
 --patto-home-bg:var(--brand-bg,#05070a);
 --patto-home-surface:var(--brand-surface,#111722);
 --patto-ink:var(--brand-bg,#05070a);
 background:var(--brand-bg,#05070a)!important;
 min-height:100svh;
}
html:has(body.patto-home-v105),
body.patto-home-v105,
body.patto-home-v105 .patto-home-main,
body.patto-home-v105 .patto-home-content{
 background:#05080d!important;
}
html:has(body.patto-home-v105){
 min-height:100%;
 background-color:#05080d!important;
}
body.patto-home-v105{
 min-height:100dvh;
 margin:0!important;
 background-color:#05080d!important;
 background-image:none!important;
}
body.patto-home-v105:before{
 background:#05080d!important;
}
body.patto-home-v105 .site-footer{background-color:#05080d!important}
.patto-home-v105 .patto-home-main{
 background:
  radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--patto-green) 7%,transparent),transparent 31%),
  linear-gradient(180deg,color-mix(in srgb,var(--patto-home-bg) 92%,#000),var(--patto-home-bg));
 color:var(--brand-text,#fff);
 transform-origin:50% 0;
 transition:transform 1.05s cubic-bezier(.16,.86,.2,1),filter 1.05s cubic-bezier(.16,.86,.2,1);
 min-height:100svh;
}
body.home-entry-active .patto-home-v105 .patto-home-main{transform:scale(.94);filter:blur(12px) brightness(.72)}
.patto-home-v105 .patto-player-vault{--vault-glow:color-mix(in srgb,var(--patto-green) 14%,transparent)}
.patto-home-v105 .patto-player-vault-stage{
 background:color-mix(in srgb,var(--patto-home-surface) 32%,var(--patto-home-bg));
}
.patto-home-v105 .patto-vault-card img{
 opacity:0;
 transform:translateZ(0) scale(.985);
 transition:opacity .2s ease,transform .35s cubic-bezier(.16,.84,.2,1),filter .22s;
}
.patto-home-v105 .patto-vault-card img.is-loaded{
 opacity:1;
 transform:translateZ(0) scale(1);
}
.patto-home-v105 .patto-player-vault-header{
 position:relative;
 display:flex;
 justify-content:center;
 text-align:center;
}
.patto-home-v105 .patto-player-vault-header>span{
 display:inline-flex;
 align-items:center;
 gap:10px;
 color:var(--patto-green);
 font:950 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
 letter-spacing:.21em;
}
.patto-home-v105 .patto-player-vault-header>span:before,
.patto-home-v105 .patto-player-vault-header>span:after{content:"";width:42px;height:1px;background:currentColor;opacity:.48}
.patto-home-v105 .patto-player-vault-latest{
 width:100%;
 margin-inline:auto;
 color:var(--brand-text,#fff);
 text-align:center;
}
.patto-home-v105 .patto-player-search,
.patto-home-v105 .patto-player-vault-filters button,
.patto-home-v105 .patto-fc-feature,
.patto-home-v105 .patto-game-card{
 border-radius:0!important;
}
body.home-entry-active{overflow:hidden}
.patto-entry-sequence{
 --entry-ease:cubic-bezier(.16,.86,.2,1);
 position:fixed;
 inset:0;
 z-index:500;
 display:grid;
 place-items:center;
 overflow:hidden;
 isolation:isolate;
 background:#030506;
 color:#fff;
}
.patto-entry-sequence[hidden],.patto-entry-sequence.is-skipped{display:none}
.patto-entry-video{
 position:absolute;
 inset:-6%;
 z-index:-3;
 width:112%;
 height:112%;
 object-fit:cover;
 object-position:center;
 opacity:0;
 filter:saturate(1.04) contrast(1.05);
 transform:scale(1.01);
 transition:opacity .35s ease,transform 1.05s cubic-bezier(.16,.86,.2,1),filter 1.05s ease;
}
.patto-entry-video-shade{
 position:absolute;
 inset:0;
 z-index:-2;
 pointer-events:none;
 opacity:0;
 background:linear-gradient(180deg,rgba(2,3,5,.08),rgba(2,3,5,.02) 58%,rgba(2,3,5,.28));
 transition:opacity .35s ease;
}
.patto-entry-sequence.has-video .patto-entry-video{opacity:1}
.patto-entry-sequence.has-video .patto-entry-video-shade{opacity:1}
.patto-entry-sequence.has-video .patto-entry-grid,
.patto-entry-sequence.has-video .patto-entry-slices{opacity:0}
.patto-entry-sequence.has-video .patto-entry-lockup{opacity:0;pointer-events:none}
.patto-entry-sequence.has-video.is-exiting{
 animation:patto-entry-video-shell-out 1.02s cubic-bezier(.16,.86,.2,1) forwards;
}
.patto-entry-sequence.has-video.is-exiting .patto-entry-video{
 opacity:0;
 transform:scale(1.13);
 filter:saturate(.88) contrast(1.02) blur(10px);
}
.patto-entry-sequence.has-video.is-exiting .patto-entry-video-shade{opacity:0}
.patto-entry-grid{
 position:absolute;
 inset:0;
 z-index:-1;
 opacity:.28;
 background-image:linear-gradient(color-mix(in srgb,var(--patto-green) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--patto-green) 8%,transparent) 1px,transparent 1px);
 background-size:64px 64px;
 mask-image:radial-gradient(circle at center,#000,transparent 74%);
 transform:perspective(720px) rotateX(63deg) scale(1.8) translateY(14%);
 transform-origin:center bottom;
}
.patto-entry-slices{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:repeat(4,1fr)}
.patto-entry-slices i{
 display:block;
 background:linear-gradient(160deg,color-mix(in srgb,var(--patto-home-surface,#111722) 82%,#000),#020304);
 border-right:1px solid rgba(255,255,255,.04);
 transform:scaleY(1);
 transform-origin:top;
}
.patto-entry-lockup{display:grid;justify-items:center;text-align:center}
.patto-entry-lockup>span{color:var(--patto-green);font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.22em;opacity:0}
.patto-entry-lockup>img{width:clamp(76px,8vw,124px);aspect-ratio:1;object-fit:contain;margin:24px 0;opacity:0;filter:drop-shadow(0 0 50px color-mix(in srgb,var(--patto-green) 20%,transparent));transform:scale(.72) rotate(-8deg)}
.patto-entry-lockup>div{height:clamp(54px,8vw,104px);min-width:min(86vw,840px);overflow:hidden;display:grid;place-items:center}
.patto-entry-lockup b{
 grid-area:1/1;
 font:950 clamp(48px,8.8vw,136px)/.78 Cruyff-Bold,Inter,sans-serif;
 letter-spacing:-.075em;
 text-transform:uppercase;
 opacity:0;
 transform:translateY(110%) skewY(7deg);
}
.patto-entry-lockup>i{width:min(72vw,560px);height:2px;margin-top:27px;background:rgba(255,255,255,.13);overflow:hidden}
.patto-entry-lockup>i em{display:block;width:100%;height:100%;background:var(--patto-green);transform:scaleX(0);transform-origin:left}
.patto-entry-sequence>button{
 position:absolute;
 right:clamp(16px,3vw,42px);
 bottom:clamp(16px,3vw,34px);
 min-height:42px;
 padding:0 15px;
 border:1px solid rgba(255,255,255,.16);
 border-radius:0;
 background:rgba(5,8,12,.66);
 color:#aab4c0;
 font:900 8px/1 Inter,sans-serif;
 letter-spacing:.1em;
 text-transform:uppercase;
 cursor:pointer;
 opacity:0;
}
.patto-entry-sequence.is-running .patto-entry-lockup>span{animation:patto-entry-fade .45s .12s both}
.patto-entry-sequence.is-running .patto-entry-lockup>img{animation:patto-entry-logo .72s .2s var(--entry-ease) both}
.patto-entry-sequence.is-running .patto-entry-lockup b:nth-child(1){animation:patto-entry-word .72s .65s var(--entry-ease) both,patto-entry-word-out .5s 1.25s var(--entry-ease) forwards}
.patto-entry-sequence.is-running .patto-entry-lockup b:nth-child(2){animation:patto-entry-word .72s 1.3s var(--entry-ease) both,patto-entry-word-out .5s 1.9s var(--entry-ease) forwards}
.patto-entry-sequence.is-running .patto-entry-lockup b:nth-child(3){animation:patto-entry-word .72s 1.95s var(--entry-ease) both}
.patto-entry-sequence.is-running .patto-entry-lockup>i em{animation:patto-entry-progress 2.75s .12s linear both}
.patto-entry-sequence.is-running>button{animation:patto-entry-fade .4s .45s both}
.patto-entry-sequence.is-exiting .patto-entry-lockup{animation:patto-entry-lockout .52s var(--entry-ease) forwards}
.patto-entry-sequence.is-exiting .patto-entry-slices i:nth-child(odd){animation:patto-entry-curtain .72s .05s var(--entry-ease) forwards}
.patto-entry-sequence.is-exiting .patto-entry-slices i:nth-child(even){animation:patto-entry-curtain .72s .12s var(--entry-ease) forwards}
@keyframes patto-entry-fade{to{opacity:1}}
@keyframes patto-entry-logo{to{opacity:1;transform:none}}
@keyframes patto-entry-word{to{opacity:1;transform:none}}
@keyframes patto-entry-word-out{to{opacity:0;transform:translateY(-115%) skewY(-6deg)}}
@keyframes patto-entry-progress{to{transform:scaleX(1)}}
@keyframes patto-entry-lockout{to{opacity:0;filter:blur(14px);transform:scale(1.08)}}
@keyframes patto-entry-curtain{to{transform:scaleY(0)}}
@keyframes patto-entry-video-shell-out{
 0%,24%{background:rgba(3,5,6,1)}
 100%{background:rgba(3,5,6,0)}
}

.patto-home-v105 .ad-slot{
 position:relative;
 width:min(1040px,calc(100% - 28px));
 min-height:112px;
 margin:48px auto;
 padding:27px 42px 20px 18px;
 border:1px solid rgba(255,255,255,.09);
 border-radius:0;
 background:color-mix(in srgb,var(--patto-home-surface) 48%,transparent);
 overflow:hidden;
 transition:opacity .22s,transform .26s var(--v72-ease,cubic-bezier(.16,.86,.2,1));
}
.patto-home-v105 .ad-slot>span{position:absolute;left:12px;top:9px;color:#667283;font:850 6px/1 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}
.patto-home-v105 .ad-slot>[data-ad-dismiss]{position:absolute;right:7px;top:7px;width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:0;background:#080d13;color:#aeb7c4;cursor:pointer}
.patto-home-v105 .ad-slot>[data-ad-dismiss]:hover{border-color:var(--patto-green);color:var(--patto-green)}
.patto-home-v105 .ad-slot.is-dismissing{opacity:0;transform:scaleY(.8)}
.patto-home-v105 .ad-slot-placeholder{
 min-height:150px;
 display:grid;
 place-items:center;
 align-content:center;
 gap:8px;
 border-color:rgba(255,139,36,.36);
 background:
  linear-gradient(rgba(255,139,36,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,139,36,.045) 1px,transparent 1px),
  color-mix(in srgb,var(--patto-home-surface) 54%,transparent);
 background-size:24px 24px;
}
.patto-home-v105 .ad-slot-placeholder>b{
 width:72px;
 height:72px;
 display:grid;
 place-items:center;
 border:2px solid #ff8b24;
 background:#ff8b24;
 color:#1b0b00;
 font:1000 19px/1 Inter,sans-serif;
 box-shadow:0 0 42px rgba(255,139,36,.18);
}
.patto-home-v105 .ad-slot-placeholder>small{
 color:#ffad61;
 font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
 letter-spacing:.13em;
}
@media(max-width:560px){
 .patto-entry-video{object-position:center}
 .patto-entry-lockup>div{min-width:92vw}.patto-entry-lockup b{font-size:clamp(42px,14vw,72px)}
 .patto-entry-grid{background-size:42px 42px}
 .patto-home-v105 .patto-player-vault-header>span:before,.patto-home-v105 .patto-player-vault-header>span:after{width:18px}
 .patto-home-v103 .patto-player-vault{min-height:1160px;padding-bottom:122px}
 .patto-home-v103 .patto-player-vault-stage{min-height:1010px}
 .patto-home-v103 .patto-player-vault-lanes{padding-bottom:94px}
}
@media(prefers-reduced-motion:reduce){
 .patto-entry-sequence{display:none}
}

/* Scroll-controlled opening */
.patto-story{
  --story-progress:0;
  --story-video-scale:1.035;
  --story-video-brightness:.82;
  position:relative;
  height:500svh;
  background:#020304;
}
.patto-story-stage{
  position:sticky;
  top:0;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#020304;
}
.patto-story-video,.patto-story-poster{
  position:absolute;
  inset:-3%;
  z-index:0;
  width:106%;
  height:106%;
  object-fit:cover;
  object-position:center;
  transform:translate3d(0,0,0) scale(var(--story-video-scale));
  filter:saturate(1.07) contrast(1.07) brightness(var(--story-video-brightness));
  will-change:transform,filter;
}
.patto-story-poster{
  opacity:0;
  background:center/cover no-repeat url('home/patto-scroll-poster.jpg');
}
.patto-story.is-failed .patto-story-video{display:none}
.patto-story.is-failed .patto-story-poster{opacity:1}
.patto-story-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,3,6,.74),transparent 36%,transparent 68%,rgba(2,3,6,.34)),
    linear-gradient(180deg,rgba(2,3,6,.45),transparent 27%,transparent 62%,rgba(2,3,6,.9)),
    radial-gradient(circle at 50% 45%,transparent 25%,rgba(0,0,0,.42) 100%);
}
.patto-story-grid{
  position:absolute;
  inset:0;
  z-index:2;
  opacity:calc(.14 - var(--story-progress) * .07);
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:9vw 9vw;
  mask-image:linear-gradient(90deg,#000,transparent 45%);
}
.patto-story-flare{
  position:absolute;
  z-index:3;
  left:calc(14% + var(--story-progress) * 68%);
  top:calc(18% + var(--story-progress) * 42%);
  width:34vw;
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  opacity:calc(.08 + var(--story-progress) * .17);
  background:radial-gradient(circle,rgba(210,255,0,.38),rgba(56,106,255,.11) 33%,transparent 68%);
  filter:blur(70px);
  mix-blend-mode:screen;
  transform:translate(-50%,-50%);
}
.patto-story-topline{
  position:absolute;
  z-index:8;
  left:clamp(18px,4.5vw,78px);
  right:clamp(18px,4.5vw,78px);
  top:clamp(90px,12vh,126px);
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:rgba(255,255,255,.66);
  font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.22em;
}
.patto-story-topline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:23px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.32),rgba(255,255,255,.06));
}
.patto-story-scenes{position:absolute;inset:0;z-index:7;pointer-events:none}
.patto-story-scene{
  position:absolute;
  left:clamp(20px,5vw,88px);
  right:clamp(20px,10vw,170px);
  bottom:clamp(118px,15vh,170px);
  opacity:0;
  transform:translate3d(0,40px,0);
  transition:opacity .28s ease,transform .55s cubic-bezier(.16,.84,.2,1);
  will-change:opacity,transform;
}
.patto-story-scene.is-active{opacity:1;transform:none}
.patto-story-scene>span{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  color:#fff;
  font-size:clamp(10px,1vw,13px);
  font-weight:950;
  letter-spacing:.17em;
  text-transform:uppercase;
  text-shadow:0 3px 18px rgba(0,0,0,.85);
}
.patto-story-scene>span b{
  display:grid;
  place-items:center;
  width:38px;
  height:25px;
  border:1px solid rgba(210,255,0,.55);
  border-radius:999px;
  color:var(--patto-green);
  background:rgba(4,7,10,.48);
  font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.patto-story-scene>strong{
  display:block;
  font-size:clamp(76px,15vw,230px);
  line-height:.7;
  letter-spacing:-.085em;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 5px 0 rgba(0,0,0,.2),0 24px 70px rgba(0,0,0,.5);
}
.patto-story-scene:nth-child(even){text-align:right}
.patto-story-scene:nth-child(even)>span{justify-content:flex-end}
.patto-story-scene:nth-child(3)>strong{font-size:clamp(67px,13.5vw,205px)}
.patto-story-rail{
  position:absolute;
  z-index:12;
  right:clamp(17px,3vw,48px);
  top:50%;
  display:grid;
  gap:17px;
  transform:translateY(-50%);
}
.patto-story-rail button{
  display:grid;
  grid-template-columns:28px 22px;
  align-items:center;
  gap:8px;
  padding:0;
  border:0;
  background:none;
  color:rgba(255,255,255,.42);
  cursor:pointer;
  font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.patto-story-rail i{height:2px;background:currentColor;transform-origin:right;transition:transform .25s,color .25s}
.patto-story-rail button.is-active{color:var(--patto-green)}
.patto-story-rail button.is-active i{transform:scaleX(1.8)}
.patto-story-actions{
  position:absolute;
  z-index:15;
  left:50%;
  bottom:clamp(60px,8vh,92px);
  display:flex;
  gap:9px;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,22px);
  transition:opacity .35s ease,transform .45s cubic-bezier(.16,.84,.2,1),visibility .35s;
}
.patto-story-actions.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.patto-button{
  min-height:53px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 21px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(5,8,12,.62);
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:950;
  backdrop-filter:blur(18px);
  transition:border-color .2s,background .2s,color .2s,transform .2s;
}
.patto-button:hover{border-color:rgba(255,255,255,.5)}
.patto-button-primary{border-color:var(--patto-green);background:var(--patto-green);color:#0a0d07}
.patto-button>span{font-size:17px}
.patto-story-skip{
  position:absolute;
  z-index:14;
  right:clamp(18px,4.5vw,78px);
  bottom:25px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  background:none;
  color:rgba(255,255,255,.65);
  font-size:10px;
  font-weight:850;
  line-height:1;
  font-family:inherit;
  cursor:pointer;
}
.patto-story-skip:hover{color:#fff}
.patto-story-skip span{color:var(--patto-green)}
.patto-story-scroll{
  position:absolute;
  z-index:11;
  left:clamp(18px,4.5vw,78px);
  bottom:24px;
  display:flex;
  align-items:center;
  gap:11px;
  color:rgba(255,255,255,.6);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:opacity .25s;
}
.patto-story-scroll i{width:38px;height:1px;background:var(--patto-green);animation:pattoPulse 1.4s ease-in-out infinite}
.patto-story.has-progress .patto-story-scroll{opacity:0}
@keyframes pattoPulse{50%{transform:scaleX(.45);transform-origin:left;opacity:.5}}
.patto-story-progress{position:absolute;z-index:16;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.patto-story-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--patto-green),#fff36a);transform:scaleX(0);transform-origin:left;will-change:transform}
.patto-story-loader{
  position:absolute;
  inset:0;
  z-index:30;
  display:grid;
  place-items:center;
  background:#030507;
  transition:opacity .45s ease,visibility .45s;
}
.patto-story-loader.is-ready{opacity:0;visibility:hidden}
.patto-story-loader span{width:60px;height:3px;background:rgba(255,255,255,.13);overflow:hidden}
.patto-story-loader span:after{content:"";display:block;width:40%;height:100%;background:var(--patto-green);animation:pattoLoad .8s ease-in-out infinite alternate}
@keyframes pattoLoad{to{transform:translateX(150%)}}

/* Content */
.patto-home-content{position:relative;z-index:4;background:#070a0e;padding:1px 0 80px}
.patto-home-content:before{content:"";position:absolute;inset:0 0 auto;height:280px;background:linear-gradient(180deg,#020304,#070a0e);pointer-events:none}
.patto-control-deck{
  position:relative;
  z-index:3;
  width:min(1320px,calc(100% - 32px));
  margin:-34px auto 120px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.2fr;
  border:1px solid var(--patto-line);
  border-radius:20px;
  overflow:hidden;
  background:rgba(10,14,20,.9);
  box-shadow:0 28px 100px rgba(0,0,0,.45);
  backdrop-filter:blur(20px);
}
.patto-control-deck>a,.patto-control-deck form{
  min-width:0;
  min-height:94px;
  display:grid;
  grid-template-columns:28px 1fr auto;
  align-items:center;
  gap:10px;
  padding:16px 18px;
  border-right:1px solid var(--patto-line);
  color:#fff;
  text-decoration:none;
  transition:background .2s,color .2s;
}
.patto-control-deck>a:hover{background:var(--patto-green);color:#090c07}
.patto-control-deck small{color:#778395;font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.patto-control-deck strong{font-size:13px}
.patto-control-deck>a>span{color:var(--patto-green);font-size:17px}
.patto-control-deck>a:hover small,.patto-control-deck>a:hover>span{color:#090c07}
.patto-control-deck form{grid-template-columns:28px minmax(0,1fr) auto;border-right:0}
.patto-control-deck label span{display:block;margin-bottom:6px;color:#8793a4;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.patto-control-deck input{width:100%;min-width:0;border:0;background:transparent;color:#fff;outline:0;text-transform:uppercase;font-size:14px;font-weight:950;line-height:1;font-family:inherit;letter-spacing:.15em}
.patto-control-deck input::placeholder{color:#657080}
.patto-control-deck button{height:42px;padding:0 14px;border:0;border-radius:999px;background:#fff;color:#080b0f;font-weight:950;cursor:pointer}

.patto-library,.patto-community,.patto-fc-feature,.patto-metrics,.patto-final{width:min(1320px,calc(100% - 32px));margin-inline:auto}
.patto-section-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);
  align-items:end;
  gap:50px;
  margin-bottom:42px;
}
.patto-section-heading>div>span,.patto-community header>div>span,.patto-fc-copy>span{
  color:var(--patto-green);
  font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.18em;
}
.patto-section-heading h1,.patto-community h2,.patto-fc-copy h2{
  margin:13px 0 0;
  font-size:clamp(70px,12vw,170px);
  line-height:.72;
  letter-spacing:-.085em;
  text-transform:uppercase;
}
.patto-section-heading p{max-width:390px;margin:0;color:#8e99a8;font-size:15px;line-height:1.65}
.patto-game-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.patto-game-card{
  position:relative;
  grid-column:span 4;
  min-height:420px;
  overflow:hidden;
  border:1px solid var(--patto-line);
  border-radius:22px;
  background:#0b1017;
  color:#fff;
  text-decoration:none;
  transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
  transition:transform .35s cubic-bezier(.16,.84,.2,1),border-color .25s,box-shadow .3s;
}
.patto-game-card:nth-child(1){grid-column:span 7;min-height:540px}
.patto-game-card:nth-child(2){grid-column:span 5;min-height:540px}
.patto-game-card:nth-child(6),.patto-game-card:nth-child(7){grid-column:span 6;min-height:470px}
.patto-game-card:hover{border-color:rgba(210,255,0,.5);box-shadow:0 35px 100px rgba(0,0,0,.48);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px)}
.patto-game-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,.84,.2,1),filter .3s}
.patto-game-card:hover>img{transform:scale(1.045);filter:saturate(1.14)}
.patto-game-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,7,.02) 30%,rgba(3,5,8,.94) 100%),radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(210,255,0,.16),transparent 36%)}
.patto-game-card>small{position:absolute;top:18px;left:18px;z-index:2;display:grid;place-items:center;width:42px;height:27px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(4,7,11,.48);backdrop-filter:blur(12px);font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.patto-game-card>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:25px}
.patto-game-card>div>span{color:#aeb7c4;font-size:11px;font-weight:800}
.patto-game-card h2{margin:8px 0 22px;font-size:clamp(35px,5vw,66px);line-height:.86;letter-spacing:-.06em}
.patto-game-card strong{display:flex;align-items:center;justify-content:space-between;color:var(--patto-green);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.patto-game-card strong i{font-style:normal;font-size:18px;transition:transform .25s}
.patto-game-card:hover strong i{transform:rotate(45deg)}

.patto-fc-feature{
  position:relative;
  min-height:680px;
  margin-top:150px;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);
  align-items:center;
  gap:30px;
  overflow:hidden;
  padding:clamp(34px,6vw,86px);
  border:1px solid var(--patto-line);
  border-radius:32px;
  background:
    linear-gradient(120deg,rgba(210,255,0,.1),transparent 30%),
    radial-gradient(circle at 75% 35%,rgba(48,96,255,.22),transparent 40%),
    #0b1018;
}
.patto-fc-feature:before{content:"FC26";position:absolute;right:-2vw;bottom:-5vw;color:rgba(255,255,255,.025);font-size:clamp(170px,28vw,410px);line-height:.7;font-weight:1000;letter-spacing:-.1em}
.patto-fc-copy{position:relative;z-index:3}
.patto-fc-copy h2{font-size:clamp(62px,8vw,116px);max-width:650px}
.patto-fc-copy p{max-width:540px;margin:28px 0;color:#a0aaba;font-size:16px;line-height:1.7}
.patto-card-stack{position:relative;height:560px;perspective:1200px}
.patto-card-stack img{position:absolute;left:50%;top:50%;width:min(48%,320px);height:auto;filter:drop-shadow(0 35px 45px rgba(0,0,0,.55));transform-origin:50% 85%;transition:transform .6s cubic-bezier(.16,.84,.2,1)}
.patto-card-stack img:nth-child(1){transform:translate(-105%,-47%) rotate(-13deg)}
.patto-card-stack img:nth-child(2){z-index:2;transform:translate(-50%,-54%) scale(1.08)}
.patto-card-stack img:nth-child(3){transform:translate(5%,-47%) rotate(13deg)}
.patto-fc-feature:hover .patto-card-stack img:nth-child(1){transform:translate(-112%,-50%) rotate(-18deg)}
.patto-fc-feature:hover .patto-card-stack img:nth-child(2){transform:translate(-50%,-58%) scale(1.12)}
.patto-fc-feature:hover .patto-card-stack img:nth-child(3){transform:translate(12%,-50%) rotate(18deg)}

.patto-community{margin-top:150px}
.patto-community>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin-bottom:34px}
.patto-community h2{font-size:clamp(58px,8vw,112px)}
.patto-community header p{max-width:650px;margin:22px 0 0;color:#8f9aa9;line-height:1.65}
.patto-community header>a{color:#fff;text-decoration:none;font-size:12px;font-weight:950;border-bottom:1px solid var(--patto-green);padding-bottom:7px}
.patto-community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.patto-community-grid>a{overflow:hidden;border:1px solid var(--patto-line);border-radius:21px;background:#0b1017;color:#fff;text-decoration:none;transition:border-color .25s,transform .3s}
.patto-community-grid>a:hover{border-color:rgba(210,255,0,.45);transform:translateY(-5px)}
.patto-community-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.patto-community-grid div{padding:20px}
.patto-community-grid span{color:var(--patto-green);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
.patto-community-grid h3{margin:9px 0;font-size:25px;letter-spacing:-.04em}
.patto-community-grid p,.patto-community-empty p{color:#8995a6;font-size:12px;line-height:1.5}
.patto-community-empty{min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px dashed rgba(255,255,255,.2);border-radius:23px;background:rgba(255,255,255,.02)}
.patto-community-empty h3{margin:0 0 8px;font-size:30px;letter-spacing:-.04em}
.patto-metrics{margin-top:130px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--patto-line);border-bottom:1px solid var(--patto-line)}
.patto-metrics div{padding:47px 20px;text-align:center;border-right:1px solid var(--patto-line)}
.patto-metrics div:last-child{border-right:0}
.patto-metrics strong{display:block;font-size:clamp(52px,8vw,105px);line-height:.8;letter-spacing:-.075em}
.patto-metrics span{display:block;margin-top:14px;color:#7f8a9a;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.15em}
.patto-final{min-height:360px;display:flex;align-items:center;justify-content:center;gap:9px}
.patto-home .site-footer{background:#05070a;border-top-color:var(--patto-line)}

@media(max-width:980px){
  .patto-control-deck{grid-template-columns:1fr 1fr;margin-bottom:95px}.patto-control-deck>a:nth-child(2){border-right:0}.patto-control-deck>a,.patto-control-deck form{border-bottom:1px solid var(--patto-line)}.patto-control-deck form{border-bottom:0}
  .patto-game-card,.patto-game-card:nth-child(n){grid-column:span 6;min-height:430px}
  .patto-game-card:nth-child(1){grid-column:span 12;min-height:520px}
  .patto-fc-feature{grid-template-columns:1fr;min-height:0}.patto-card-stack{height:520px}
}
@media(max-width:720px){
  .patto-story{height:390svh}.patto-story-stage{min-height:540px}.patto-story-video,.patto-story-poster{inset:-1%;width:102%;height:102%;object-position:center}
  .patto-story-topline{top:82px}.patto-story-topline span:last-child{display:none}
  .patto-story-scene{left:16px;right:16px;bottom:124px}.patto-story-scene:nth-child(even){text-align:left}.patto-story-scene:nth-child(even)>span{justify-content:flex-start}.patto-story-scene>strong,.patto-story-scene:nth-child(3)>strong{font-size:clamp(64px,21vw,112px);line-height:.76}
  .patto-story-rail{right:13px;top:48%;gap:13px}.patto-story-rail button{grid-template-columns:19px 0;gap:0}.patto-story-rail button span{display:none}.patto-story-actions{left:12px;right:12px;bottom:61px;display:grid;grid-template-columns:1fr 1fr;transform:translateY(18px)}.patto-story-actions.is-visible{transform:none}.patto-story-actions .patto-button{padding-inline:12px;white-space:nowrap}
  .patto-story-scroll{left:16px;bottom:22px}.patto-story-skip{right:16px;bottom:21px}.patto-story-grid{background-size:26vw 26vw}
  .patto-control-deck{width:calc(100% - 16px);grid-template-columns:1fr;margin-top:-15px;border-radius:16px}.patto-control-deck>a,.patto-control-deck form{min-height:72px;border-right:0;border-bottom:1px solid var(--patto-line)}.patto-control-deck form{border-bottom:0}
  .patto-library,.patto-community,.patto-fc-feature,.patto-metrics,.patto-final{width:calc(100% - 16px)}
  .patto-section-heading{display:block;margin-bottom:24px;padding-inline:5px}.patto-section-heading h1{font-size:clamp(62px,21vw,105px)}.patto-section-heading p{margin-top:24px}
  .patto-game-grid{gap:8px}.patto-game-card,.patto-game-card:nth-child(n){grid-column:span 12;min-height:390px;border-radius:17px}.patto-game-card>div{padding:20px}.patto-game-card h2{font-size:42px}
  .patto-fc-feature{margin-top:95px;padding:30px 18px;border-radius:22px}.patto-fc-copy h2{font-size:61px}.patto-fc-copy p{font-size:14px}.patto-card-stack{height:380px}.patto-card-stack img{width:48%}
  .patto-community{margin-top:95px}.patto-community>header{display:block;padding-inline:5px}.patto-community h2{font-size:61px}.patto-community header>a{display:inline-block;margin-top:25px}.patto-community-grid{grid-template-columns:1fr}.patto-community-empty{display:block;padding:24px}.patto-community-empty .patto-button{margin-top:18px;width:100%}
  .patto-metrics{margin-top:85px}.patto-metrics div{padding:32px 6px}.patto-metrics strong{font-size:44px}.patto-final{min-height:290px;display:grid;align-content:center}.patto-final .patto-button{width:min(330px,calc(100vw - 32px))}
}
@media(prefers-reduced-motion:reduce){
  .patto-story{height:100svh}.patto-story-video{display:none}.patto-story-poster{opacity:1}.patto-story-scene{display:none}.patto-story-scene:last-child{display:block;opacity:1;transform:none}.patto-story-actions{opacity:1;visibility:visible;transform:translate(-50%,0)}.patto-story-rail,.patto-story-scroll,.patto-story-skip,.patto-story-progress{display:none}.patto-card-stack img,.patto-game-card,.patto-game-card>img{transition:none!important}
}

/* V105.5 — one uninterrupted homepage canvas. The shared site atmosphere and
   the constrained vault surface previously stacked into a pale rectangle. */
html:has(body.patto-home-v105),
body.patto-home-v105,
body.patto-home-v105 .patto-home-main,
body.patto-home-v105 .patto-home-content{
 background:#05080d!important;
}
body.patto-home-v105:before,
body.patto-home-v105:after{content:none!important;display:none!important}
body.patto-home-v105 .v72-ambient{display:none!important}
.patto-home-v105 .patto-home-main{background:#05080d!important}
.patto-home-v105 .patto-player-vault-stage{background:transparent!important;box-shadow:none!important}
.patto-home-v105 .patto-player-vault-background{
 inset:-140px calc(50% - 50vw) -160px!important;
 opacity:1!important;
 background:
  linear-gradient(180deg,rgba(5,8,13,.62),#05080d 94%),
  url("home/player-vault-bg-v102.webp") center top/cover no-repeat!important;
 filter:saturate(.7) contrast(1.1) brightness(.46)!important;
}
.patto-home-v105 .patto-player-vault-grid{
 inset:-100px calc(50% - 50vw) -120px!important;
}

/* Keep the pointed bottom edge of lane three outside every legacy breakpoint. */
@media(max-width:760px){
 .patto-home-v106-1 .patto-player-vault-lanes{padding-bottom:160px!important;overflow-y:visible!important}
}

/* V108 — direct entrances to the four FC Hub tools. */
.patto-home-v106-1 .patto-player-vault-stage{
 padding-bottom:clamp(142px,12vw,188px)!important;
}
.patto-home-hub-actions{
 position:absolute;
 z-index:8;
 left:50%;
 bottom:30px;
 width:min(1220px,calc(100% - 34px));
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:1px;
 border:1px solid rgba(255,255,255,.12);
 background:rgba(255,255,255,.12);
 transform:translateX(-50%);
 backdrop-filter:blur(18px);
}
.patto-home-hub-actions a{
 min-width:0;
 min-height:86px;
 display:grid;
 grid-template-columns:42px minmax(0,1fr) 22px;
 align-items:center;
 gap:12px;
 padding:14px 17px;
 background:rgba(6,10,15,.9);
 color:#fff;
 text-decoration:none;
 transition:background .24s,transform .24s,color .24s;
}
.patto-home-hub-actions a:hover{
 z-index:2;
 background:var(--brand-accent,#d2ff00);
 color:#071006;
 transform:translateY(-5px);
}
.patto-home-hub-actions i{
 width:42px;
 height:42px;
 display:grid;
 place-items:center;
 border:1px solid currentColor;
 font:950 9px/1 Inter,sans-serif;
 font-style:normal;
 letter-spacing:.05em;
}
.patto-home-hub-actions i.dual-source-mark{grid-template-columns:repeat(2,1fr);gap:3px;padding:6px}
.patto-home-hub-actions i.dual-source-mark img{width:100%;height:100%;display:block;object-fit:contain}
.patto-home-hub-actions span,.patto-home-hub-actions strong,.patto-home-hub-actions small{
 min-width:0;
 display:block;
}
.patto-home-hub-actions strong{
 font:700 17px/1 Cruyff-Bold,Impact,sans-serif;
 text-transform:uppercase;
 white-space:nowrap;
}
.patto-home-hub-actions small{
 margin-top:5px;
 color:#778495;
 font:750 8px/1.25 Inter,sans-serif;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.patto-home-hub-actions a:hover small{color:#26310a}
.patto-home-hub-actions b{font-size:18px;text-align:right}
@media(max-width:920px){
 .patto-home-v106-1 .patto-player-vault-stage{padding-bottom:240px!important}
 .patto-home-hub-actions{grid-template-columns:repeat(2,minmax(0,1fr));bottom:20px}
}
@media(max-width:560px){
 .patto-home-v106-1 .patto-player-vault-stage{padding-bottom:374px!important}
 .patto-home-hub-actions{grid-template-columns:1fr;width:calc(100% - 16px);bottom:10px}
 .patto-home-hub-actions a{min-height:74px}
}

/* V112 — the cards are the colour; the homepage canvas stays calm. */
.patto-home-main,
.patto-home-content,
.patto-player-vault,
.patto-player-vault-stage{
 background:#05080D!important;
 background-image:none!important;
}
.patto-player-vault-background,
.patto-player-vault-grid,
.patto-vault-ambient{display:none!important}
.patto-player-vault-stage:before,
.patto-player-vault-stage:after{display:none!important}
.patto-player-vault .patto-player-search,
.patto-player-vault-filters button,
.patto-home-hub-actions a,
.patto-fc-feature,
.patto-library article{border-radius:0!important}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source{
 z-index:12;
 left:auto;
 right:3px;
 top:7px;
 bottom:auto;
 min-height:22px;
 padding:4px 7px;
 transform:none!important;
 background:#070b11;
 box-shadow:0 7px 16px rgba(0,0,0,.48);
}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source img{width:15px;height:15px}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source b{display:block;color:inherit;font:inherit;letter-spacing:inherit}
.patto-home-v106-1 .patto-vault-card:hover>.patto-vault-source{
 transform:none!important;
}

/* V122 — edge-to-edge database wall and compact acquisition marks. */
.patto-home-v106-1 .patto-player-vault-lanes{
 width:100vw!important;
 margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important;
 padding-inline:0!important;
}
.patto-home-v106-1 .patto-player-vault-lane{min-width:max-content!important}
.patto-home-hub-actions{width:min(760px,calc(100% - 34px));grid-template-columns:repeat(2,minmax(0,1fr))}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source{
 left:auto!important;
 right:4px!important;
 top:34px!important;
 bottom:auto!important;
 width:30px!important;
 min-width:30px!important;
 min-height:30px!important;
 padding:5px!important;
 display:grid!important;
 place-items:center!important;
 border:1px solid currentColor!important;
 background:rgba(4,7,11,.88)!important;
 transform:none!important;
}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:560px){.patto-home-hub-actions{grid-template-columns:1fr}.patto-home-v106-1 .patto-vault-card>.patto-vault-source{top:26px!important;width:26px!important;min-width:26px!important;min-height:26px!important}}

/* V125 — one seamless card cycle on ultrawide and 4K canvases. */
.patto-home-v104 .patto-player-vault-lane{
 animation-name:v125-card-marquee!important;
}
@keyframes v125-card-marquee{
 from{transform:translate3d(var(--lane-start,-33.333333%),0,0)}
 to{transform:translate3d(0,0,0)}
}
.patto-home-v106-1 .patto-player-vault-stage{padding-bottom:54px!important}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source{
 z-index:50!important;
 top:28px!important;
 width:34px!important;
 min-width:34px!important;
 min-height:34px!important;
 background:#060a10!important;
 box-shadow:0 8px 22px rgba(0,0,0,.72)!important;
}
.patto-home-v106-1 .patto-vault-card>.patto-vault-source img{
 width:23px!important;
 height:23px!important;
 opacity:1!important;
 filter:none!important;
}