@import url("../2-albertinformatiqueaurelien/albertinformatiqueaurelien.css");
.game-page{--blue:#ff3f8e;--blue-dark:#d52670;--green:#7dffde}.game-page .nav-cta{border-color:rgba(255,63,142,.5);background:rgba(255,63,142,.12)}
.game-hero{position:relative;min-height:100vh;overflow:hidden;padding:calc(var(--header) + 90px) 0 100px;background:radial-gradient(circle at 76% 42%,rgba(123,64,255,.23),transparent 31%),radial-gradient(circle at 65% 65%,rgba(255,63,142,.12),transparent 25%),linear-gradient(135deg,#050b14 42%,#151027)}.pixel-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(125,255,222,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(125,255,222,.09) 1px,transparent 1px);background-size:48px 48px}.game-hero-grid{position:relative;display:grid;min-height:640px;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.game-hero h1 em{color:#ff5da1}
.game-visual{position:relative;padding:22px}.screen{position:relative;overflow:hidden;padding:10px;border:1px solid rgba(255,63,142,.42);border-radius:28px;background:#080b14;box-shadow:0 36px 85px rgba(0,0,0,.52),0 0 75px rgba(127,65,255,.2)}.screen img{width:100%;aspect-ratio:1/1.08;border-radius:19px;object-fit:cover}.screen:after{position:absolute;inset:10px;content:"";border-radius:19px;background:linear-gradient(180deg,transparent 50%,rgba(5,4,13,.7))}.screen-ui{position:absolute;right:30px;bottom:28px;left:30px;z-index:2;display:flex;justify-content:space-between}.screen-ui span{color:#b8afca;font-size:9px}.screen-ui b{color:var(--green);text-shadow:0 0 12px var(--green)}.controller{position:absolute;bottom:-5px;left:-25px;z-index:3;width:145px;height:82px;border:1px solid rgba(255,255,255,.17);border-radius:40%;background:#101426}.controller i{position:absolute;bottom:-15px;width:45px;height:45px;border-radius:50%;background:#101426}.controller i:first-child{left:8px}.controller i:nth-child(2){right:8px}.controller span{position:absolute;z-index:2;font-weight:800}.controller span:nth-of-type(1){top:24px;left:33px}.controller span:nth-of-type(2){top:25px;right:34px;color:#ff5da1}.game-tag{position:absolute;top:10%;right:-25px;z-index:3;padding:10px 15px;border:1px solid rgba(125,255,222,.35);border-radius:20px;color:var(--green);background:#0b1220;font-size:10px;font-weight:750}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-card{position:relative;overflow:hidden;min-height:520px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.platform-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .5s}.platform-card:hover img{transform:scale(1.04)}.platform-card:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 32%,rgba(5,8,16,.95) 83%)}.platform-card>div{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:30px}.platform-card span{color:var(--green);font-size:9px}.platform-card h3{margin:10px 0;font-size:25px}.platform-card p{color:#aeb9c8;font-size:13px}.platform-card a{color:#ff76af;font-size:12px;font-weight:750}
.game-expertise{background:radial-gradient(circle at 50% 15%,rgba(127,65,255,.12),transparent 32%),#060d19}.expertise-title{margin:0 auto 55px;text-align:center}.expertise-title .eyebrow{justify-content:center}.expertise-title h2{font-size:clamp(39px,5vw,62px);line-height:1.04}.game-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game-skills article{min-height:255px;padding:28px 24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(20,17,42,.9),var(--surface))}.game-skills b{color:#ff76af}.game-skills h3{margin:70px 0 9px}.game-skills p{color:var(--muted);font-size:13px}.game-page .button-primary{box-shadow:0 14px 32px rgba(255,63,142,.22)}
@media(max-width:950px){.game-hero-grid{gap:35px}.platform-card{min-height:450px}.game-skills{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.game-hero-grid{grid-template-columns:1fr}.game-visual{width:min(100%,510px);margin:auto}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:380px}.platform-card img{position:absolute}.game-tag{right:5px}}@media(max-width:520px){.game-skills{grid-template-columns:1fr}.controller{left:0;transform:scale(.85)}}