:root{color-scheme:dark;--bg:#09090e;--panel:#101117;--panel2:#17171e;--line:#272833;--muted:#9a98a7;--pink:#ff2157;--white:#f5f3f6;--gold:#f1c46c;--silver:#d1d6de;--bronze:#cf8e60}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 65% 30% at 82% 12%,#45102255,transparent),linear-gradient(180deg,#0c0d13,#09090e);color:var(--white);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.noise{pointer-events:none;position:fixed;inset:0;opacity:.11;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".12"/%3E%3C/svg%3E')}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1190px,calc(100% - 44px));margin:auto}.pink{color:var(--pink)}
.top{height:92px;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;gap:20px}.identity img{height:56px;width:auto;display:block;object-fit:contain}.top-status{color:#bcb9c3;font-size:11px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.top-status i,.live-state:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#fd5b79;margin-right:10px;box-shadow:0 0 12px #ff215766}
.hero{padding:76px 0 74px}.eyebrow{color:#ff5c82;font-weight:850;font-size:11px;letter-spacing:.2em}.line{display:inline-block;width:26px;height:2px;background:var(--pink);vertical-align:middle;margin-right:9px}.sep{color:#75636d;margin:0 8px}.hero-flex{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px}.hero-lifesteal-logo{max-width:min(100%,520px);width:100%;height:auto;display:block;margin:0 0 14px;filter:drop-shadow(0 10px 20px #0008)}.hero h1{font-size:clamp(44px,6.4vw,88px);line-height:.95;letter-spacing:-.07em;margin:10px 0 20px;font-weight:1000}.shine{background:linear-gradient(115deg,#ff2860,#f976a1 52%,#ff2157);color:transparent;-webkit-background-clip:text;background-clip:text}.lede{font-size:17px;max-width:670px;color:#b4b1bc;line-height:1.82}.hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;color:#8f8b97;font-size:13px;font-weight:700}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.primary,.secondary{padding:15px 22px;font-size:12px;letter-spacing:.045em;font-weight:850;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:transform .2s,filter .2s}.primary{background:var(--pink);box-shadow:0 12px 35px #ff21572c}.secondary{border:1px solid #ffffff24;background:#ffffff06}.primary:hover,.secondary:hover{transform:translateY(-2px);filter:brightness(1.12)}.hero-note{color:#84808d;font-size:12px;margin-top:22px;max-width:620px}.hero-panel{display:flex;justify-content:center}.hero-card{width:min(100%,380px);padding:24px;border:1px solid #ff215739;border-radius:20px;background:radial-gradient(circle at top right,#ff21571b,transparent 35%),linear-gradient(160deg,#19161f,#0f1016);box-shadow:0 20px 55px #0007}.hero-card-top span{display:block;color:#9d98a4;font-size:10px;letter-spacing:.18em;font-weight:800}.hero-card-top b{display:block;margin-top:8px;font-size:26px;letter-spacing:-.04em}.hero-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.hero-card-grid div{padding:16px;background:#ffffff05;border:1px solid #ffffff10;border-radius:14px}.hero-card-grid strong{display:block;font-size:34px;line-height:1}.hero-card-grid small{display:block;color:#94909b;font-size:11px;margin-top:6px}.hero-card-foot{margin-top:18px;padding-top:16px;border-top:1px solid #ffffff10;color:#9e98a5;font-size:12px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{background:linear-gradient(140deg,#171820,#101016);padding:23px 23px 20px;border:1px solid var(--line);border-radius:13px}.metric span{font-size:10px;letter-spacing:.18em;color:#a6a2ad;font-weight:800}.metric strong{display:block;font-size:36px;line-height:1.2;letter-spacing:-.05em;margin:8px 0}.metric small{color:#686673;font-size:11px}
.leader-section,.how{margin-top:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{font-size:clamp(32px,4.5vw,55px);line-height:1.08;letter-spacing:-.055em;margin:10px 0}.section-head p{color:var(--muted);margin:0}.live-state{white-space:nowrap;color:#b6b0b9;font-size:11px;border:1px solid var(--line);background:#141219;padding:10px 14px;border-radius:9px;font-weight:800;letter-spacing:.05em}.leader-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:17px}
.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;margin-bottom:18px}.pod-card{position:relative;min-height:280px;background:linear-gradient(160deg,#1a1821,#101117);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;box-shadow:0 16px 32px #0005}.pod-card:before{content:'';position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,#00000030)}.pod-card.place-1{min-height:330px;border-color:#c99c4460;background:linear-gradient(160deg,#2c2212,#151319)}.pod-card.place-2{min-height:290px;border-color:#8b95a04d}.pod-card.place-3{min-height:260px;border-color:#8b5d414d}.pod-empty{position:relative;z-index:1;color:#898794;font-weight:700}.pod-medal{position:absolute;top:16px;left:16px;z-index:2}.medal-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-weight:900;font-size:10px;letter-spacing:.12em;border:1px solid #ffffff17;background:#0f1116d9}.medal-badge strong{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;font-size:13px}.medal-badge.r1{color:#231708;background:linear-gradient(180deg,#fff0b6,#dca547)}.medal-badge.r1 strong{background:#fff3c5;color:#5a3907}.medal-badge.r2{color:#18202a;background:linear-gradient(180deg,#f1f5fa,#aeb8c8)}.medal-badge.r2 strong{background:#f8fbff;color:#46515f}.medal-badge.r3{color:#2a180f;background:linear-gradient(180deg,#f4c9ae,#b9714d)}.medal-badge.r3 strong{background:#ffe7d6;color:#603521}.pod-skin{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;min-height:140px;margin-top:30px}.player-body{display:block;width:min(100%,120px);height:auto;image-rendering:auto;filter:drop-shadow(0 10px 18px #0008)}.pod-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.pod-name-row{display:flex;align-items:center;gap:10px}.pod-player{font-size:18px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-score{font-size:13px;color:#b5afba;font-weight:700}
.board,.spotlight,.info-card,.features article{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.board-controls{padding:18px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.tabs{display:flex;flex-wrap:wrap;gap:4px}.tab{color:#a8a4af;border:1px solid transparent;border-radius:7px;padding:10px 11px;font-size:12px;font-weight:800;cursor:pointer;background:transparent}.tab.active{background:#ff215724;color:#ff7094;border-color:#ff215737}.search{border:1px solid #37323c;border-radius:8px;background:#0c0b11;display:flex;align-items:center;gap:8px;padding:0 12px}.search span{font-size:21px;color:#8d8596}.search input{outline:none;color:white;background:none;border:0;height:39px;width:160px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:740px}th{text-align:left;font-size:10px;letter-spacing:.12em;color:#85808e;background:#18161d;padding:14px 18px}td{border-top:1px solid #ffffff0c;padding:13px 18px;color:#c0bbc6;font-size:13px}tr:hover td{background:#ffffff06}.right{text-align:right}.player-cell{display:flex;align-items:center;gap:10px}.avatar-head{display:block;border-radius:10px;background:#161720;border:1px solid #ffffff10;flex:none}.avatar-head.small{width:34px;height:34px}.avatar-head.mini{width:28px;height:28px}.player-name{font-weight:800;color:white}.rank{color:#83808a;font-weight:850}.team-cell{min-width:150px}.team-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--team-color) 16%, #12131a);border:1px solid color-mix(in srgb,var(--team-color) 40%, #ffffff10);color:#fff;font-weight:800;font-size:12px;line-height:1}.team-badge-icon{width:18px;height:18px;object-fit:contain;image-rendering:auto;flex:none}.team-fallback{width:10px;height:10px;border-radius:50%;background:var(--team-color);display:inline-block;box-shadow:0 0 0 3px #ffffff0f}.team-badge-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hearts{color:#ff6e95;font-weight:850}.empty-row{text-align:center;padding:44px!important;color:#92909b}.board-foot{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid var(--line);color:#6f6c78;font-size:11px}
.aside{display:flex;flex-direction:column;gap:16px}.spotlight,.info-card{padding:24px}.spotlight h3{letter-spacing:-.03em;font-size:25px;margin:9px 0}.spot-avatar{margin:16px auto 10px;border:1px solid #ff215754;border-radius:22px;width:100%;max-width:180px;min-height:170px;display:flex;justify-content:center;align-items:flex-end;background:radial-gradient(circle at top,#ff21571a,transparent 50%),#12131a;padding:18px}.spot-name{text-align:center;font-size:25px;font-weight:850;overflow-wrap:anywhere}.spot-team{display:flex;justify-content:center;margin:10px 0 8px}.spotlight p,.info-card p{color:#9893a1;font-size:13px;line-height:1.8;text-align:center}.spot-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.spot-stats div{text-align:center}.spot-stats div:first-child{border-right:1px solid var(--line)}.spot-stats span{display:block;font-size:10px;color:#898391;letter-spacing:.1em}.spot-stats strong{font-size:27px}.info-card h3{font-size:19px;margin:12px 0}.info-card p{text-align:left;margin:0}.minor{color:#75717c;font-size:11px;margin-top:22px;border-top:1px solid var(--line);padding-top:15px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.features article{padding:25px 22px}.feature-icon{font-size:34px;color:var(--pink)}.features h3{font-size:14px;font-weight:900;letter-spacing:.02em;margin:18px 0 10px}.features p{color:#98939f;font-size:13px;line-height:1.8;margin:0}
.cta{margin:100px 0 55px;padding:46px 50px;border-radius:16px;border:1px solid #ff215744;background:radial-gradient(ellipse at 90% 30%,#8c123949,transparent 60%),linear-gradient(125deg,#21121b,#110f17);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(29px,4vw,51px);letter-spacing:-.045em;line-height:1.05;margin:14px 0}.cta p{color:#a39ba8;font-size:13px}footer{border-top:1px solid var(--line);padding:25px 0 40px;display:flex;justify-content:space-between;gap:10px;color:#77737d;font-size:11px}
@media(max-width:960px){.hero-flex{grid-template-columns:1fr}.leader-layout{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.hero-card{width:100%}}
@media(max-width:760px){.podium{grid-template-columns:1fr}.pod-card,.pod-card.place-1,.pod-card.place-2,.pod-card.place-3{min-height:auto}.pod-skin{min-height:110px}.player-body{width:90px}}
@media(max-width:630px){.container{width:min(100% - 28px,1190px)}.top{height:76px;gap:12px}.top-status{font-size:8px}.identity img{height:38px}.hero{padding:54px 0}.hero h1{font-size:48px}.lede{font-size:15px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:29px}.metric span{font-size:9px}.leader-section,.how{margin-top:70px}.section-head{align-items:start;flex-direction:column}.aside{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr;gap:9px}.features article{padding:17px}.features h3{font-size:12px}.features p{font-size:12px}.cta{margin-top:70px;padding:27px;display:block}.cta .primary{margin-top:15px}footer{flex-direction:column}.board-controls{padding:12px}.tab{font-size:11px;padding:8px}.top-status{display:none}}
/* RC site visual refresh: PvPMania red, living interactions, larger leaderboards */
:root{--pink:#f20b2e;--red:#f20b2e;--red-hot:#ff3048;--line:#313039;--panel:#111117;--white:#f7f5f7}
body{background:radial-gradient(ellipse 68% 30% at 80% 10%,#55122038,transparent),#080a0e}
.pink,.accent{color:#ff2843}
.top{height:96px}.identity img{height:63px;filter:drop-shadow(0 0 0 transparent);transition:transform .28s ease,filter .28s ease}.identity:hover img{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 0 14px #fa153444)}
.hero{width:100%;position:relative;margin-top:18px;padding:100px 30px 95px;min-height:650px;overflow:hidden;border:1px solid #ffffff15;border-radius:22px;isolation:isolate;display:flex;justify-content:center;align-items:center;text-align:center;background:#151923}
.hero-bg{position:absolute;inset:-30px;background-image:url('assets/minecraft-background.jpg');background-position:center 42%;background-size:cover;transform:scale(1.06);animation:heroDrift 23s ease-in-out infinite alternate;z-index:-3}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090b14e8,#090b12ad 40%,#0b0d14d3),linear-gradient(0deg,#09090ef2 0%,#08090e34 55%,#0c0c11a0);z-index:-2}
.hero-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent,#f20b2e,transparent);opacity:.65}
.hero-content{width:min(100%,790px);position:relative;z-index:1;animation:riseIn .85s ease both}
.hero-lifesteal-logo{display:block;width:min(100%,590px);height:auto;margin:16px auto 25px;filter:drop-shadow(0 12px 30px #000c);transition:transform .4s ease,filter .4s ease}
.hero-lifesteal-logo:hover{transform:scale(1.035);filter:drop-shadow(0 0 23px #f413357a)}
.hero-kicker{font-size:12px;color:#ffbdc7;font-weight:900;letter-spacing:.23em}.pulse-dot{display:inline-block;width:8px;height:8px;background:var(--red);box-shadow:0 0 0 6px #ff123014,0 0 14px #ff1c46;border-radius:50%;margin-right:9px;animation:pulse 2.6s infinite}.kicker-divider{opacity:.35;margin:0 8px}
.hero-description{max-width:640px;margin:0 auto;color:#d4ced8;font-size:18px;line-height:1.82;text-wrap:pretty;text-shadow:0 2px 13px #000b}
.hero .actions{justify-content:center;margin-top:29px}.hero-note{margin:22px auto 0;color:#b4acb8;max-width:600px}
.primary{background:linear-gradient(110deg,#f2082c,#cc092b);box-shadow:0 12px 38px #f2082c38;position:relative;overflow:hidden}.primary:after{content:'';position:absolute;top:-80%;bottom:-80%;left:-45%;width:27%;background:linear-gradient(90deg,transparent,#ffffff50,transparent);transform:skewX(-25deg);transition:left .5s ease}.primary:hover:after{left:125%}.primary:hover,.secondary:hover{transform:translateY(-4px);filter:brightness(1.15)}.secondary{backdrop-filter:blur(8px);background:#14111e91}
.stats-intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:74px 0 24px}.stats-intro h2{margin:7px 0 0;font-size:clamp(27px,4vw,46px);line-height:1.07;letter-spacing:-.05em}.stats-intro p{max-width:305px;color:#9997a2;font-size:13px;margin:0}
.metric-grid{gap:17px}.metric{padding:29px 25px 25px;background:linear-gradient(140deg,#202028,#121217);position:relative;overflow:hidden;min-height:157px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.metric:before{content:'';position:absolute;width:155px;height:155px;border-radius:50%;right:-75px;top:-90px;background:#fb1e3b12;transition:transform .4s ease,background .4s}.metric:hover{transform:translateY(-7px);border-color:#ff2b5060;box-shadow:0 18px 30px #0008}.metric:hover:before{transform:scale(1.8);background:#fb1e3b1c}.metric strong{font-size:clamp(40px,4vw,57px);font-weight:950;letter-spacing:-.065em;line-height:1.1}.metric span{color:#ded8e1}.metric small{font-size:12px;color:#97909c}
.leader-section{margin-top:84px}.leader-layout{grid-template-columns:minmax(0,1fr) 290px}.podium{margin-bottom:24px;gap:15px}.pod-card{transition:transform .27s ease,border-color .27s,box-shadow .27s;cursor:default}.pod-card:hover{transform:translateY(-9px);box-shadow:0 24px 35px #0009;border-color:#ffffff42}.pod-card.place-1:hover{box-shadow:0 24px 45px #b97c1329}.pod-skin .player-body{width:min(100%,138px);height:175px;object-fit:contain;image-rendering:pixelated;transition:transform .3s}.pod-card.place-1 .player-body{height:225px;width:min(100%,155px)}.pod-card:hover .player-body{transform:translateY(-6px) scale(1.05)}
.board{border-color:#39363f;box-shadow:0 25px 65px #0003}.board-controls{padding:24px}.tab{padding:12px 14px;transition:background .2s,color .2s,transform .2s}.tab:hover{background:#ff244414;color:#ffc2cc;transform:translateY(-2px)}.tab.active{background:#f20b2e25;color:#ff5269;border-color:#f20b2e4e}.search{transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:#fa214a;box-shadow:0 0 0 3px #fa214a22}table{min-width:750px}th{padding:18px 19px;background:#211c24}td{padding:16px 19px;font-size:14px}.player-name{font-size:14px}.avatar-head.small{width:39px;height:39px}.team-badge{border-radius:8px;transition:transform .2s,filter .2s}.team-badge:hover{transform:scale(1.04);filter:brightness(1.18)}.team-badge-icon{width:22px;height:22px;image-rendering:pixelated}.hearts{color:#ff627b}.rank{color:#b3aab7}
.spot-avatar .player-body{width:110px;height:175px;object-fit:contain;image-rendering:pixelated}.spot-avatar{min-height:205px}.spotlight{transition:border-color .25s,transform .25s}.spotlight:hover{border-color:#ed224359;transform:translateY(-3px)}
.features article{transition:transform .25s,border-color .25s,background .25s}.features article:hover{transform:translateY(-7px);border-color:#f20b2e59;background:#19141e}.feature-icon{color:#ff2b4c}.cta{border-color:#f20b2e50;background:radial-gradient(ellipse at 90% 30%,#8c123949,transparent 60%),linear-gradient(125deg,#21121b,#110f17)}
@keyframes heroDrift{from{transform:scale(1.06) translateX(-7px)}to{transform:scale(1.1) translateX(12px)}}@keyframes riseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #ff123017,0 0 8px #ff1c46}50%{box-shadow:0 0 0 11px #ff123008,0 0 20px #ff1c46}}
@media(max-width:960px){.hero{min-height:580px}.leader-layout{grid-template-columns:1fr}.stats-intro{align-items:start}}
@media(max-width:630px){.top{height:75px}.identity img{height:40px}.hero{min-height:560px;margin-top:10px;padding:62px 18px}.hero-description{font-size:15px}.hero-lifesteal-logo{max-width:100%}.hero-kicker{font-size:10px;letter-spacing:.13em}.hero .actions{gap:10px}.stats-intro{margin-top:54px;flex-direction:column;gap:6px}.metric-grid{gap:10px}.metric{padding:17px 14px;min-height:128px}.metric strong{font-size:37px}.metric small{font-size:10px}.podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pod-card,.pod-card.place-1,.pod-card.place-2,.pod-card.place-3{min-height:250px;padding:10px}.pod-card.place-1{min-height:285px}.pod-skin .player-body,.pod-card.place-1 .player-body{height:128px;width:80px}.pod-player{font-size:11px}.pod-name-row{gap:5px;flex-wrap:wrap}.pod-score{font-size:10px}.pod-card .avatar-head{width:22px;height:22px}.pod-card .team-badge{font-size:9px;padding:4px}.medal-badge{font-size:8px;padding:5px}.medal-badge strong{width:16px;height:16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V4: landing fills viewport then shrinks into a card as visitor scrolls. */
.hero-stage{position:relative;min-height:calc(100svh + 150px)}
.hero-stage .hero{position:sticky;top:12px;min-height:0;max-width:none;margin-top:0;margin-bottom:0;will-change:height,width,margin-left;border-color:#ffffff22;box-shadow:0 18px 90px #0008}
.hero-stage .hero-bg{animation:heroDrift 26s ease-in-out infinite alternate}
.hero-stage .hero-content{transform:scale(calc(1.04 - var(--hero-scroll,0)*.04))}
.hero-stage .hero-shade{background:linear-gradient(180deg,#090a10c4,#090a10a8 52%,#090a10eb)}
/* Solid extruded 3D cards, no rounded glows or circles. */
.metric{overflow:visible;isolation:isolate;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;box-shadow:5px 6px 0 #272631,10px 12px 0 #0b0b10}
.metric:before{display:none!important;content:none!important}
.metric:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border-top:1px solid #ffffff14}
.metric:hover{transform:perspective(850px) translate3d(-3px,-12px,22px) rotateX(3deg) rotateY(-2deg);box-shadow:7px 9px 0 #5b1b29,15px 18px 0 #140e13,22px 30px 33px #0009;border-color:#ff324b82}
.metric strong{font-variant-numeric:tabular-nums}
/* Layered red blurred aura behind icons while hovering feature cards. */
.features article{position:relative;isolation:isolate;overflow:hidden}
.features article:before{content:'';position:absolute;left:6px;top:1px;width:125px;height:125px;background:radial-gradient(circle,#ff153d72 0%,#ff153d31 29%,transparent 70%);opacity:0;filter:blur(13px);transform:scale(.6);transition:opacity .36s,transform .4s;z-index:-1;pointer-events:none}
.features article:hover:before{opacity:1;transform:scale(1.35)}
.features article .feature-icon{position:relative;z-index:1;transition:transform .35s,filter .35s}
.features article:hover .feature-icon{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 0 10px #ff163b9a)}
.avatar-head{image-rendering:pixelated;object-fit:cover}
.player-body{image-rendering:pixelated;object-fit:contain}
@media(max-width:700px){.hero-stage{min-height:calc(100svh + 95px)}.hero-stage .hero{padding:52px 16px}.metric{box-shadow:3px 4px 0 #272631,6px 8px 0 #0b0b10}.metric:hover{box-shadow:4px 6px 0 #5b1b29,8px 12px 0 #140e13,12px 18px 20px #0009}}
@media(prefers-reduced-motion:reduce){.hero-stage{min-height:auto}.hero-stage .hero{position:relative!important;width:100%!important;height:auto!important;min-height:560px!important;margin-left:0!important}.hero-stage .hero-content{transform:none}}

/* v6: spodní karty v témže fyzickém/3D stylu jako metriky */
.features article,.cta,.info-card{background:linear-gradient(140deg,#202028,#121217);border:1px solid #36313b;border-radius:13px;box-shadow:5px 6px 0 #272631,10px 12px 0 #0b0b10;position:relative;isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;}
.features article:hover,.info-card:hover,.cta:hover{transform:perspective(850px) translate3d(-3px,-9px,18px) rotateX(2deg);border-color:#ff324b82;box-shadow:7px 9px 0 #5b1b29,15px 18px 0 #140e13,22px 30px 33px #0009;}
.cta{background:radial-gradient(ellipse at 90% 30%,#8c123949,transparent 60%),linear-gradient(140deg,#202028,#121217);}
.features article:after,.cta:after,.info-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border-top:1px solid #ffffff14;}
@media(max-width:700px){.features article,.cta,.info-card{box-shadow:3px 4px 0 #272631,6px 8px 0 #0b0b10}.features article:hover,.cta:hover,.info-card:hover{transform:translateY(-3px);box-shadow:4px 6px 0 #5b1b29,8px 12px 0 #140e13}}