/* GÉNÉRATION 16-BIT — Maquette 1.0 | Couleurs et apparence dans ce fichier */
:root{--bg:#0c0c19;--bg2:#111024;--panel:#17162b;--panel2:#201b37;--border:rgba(190,176,235,.15);--text:#f7f3ff;--muted:#b1aec4;--purple:#b396fa;--pink:#f68eca;--cyan:#7be6de;--lime:#e5edac;--container:1190px;--radius:19px;--gradient:linear-gradient(115deg,#e5c7ff 0%,#aa83fa 45%,#f897ca 95%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}body::selection{background:var(--pink);color:#160e23}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}.container{width:min(var(--container),calc(100% - 70px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:white;color:#111;padding:12px;z-index:999}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.ticker{height:31px;display:grid;place-items:center;background:linear-gradient(90deg,#bd9bfa,#ec94c9);color:#1a102c;overflow:hidden}.ticker-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(1110px,100%);white-space:nowrap;font-size:10px;letter-spacing:2px;font-weight:900}.ticker-inner span:nth-child(even){opacity:.65;font-size:16px}.site-header{position:sticky;top:0;z-index:100;background:rgba(13,12,27,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:22px}.brand{flex:0 0 auto;display:flex;align-items:center}.brand img{width:166px;height:auto;display:block;filter:drop-shadow(0 3px 11px #a88df222)}.site-nav{display:flex;align-items:center;gap:25px}.site-nav a{color:#bdb7cc;font-weight:700;font-size:13px;transition:color .2s;white-space:nowrap}.site-nav a:hover,.site-nav a.active{color:var(--pink)}.site-nav a.active:after{content:"";height:4px;width:4px;display:block;border-radius:50%;background:var(--pink);margin:3px auto -7px}.header-subscribe{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 15px;border-radius:8px;background:#ec4e7d;color:#fff;font-size:12px;font-weight:900;transition:transform .2s,background .2s}.header-subscribe:hover{background:#fa6392;transform:translateY(-2px)}.header-subscribe span{margin-left:5px}.menu-toggle{display:none;background:transparent;border:0;color:var(--text);width:44px;height:44px}.menu-toggle span{display:block;width:25px;height:2px;background:currentColor;margin:5px auto;border-radius:4px}.hero{min-height:640px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 68% 35%,#39255370,transparent 42%),linear-gradient(125deg,#0d0b1e,#151024 55%,#111020);border-bottom:1px solid var(--border)}.hero-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#ab89ed18 1px,transparent 1px),linear-gradient(90deg,#ab89ed18 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.orb{position:absolute;filter:blur(75px);opacity:.22;border-radius:50%;pointer-events:none}.orb-1{width:420px;height:420px;background:#ce68d4;right:-100px;top:20px}.orb-2{width:310px;height:310px;background:#725de4;left:-200px;bottom:-170px}.hero-layout{position:relative;z-index:1;min-height:630px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px}.hero-copy{padding:52px 0 64px}.eyebrow,.overline{font-size:11px;font-weight:900;letter-spacing:2.7px;color:var(--cyan);margin:0 0 20px}.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.star{font-size:19px;color:var(--pink);font-style:normal}.eyebrow-dash{display:inline-block;width:16px;height:1px;background:var(--cyan);opacity:.65}.hero h1,.page-hero h1,h2,h3{font-family:Impact,"Arial Narrow","Segoe UI",sans-serif;font-weight:900;letter-spacing:.025em}.hero h1{font-size:clamp(58px,6.2vw,91px);line-height:.99;letter-spacing:.005em;margin:23px 0 28px}.gradient-text{background:var(--gradient);color:transparent;background-clip:text;-webkit-background-clip:text}.dot{color:var(--pink)}.hero-intro{max-width:560px;color:#bdb4cb;font-size:17px;line-height:1.8;margin:0 0 30px}.hero-intro b{color:#eee5ff;font-weight:650}.hero-buttons,.page-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 19px;border-radius:10px;font-size:13px;font-weight:900;letter-spacing:.015em;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s;min-height:48px}.btn:hover{transform:translateY(-3px)}.btn>span:last-child{margin-left:auto}.btn-primary{background:linear-gradient(105deg,#b58af5,#e59ad0);color:#1c112c;box-shadow:0 9px 28px #aa6dd32d}.btn-primary:hover{box-shadow:0 11px 32px #bb79e75c}.btn-outline{background:#ffffff08;border-color:#9c8ac452;color:var(--text)}.btn-outline:hover{background:#ffffff12;border-color:#ac95df}.btn-dark{background:#22172b;color:#fff}.btn-white{background:white;color:#25122e}.play-icon{font-size:10px}.hero-meta{display:flex;gap:19px;flex-wrap:wrap;margin-top:44px;font-size:10px;letter-spacing:1.4px;font-weight:850;color:#b6adcb}.hero-meta span{display:inline-flex;align-items:center;gap:8px}.hero-meta i{width:7px;height:7px;border-radius:50%;display:inline-block}.meta-pink{background:var(--pink)}.meta-cyan{background:var(--cyan)}.meta-purple{background:var(--purple)}.scroll-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;color:#827c9a;font-size:9px;font-weight:850;letter-spacing:2px;display:flex;align-items:center;gap:12px}.scroll-note span{font-size:18px;color:var(--pink)}
/* CSS illustration of a fictional gaming handheld, intentionally not a product photograph */
.hero-art{height:550px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.ring{position:absolute;border:1px solid #b596d133;border-radius:50%;transform:rotate(-15deg)}.ring-one{width:520px;height:370px}.ring-two{width:390px;height:270px}.hero-caption{position:absolute;color:#aaa1d3;font-size:10px;letter-spacing:2.4px;font-weight:900}.top-caption{top:28px;right:60px}.top-caption span{color:var(--pink)}.side-caption{bottom:83px;left:14px;transform:rotate(-90deg);transform-origin:left top}.device{position:relative;z-index:2;width:470px;height:226px;border:6px solid #68617b;border-bottom-color:#393246;background:linear-gradient(160deg,#363142,#181625 70%);border-radius:75px 75px 83px 83px;box-shadow:inset 0 8px 4px #ffffff15,inset 0 -10px 10px #0007,0 30px 55px #000a,0 0 85px #d66ccc27;transform:rotate(-9deg);transition:transform .5s}.hero-art:hover .device{transform:rotate(-5deg) translateY(-8px)}.device-top-edge{position:absolute;left:58px;right:58px;top:2px;height:7px;border-radius:50%;background:#a6a0bb3f}.device-screen{position:absolute;left:120px;right:120px;top:22px;bottom:23px;overflow:hidden;border-radius:12px;border:9px solid #08080e;background:linear-gradient(to bottom,#764a9f,#f397bd 54%,#403056 55%,#1b1c34);box-shadow:0 0 0 2px #777087,0 0 23px #db82e752}.sun{position:absolute;top:36px;left:50%;width:87px;height:87px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(to bottom,#fae8b3,#ee8fa6)}.sun:after{content:"";position:absolute;bottom:22px;width:100%;height:5px;background:#c574a5;box-shadow:0 10px 0 #c574a5,0 18px 0 #c574a5}.mount-back,.mount-front{position:absolute;bottom:29px;width:140%;height:74px;clip-path:polygon(0 100%,22% 26%,37% 70%,64% 0,100% 100%)}.mount-back{left:-30%;background:#64558d}.mount-front{left:8%;bottom:21px;background:#282847;transform:scaleX(-1)}.synth-grid{position:absolute;left:-25%;right:-25%;bottom:-33px;height:80px;background:linear-gradient(#bd98ea66 1px,transparent 1px),linear-gradient(90deg,#bd98ea88 1px,transparent 1px);background-size:29px 21px;transform:perspective(92px) rotateX(55deg);transform-origin:top}.screen-text{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-shadow:0 3px 12px #180d28}.screen-text small{font-size:9px;letter-spacing:2.5px;color:white}.screen-text strong{font:900 55px Impact,Arial,sans-serif;line-height:1;color:#fff5fc;letter-spacing:4px}.screen-text span{color:#b9ffe4;font-size:15px;line-height:1}.dpad{position:absolute;top:83px;left:42px;width:66px;height:66px;filter:drop-shadow(0 4px 4px #0006)}.dpad i,.dpad b{position:absolute;display:block;background:#181725;border:3px solid #5d566a;border-radius:6px}.dpad i{height:65px;width:24px;left:21px}.dpad b{width:65px;height:24px;top:21px}.buttons{position:absolute;right:35px;top:63px;width:88px;height:90px}.buttons i{position:absolute;width:27px;height:27px;border-radius:50%;border:2px solid #7f718f;box-shadow:inset -4px -4px 5px #0007,0 4px 6px #0006}.btn-x{top:0;left:32px;background:#78dfe0}.btn-y{top:29px;left:0;background:#d6b5ff}.btn-a{top:29px;left:64px;background:#f68fc8}.btn-b{top:59px;left:32px;background:#d3adf1}.device-controls{position:absolute;left:47%;bottom:14px;display:flex;gap:12px}.device-controls i{width:22px;height:8px;background:#0b0b18;border-radius:8px;transform:rotate(-20deg)}.speaker{position:absolute;bottom:40px;right:53px;font-size:13px;color:#0c0b17;letter-spacing:3px;transform:rotate(-30deg)}.float-badge{position:absolute;z-index:3;right:0;bottom:93px;padding:12px 16px;border:1px solid #cb91e45c;border-radius:12px;background:#291f3d;color:white;font-weight:850;font-size:11px;letter-spacing:1.3px;box-shadow:0 8px 18px #0006;transform:rotate(7deg)}.float-badge span{color:var(--pink);font-size:18px;margin-right:7px}
/* Universal sections */
.section{padding:105px 0}.section-dark{background:#101020;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:39px}.section h2,.story-text h2,.contact-panel h2{margin:0 0 13px;font-size:clamp(32px,3.7vw,51px);line-height:1.09}.section-lead{font-size:15px;color:var(--muted);max-width:600px;line-height:1.8;margin:0}.text-link{color:var(--pink);font-size:13px;font-weight:850;letter-spacing:.02em;white-space:nowrap}.text-link:hover{color:white}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.video-card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}.video-card:hover{transform:translateY(-5px);border-color:#bc90ee82}.video-cover{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 75% 30%,#9b5a9d88,transparent 42%),linear-gradient(125deg,#343151,#201a32);overflow:hidden}.video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,#0d0b2466)}.video-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-icon{z-index:2;width:55px;height:55px;display:grid;place-items:center;background:#e74d7c;border:4px solid #ffffff20;border-radius:50%;font-size:18px;box-shadow:0 4px 22px #0007;opacity:.96;transition:transform .2s}.video-card:hover .video-icon{transform:scale(1.1)}.video-cover .fake-title{z-index:1;position:absolute;bottom:14px;left:17px;color:white;font:900 24px Impact,Arial,sans-serif;letter-spacing:1px;max-width:70%;line-height:1.07;text-shadow:0 4px 16px #000c}.video-cover .fake-deco{position:absolute;right:10%;top:20%;font-size:80px;color:#caa6f9;transform:rotate(-19deg);opacity:.5}.video-cover.vibe-cyan{background:radial-gradient(circle at 75% 30%,#299b9888,transparent 42%),linear-gradient(135deg,#243f58,#141c34)}.video-cover.vibe-pink{background:radial-gradient(circle at 75% 25%,#f28eb477,transparent 42%),linear-gradient(135deg,#593253,#241a35)}.video-info{padding:21px}.video-type{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:850}.video-info h3{font-family:inherit;font-size:16px;letter-spacing:0;font-weight:760;line-height:1.45;margin:9px 0 14px;min-height:46px}.video-info p{font-size:12px;color:var(--muted);margin:0}.video-info p span{color:var(--pink);margin-left:6px}.feed-status{font-size:12px;color:#8d8aa7;margin-top:19px;min-height:20px}.feed-status:empty{display:none}.feed-status a{color:var(--pink)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.category-card{display:block;border:1px solid var(--border);background:#161527;border-radius:17px;overflow:hidden;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-6px);border-color:#ae8aff80}.cat-visual{height:180px;position:relative;display:grid;place-items:center;overflow:hidden}.cat-visual:after{content:"";position:absolute;top:-50%;right:-20%;width:220px;height:220px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 37px #ffffff09,0 0 0 75px #ffffff07}.cat-visual.violet{background:linear-gradient(130deg,#453061,#211f43)}.cat-visual.aqua{background:linear-gradient(130deg,#165963,#1b273c)}.cat-visual.pink{background:linear-gradient(130deg,#64335e,#301d43)}.cat-glyph{font-size:92px;color:#fff9;line-height:1;z-index:1;text-shadow:0 5px 28px #fff3;transform:rotate(-9deg)}.cat-visual small{position:absolute;left:19px;bottom:12px;color:#fff9;font-size:10px;letter-spacing:2px;font-weight:850;z-index:2}.cat-detail{padding:27px 24px 25px}.cat-type{font-size:10px;color:var(--cyan);font-weight:850;letter-spacing:1.8px}.cat-detail h3{font-size:24px;line-height:1.16;margin:16px 0}.cat-detail p{font-size:13px;color:var(--muted);min-height:43px}.cat-detail b{display:block;color:var(--pink);font-size:12px;margin-top:22px}.section-live{padding:65px 0}.live-panel{position:relative;overflow:hidden;background:linear-gradient(110deg,#dcb6f2,#ec95bb 69%,#e48cbb);color:#25132d;border-radius:23px;display:grid;grid-template-columns:1.2fr .8fr;min-height:367px}.live-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 5%,#fff6,transparent 34%),repeating-linear-gradient(45deg,transparent,transparent 59px,#fff1 60px,#fff1 61px)}.live-copy{padding:56px 58px;position:relative;z-index:2}.live-pill{display:inline-flex;gap:9px;align-items:center;background:#271630;color:#fff;padding:7px 12px;border-radius:20px;font-size:10px;font-weight:900;letter-spacing:1.4px}.live-pill i{height:7px;width:7px;border-radius:50%;background:#ff5c8f;box-shadow:0 0 0 3px #ff5c8f44}.live-copy h2{font-size:clamp(33px,3.9vw,54px);margin:20px 0;line-height:1.1}.live-copy h2 span{color:#fff}.live-copy>p{max-width:530px;color:#3f304c;font-size:14px;line-height:1.8}.live-copy .btn{margin-top:14px}.live-hint{font-size:12px;margin-top:17px;color:#45354f}.live-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:320px}.monitor{width:292px;height:213px;background:#201b33;border:10px solid #372e46;border-radius:17px;box-shadow:13px 16px 0 #39274738,0 19px 40px #3b21344a;transform:rotate(7deg);overflow:hidden}.monitor-top{height:30px;background:#372a51;display:flex;justify-content:space-between;padding:6px 10px;color:#ddc5fc;font-size:9px;font-weight:900;letter-spacing:1px}.monitor-center{height:calc(100% - 30px);background:radial-gradient(circle at 50% 30%,#603c90,transparent 72%),linear-gradient(#2b2047,#171329);display:flex;flex-direction:column;align-items:center;justify-content:center}.monitor-center>span{color:#ff8bb9;font-size:11px;font-weight:900}.monitor-center strong{font:900 58px Impact,Arial,sans-serif;line-height:.95;color:#f8e4ff;text-align:center;letter-spacing:4px;margin:7px}.monitor-center>div{color:#b28df2}.monitor-stand{position:absolute;width:110px;height:15px;border-radius:50%;background:#57406a;bottom:27px}.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.stack-links{display:grid;gap:9px;margin-top:35px}.stack-links a{display:flex;align-items:center;gap:19px;background:#18162b;padding:20px 19px;border-radius:11px;border:1px solid var(--border);transition:border-color .2s,transform .2s}.stack-links a:hover{border-color:var(--purple);transform:translateX(4px)}.stack-links a>span{color:var(--pink);font-size:20px;width:23px}.stack-links strong{font-size:14px;font-weight:750}.stack-links i{font-size:20px;font-style:normal;margin-left:auto;color:var(--pink)}.feature-art{min-height:405px;background:radial-gradient(ellipse at 70% 30%,#aa78ca3d,transparent 57%),#181429;border:1px solid var(--border);border-radius:25px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.feature-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d0a9ff0f 1px,transparent 1px),linear-gradient(90deg,#d0a9ff0f 1px,transparent 1px);background-size:35px 35px}.feature-tag{position:absolute;top:24px;left:26px;font-size:11px;letter-spacing:2px;color:#b9a1da;font-weight:900}.terminal{width:75%;background:#090c1b;border:2px solid #6c6389;border-radius:12px;box-shadow:15px 19px 0 #0005,0 0 90px #ae74e425;transform:rotate(-5deg);padding:0 20px 22px;position:relative;z-index:1}.terminal-bar{border-bottom:1px solid #59516a;display:flex;justify-content:space-between;padding:12px 0;margin-bottom:18px;color:#e78abf;font-size:11px;letter-spacing:4px}.terminal-bar em{color:#9492b3;font-style:normal;font-size:9px;letter-spacing:2px}.terminal p{font-family:Consolas,monospace;font-size:12px;color:#eee9ff}.terminal p b{color:var(--pink)}.terminal p span{float:right;color:var(--cyan);font-weight:900}.terminal-big{font:900 72px Impact,Arial,sans-serif;color:#e9c8fa;letter-spacing:5px;margin-top:10px}.terminal-big span{color:var(--pink)}.feature-sticker{position:absolute;bottom:29px;right:30px;font-weight:900;font-size:12px;letter-spacing:2px;color:var(--cyan);transform:rotate(8deg)}.end-cta{background:linear-gradient(110deg,#221432,#3b2146);border-top:1px solid #ac81e333;padding:44px 0}.end-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:26px}.end-cta h2{font-size:31px;margin:0}.end-cta h2 span{color:var(--pink)}.end-cta .overline{margin:0 0 7px}
/* Inner pages */
.page-hero{position:relative;overflow:hidden;padding:89px 0 93px;background:radial-gradient(circle at 85% 50%,#55336c80,transparent 30%),linear-gradient(110deg,#151025,#151329);border-bottom:1px solid var(--border)}.page-hero:after{content:"";position:absolute;right:10%;bottom:-80px;width:450px;height:450px;border:1px solid #d4aafc19;border-radius:50%;box-shadow:0 0 0 55px #d4aafc09,0 0 0 110px #d4aafc06;pointer-events:none}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.08;max-width:900px;margin:0 0 24px}.page-hero p:not(.overline){max-width:725px;font-size:16px;color:#b9b3cd;line-height:1.82;margin:0 0 25px}.page-spark{position:absolute;right:9%;top:8%;font-size:180px;font-weight:900;font-family:Impact,Arial,sans-serif;color:#aa8fe211;transform:rotate(-18deg);pointer-events:none}.mini-note{display:inline-flex;gap:10px;align-items:center;padding:11px 15px;border-radius:9px;border:1px solid var(--border);background:#ffffff08;color:#d1c5e5;font-size:12px}.mini-note span{color:var(--cyan)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:29px}.filter-button{color:#c1bad3;background:#1b1b31;border:1px solid #37304c;border-radius:50px;padding:10px 19px;font-size:12px;font-weight:800;transition:background .2s}.filter-button.active,.filter-button:hover{background:#baa0ea;color:#1e1531;border-color:#baa0ea}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{padding:25px;border:1px solid var(--border);border-radius:16px;background:var(--panel);display:flex;flex-direction:column;min-height:292px}.tool-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.tool-glyph{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#564180,#34234b);font:900 28px Impact,Arial,sans-serif;color:#f3d4ff}.tool-card:nth-child(3n+2) .tool-glyph{background:linear-gradient(135deg,#206a70,#1b414c);color:var(--cyan)}.tool-card:nth-child(3n) .tool-glyph{background:linear-gradient(135deg,#854d81,#543258);color:#ffb3db}.tool-tag{border:1px solid #675a7f;color:#cbb9eb;font-size:10px;padding:5px 9px;border-radius:20px;text-align:right}.tool-card h3{font-family:inherit;font-size:20px;letter-spacing:-.03em;margin:18px 0 4px}.tool-platform{font-size:12px;color:var(--pink);font-weight:800}.tool-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:14px 0 20px;flex:1}.tool-actions{display:flex;gap:9px;flex-wrap:wrap}.small-link{border:1px solid #6c5a84;border-radius:8px;padding:9px 10px;font-weight:850;font-size:11px}.small-link:first-child{background:#302641;border-color:#67517f}.small-link:hover{background:#5a417c}.small-link.alt{color:var(--cyan)}.info-strip{margin-top:34px;display:flex;align-items:flex-start;gap:17px;padding:23px;border-radius:13px;border:1px solid #4a3e62;background:#171629}.info-strip>span{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;background:#312642;border-radius:50%;font-weight:900;color:var(--pink)}.info-strip strong{font-size:14px}.info-strip p{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.7}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.product-art{height:190px;position:relative;background:radial-gradient(circle at 70% 20%,#b592ea66,transparent 47%),linear-gradient(125deg,#3c2b58,#1d1c34);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-art:after{content:"";position:absolute;border:1px solid #ffffff24;width:260px;height:260px;right:-65px;border-radius:50%;box-shadow:0 0 0 30px #ffffff0a,0 0 0 62px #ffffff09}.product-card:nth-child(3n+2) .product-art{background:radial-gradient(circle at 80% 20%,#5fbcc466,transparent 47%),linear-gradient(125deg,#244356,#17243a)}.product-card:nth-child(3n) .product-art{background:radial-gradient(circle at 70% 20%,#f38ac866,transparent 47%),linear-gradient(125deg,#5a2e58,#2f1a38)}.product-icon{font-size:85px;filter:drop-shadow(0 10px 12px #0008);position:relative;z-index:1;line-height:1}.product-stamp{position:absolute;top:12px;left:13px;font-size:9px;letter-spacing:1.5px;font-weight:900;border-radius:20px;background:#141227ad;border:1px solid #ffffff3b;padding:6px 10px;color:#fff;z-index:2}.product-details{padding:24px;flex:1;display:flex;flex-direction:column}.product-category{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:1.7px}.product-details h3{font-family:inherit;letter-spacing:-.02em;font-size:19px;margin:9px 0}.product-details p{color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 24px;flex:1}.product-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.placeholder-btn{background:#3a3048;border:1px dashed #786c90;color:#a79fbb;font-size:11px;letter-spacing:.05em;border-radius:7px;padding:9px 10px;cursor:default;font-weight:900}.shop-video{font-size:11px;color:var(--pink);font-weight:800}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.topic-card{min-height:280px;padding:34px;border:1px solid var(--border);background:#1a172c;border-radius:18px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;position:relative}.topic-card:hover{transform:translateY(-4px);border-color:#b59bf1}.topic-number{font-size:10px;font-weight:900;color:var(--cyan);letter-spacing:2px}.topic-symbol{position:absolute;right:28px;top:28px;color:#bc94ef;font-size:45px}.topic-card h3{font-size:28px;margin:50px 0 7px}.topic-card p{font-size:13px;color:var(--muted);margin:0 0 25px;max-width:390px}.topic-card b{color:var(--pink);font-size:12px;margin-top:auto}.narrow-center{text-align:center;max-width:800px}.narrow-center .section-lead{margin:17px auto 28px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.quick-grid>a{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:12px;padding:20px 16px;background:#1b182c;color:var(--purple)}.quick-grid strong{font-size:12px;color:white}.quick-grid span{margin-left:auto}.quick-grid>a:hover{border-color:var(--purple)}.contact-grid{display:grid;grid-template-columns:1.37fr .75fr;gap:25px;align-items:start}.contact-panel,.side-card{border-radius:17px;background:var(--panel);border:1px solid var(--border)}.contact-panel{padding:40px}.subtle{color:var(--muted);font-size:13px;line-height:1.8}.contact-panel form{margin-top:28px;display:flex;flex-direction:column;gap:19px}.contact-panel label{display:flex;flex-direction:column;gap:9px;color:#e6ddf0;font-weight:750;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-panel input,.contact-panel textarea,.contact-panel select{background:#0f1021;color:white;border:1px solid #4d4263;border-radius:9px;padding:14px 14px;width:100%;outline:none}.contact-panel input:focus,.contact-panel textarea:focus,.contact-panel select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #b396fa17}.contact-panel textarea{resize:vertical}.contact-panel .btn{align-self:start}.form-feedback{color:var(--cyan);font-size:12px;margin:0}.message-preview{border:1px solid #4e4467;border-radius:9px;padding:20px;background:#121023}.message-preview>strong{font-size:11px;letter-spacing:1px;color:var(--pink)}.message-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px Consolas,monospace;line-height:1.6;color:#e2daeb}.message-preview button{min-height:40px}.contact-side{display:grid;gap:19px}.side-card{padding:32px}.highlight-side{background:linear-gradient(140deg,#654275,#352542)}.tiny-label{font-size:10px;letter-spacing:2px;color:#dcc3f4;font-weight:900}.side-symbol{display:block;margin-top:30px;font-size:46px;color:#ee95c2}.side-card h3{font-size:25px;line-height:1.18;margin:15px 0}.side-card p{font-size:13px;color:#c6b9d5;line-height:1.75}.side-card .text-link{display:inline-block;margin-top:8px}.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:86px}.story-art{height:465px;background:radial-gradient(circle,#63467670,transparent 59%),#1b162a;border-radius:20px;border:1px solid #463654;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.story-ring{position:absolute;width:300px;height:300px;border:4px solid #cf9be444;border-radius:50%;box-shadow:0 0 0 24px #cfa1f31a,0 0 0 53px #cfa1f312,0 0 0 85px #cfa1f309}.story-art strong{position:relative;font:900 132px Impact,Arial,sans-serif;color:#e5c0ff;line-height:1;text-shadow:8px 9px 0 #4f315b}.story-art strong span{font-size:50px;color:var(--pink)}.story-art p{font:900 13px Consolas,monospace;letter-spacing:4px;text-align:center;position:relative;color:var(--cyan)}.story-text p:not(.overline){color:#bbb3ce;font-size:15px;line-height:1.95}.story-text .text-link{display:inline-block;margin-top:15px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.values-grid>div{padding:28px;border-radius:13px;border:1px solid var(--border);background:#1b192e}.values-grid span{font:900 48px Impact,sans-serif;color:var(--purple)}.values-grid h3{font-size:24px;margin:11px 0}.values-grid p{font-size:13px;line-height:1.75;color:var(--muted)}.legal{max-width:870px}.legal h2{font:900 25px Inter,Arial,sans-serif;letter-spacing:-.02em;margin:45px 0 12px}.legal p{font-size:14px;line-height:1.9;color:#c5bdcf}.legal .info-strip{margin-top:0}
/* footer */
.site-footer{background:#0a0a15;border-top:1px solid var(--border)}.footer-top{padding:66px 0 60px;display:grid;grid-template-columns:1.4fr .7fr .8fr 1.12fr;gap:45px}.footer-identity img{width:185px;height:auto}.footer-identity p{font-size:12px;line-height:1.9;color:#a7a0bc}.footer-column,.footer-social{display:flex;flex-direction:column;gap:12px}.footer-column strong,.footer-social strong{font-size:11px;color:#e3daf0;letter-spacing:1.6px;margin-bottom:13px}.footer-column a{font-size:12px;color:#a7a0bc}.footer-column a:hover{color:var(--pink)}.footer-yt{display:block;padding:14px 12px;background:#ce527d;border-radius:10px;font-weight:850;font-size:12px}.footer-yt:hover{background:#e65d92}.footer-social p{font-size:12px;color:#8e89a7;line-height:1.7}.footer-bottom{border-top:1px solid var(--border);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#807b93;font-size:10px;font-weight:800;letter-spacing:1px}.footer-bottom a:hover{color:white}.tiny-square{display:inline-block;width:5px;height:5px;background:var(--pink);margin:0 5px;vertical-align:middle}
@media(max-width:1220px){.site-nav{gap:14px}.site-nav a{font-size:12px}.header-subscribe{padding:10px}.brand img{width:145px}.hero h1{font-size:72px}.hero-art{transform:scale(.89)}.footer-top{gap:25px}}
@media(max-width:970px){.container{width:min(var(--container),calc(100% - 48px))}.menu-toggle{display:block;margin-left:auto}.header-subscribe{display:none}.nav-wrap{min-height:70px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#141126;padding:22px 25px;box-shadow:0 18px 32px #0008;border-bottom:1px solid #55436b;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:11px 6px;font-size:14px;border-bottom:1px solid #ffffff0d}.site-nav a.active:after{display:none}.hero-layout{grid-template-columns:1fr 1fr;gap:0}.hero-copy{padding:65px 0}.hero h1{font-size:65px}.hero-intro{font-size:15px}.hero-art{transform:scale(.76);transform-origin:center}.hero-meta{gap:10px}.hero-meta span{font-size:9px}.category-grid{gap:13px}.cat-detail{padding:24px 17px}.cat-detail h3{font-size:22px}.split-feature{gap:30px}.footer-top{grid-template-columns:1.2fr 1fr 1fr}.footer-social{grid-column:1/-1}.footer-yt{max-width:300px}.quick-grid{grid-template-columns:repeat(2,1fr)}.tools-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.story-layout{gap:35px}}
@media(max-width:700px){.container{width:calc(100% - 34px)}.ticker-inner{gap:17px;justify-content:center}.ticker-inner span{font-size:9px}.ticker-inner span:nth-child(n+7){display:none}.brand img{width:135px}.hero{min-height:0}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding:61px 0 8px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero h1{font-size:clamp(52px,11vw,77px);margin:19px 0}.hero-intro{font-size:15px;line-height:1.8}.hero-buttons{gap:9px}.btn{font-size:12px;padding:11px 13px}.hero-meta{margin-top:29px}.hero-art{height:333px;transform:scale(.66);transform-origin:top center;margin:22px -24px -100px}.scroll-note{display:none}.section{padding:69px 0}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:27px}.section h2,.contact-panel h2{font-size:36px}.section-lead{font-size:14px}.video-grid,.category-grid,.tools-grid,.shop-grid,.topic-grid,.values-grid{grid-template-columns:1fr}.video-cover{aspect-ratio:16/8.3}.video-info h3{min-height:0}.cat-visual{height:145px}.category-grid{gap:20px}.cat-detail h3{font-size:25px}.cat-detail p{min-height:0}.live-panel{display:block}.live-copy{padding:36px 26px}.live-copy h2{font-size:37px}.live-art{min-height:238px}.monitor{transform:scale(.83) rotate(5deg)}.monitor-stand{bottom:4px}.split-feature{grid-template-columns:1fr;gap:35px}.feature-art{min-height:320px}.terminal{width:82%}.terminal-big{font-size:53px}.end-cta-inner{flex-direction:column;align-items:start}.end-cta h2{font-size:27px}.page-hero{padding:60px 0 64px}.page-hero h1{font-size:clamp(47px,10vw,68px)}.page-hero p:not(.overline){font-size:14px}.page-spark{font-size:105px;right:0}.footer-top{grid-template-columns:1fr 1fr;gap:33px}.footer-identity{grid-column:1/-1}.footer-social{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.7}.story-layout{grid-template-columns:1fr}.story-art{height:300px}.story-art strong{font-size:98px}.story-art strong span{font-size:37px}.story-ring{width:190px;height:190px}.contact-grid{grid-template-columns:1fr}.contact-panel{padding:25px}.form-grid{grid-template-columns:1fr}.topic-card{min-height:270px}.topic-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ====================================================================
   IDENTITÉ VISUELLE — VERSION 1.1 (LOGO OFFICIEL + BANNIÈRE)
   Toutes les images sont locales, testables en double-cliquant index.html.
   ==================================================================== */
:root{--pink:#f78ccf;--cyan:#57e4f3;--purple:#b78cf7}
.site-header{background:rgba(13,10,29,.93);box-shadow:0 8px 30px rgba(0,0,0,.13)}
.nav-wrap{min-height:90px;gap:20px}
.brand{display:flex;align-items:center;gap:10px;min-width:196px}
.brand img{width:64px;height:64px;object-fit:contain;flex:0 0 64px;filter:drop-shadow(0 0 12px rgba(255,64,215,.23))}
.brand-type,.footer-brand span{display:flex;flex-direction:column;justify-content:center;line-height:1.08;white-space:nowrap}
.brand-type strong,.footer-brand strong{font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;letter-spacing:.035em;font-size:19px;font-style:normal;color:#f6f1ff}
.brand-type em,.footer-brand em{font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;font-style:normal;font-size:22px;letter-spacing:.07em;color:#ffb42f;text-shadow:1px 2px 0 #8b1659}
.site-nav{gap:21px}
.site-nav a{font-size:12px}
.header-subscribe{background:linear-gradient(110deg,#fe5faf,#d04df3);box-shadow:0 5px 18px #dc41ba24}
.header-subscribe:hover{background:linear-gradient(110deg,#fd7ac1,#df71ff)}
.footer-brand{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%}
.footer-identity .footer-brand img{width:91px;height:91px;object-fit:contain;filter:drop-shadow(0 0 14px #e53ceb30)}
.footer-brand strong{font-size:22px}.footer-brand em{font-size:28px}
/* Bannière d'accueil pleine largeur sans texte ajouté sur le portrait */
.brand-showcase{position:relative;isolation:isolate;background:radial-gradient(ellipse at 20% 10%,#492a7752,transparent 52%),radial-gradient(ellipse at 90% 60%,#092c7452,transparent 53%),#0e0d1d;border-bottom:1px solid #b99cfa30;padding:26px 0 0;overflow:hidden}
.showcase-aura{position:absolute;inset:-10% -20%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 70% 32%,#bc37b92e,transparent 37%),radial-gradient(circle at 15% 65%,#276be927,transparent 37%);filter:blur(34px)}
.showcase-container{position:relative}
.showcase-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 4px 16px;color:#c8afd9;font-weight:900;font-size:10px;letter-spacing:1.9px}
.showcase-topline>span:first-child{display:flex;gap:10px;align-items:center}
.showcase-topline-end{color:#958cae}
.online-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#73ffe2;box-shadow:0 0 0 4px #69efce13,0 0 14px #38efc5a8}
.showcase-photo{position:relative;margin:0;aspect-ratio:2.05;overflow:hidden;border-radius:22px;background:#241538;border:1px solid #ff95e94a;box-shadow:0 25px 75px #0008,0 0 0 6px #ffffff05,0 0 70px #b13ac52a}
.showcase-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.showcase-photo:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgba(8,8,21,.20),transparent 19%);pointer-events:none}
.showcase-frame{position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff35;border-radius:inherit}
.showcase-info{display:flex;justify-content:space-between;align-items:center;gap:42px;padding:41px 2px 30px}
.showcase-statement{max-width:755px}.showcase-statement .overline{margin-bottom:10px}
.showcase-statement h1{font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;font-weight:900;letter-spacing:.025em;line-height:1.05;font-size:clamp(40px,4.1vw,65px);margin:0 0 13px}
.showcase-statement p:not(.overline){max-width:740px;color:#bdb4d3;font-size:15px;line-height:1.8;margin:0}
.showcase-statement p strong{color:#f5efff}
.showcase-cta{display:flex;flex-direction:column;gap:12px;flex:0 0 240px}
.showcase-cta .btn{width:100%;justify-content:center}
.showcase-cta .btn>span:last-child{margin-left:0}
.showcase-topics{display:flex;gap:29px;align-items:center;flex-wrap:wrap;padding:21px 0 23px;border-top:1px solid #ffffff1b;color:#aeb0c7;font-size:10px;font-weight:900;letter-spacing:1.5px}
.showcase-topics span{display:flex;align-items:center;gap:9px}
.showcase-topics i{display:inline-block;width:7px;height:7px;border-radius:50%}
.meta-orange{background:#ffbb23}
/* Un rappel de la marque en filigrane sur les autres pages */
.page-hero{isolation:isolate;overflow:hidden}
.page-hero:before{content:"";position:absolute;z-index:-1;right:5%;top:50%;width:250px;aspect-ratio:1;transform:translateY(-50%) rotate(-10deg);background:url('../img/logo-generation16bit-grand.webp') center/contain no-repeat;opacity:.12;filter:drop-shadow(0 0 35px #b85ae4);pointer-events:none}
.story-photo{position:relative;isolation:isolate;background:#1b1129}
.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:13% center}
.story-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0c0b24a8,transparent 37%)}
.story-photo-label{position:absolute;bottom:25px;left:24px;z-index:1;background:#160f2ac7;backdrop-filter:blur(6px);padding:11px 16px;border:1px solid #f192d153;border-radius:30px;color:white;display:flex;align-items:center;gap:11px;font-size:10px;font-weight:900;letter-spacing:1.65px}
@media(max-width:1260px){.brand{min-width:172px;gap:7px}.brand img{width:54px;height:54px;flex-basis:54px}.brand-type strong{font-size:17px}.brand-type em{font-size:19px}.site-nav{gap:13px}.site-nav a{font-size:11px}.nav-wrap{gap:12px}}
@media(max-width:970px){.nav-wrap{min-height:76px}.brand{gap:10px}.brand img{width:58px;height:58px;flex-basis:58px}.brand-type strong{font-size:18px}.brand-type em{font-size:21px}.site-nav{gap:0}.site-nav a{font-size:14px}.showcase-info{align-items:flex-start;gap:25px}.showcase-cta{flex-basis:215px}.showcase-statement h1{font-size:clamp(35px,4.2vw,52px)}.showcase-statement p:not(.overline){font-size:14px}}
@media(max-width:700px){.brand-showcase{padding-top:19px}.showcase-topline{font-size:9px;letter-spacing:1px}.showcase-topline-end{display:none}.showcase-photo{aspect-ratio:1672/941;border-radius:14px}.showcase-photo img{object-position:center center}.showcase-info{display:block;padding:29px 1px 24px}.showcase-statement h1{font-size:clamp(39px,9.5vw,55px);margin-bottom:16px}.showcase-statement p:not(.overline){font-size:14px;line-height:1.75}.showcase-cta{flex-direction:row;flex-wrap:wrap;margin-top:23px}.showcase-cta .btn{width:auto;flex:1 1 190px}.showcase-topics{gap:14px 20px;padding:18px 0;font-size:9px}.story-photo img{object-position:12% center}.page-hero:before{width:165px;right:-70px;opacity:.09}.footer-brand strong{font-size:20px}.footer-brand em{font-size:25px}}
@media(max-width:430px){.brand img{width:51px;height:51px;flex-basis:51px}.brand-type strong{font-size:15px}.brand-type em{font-size:19px}.showcase-statement h1{font-size:39px}.showcase-photo{border-radius:10px}.showcase-topics{letter-spacing:.7px}.story-photo-label{font-size:9px}}

/* === V1.2 — Bannière plus compacte et contenu remonté === */
/* Sur ordinateur : hauteur maximale de 400 px, recadrage centré sur le visage
   et le lettrage ; sur mobile, conservation de l'image complète. */
@media (min-width: 701px) {
  .showcase-photo {
    height: clamp(300px, 33.6vw, 400px);
    aspect-ratio: auto;
  }
  .showcase-photo img {
    object-fit: cover;
    object-position: center 52%;
  }
  .showcase-info {
    padding-top: 28px;
    padding-bottom: 23px;
  }
  .showcase-topics {
    padding-top: 17px;
    padding-bottom: 18px;
  }
}
@media (max-width: 700px) {
  .showcase-photo {
    height: auto;
    aspect-ratio: 1672 / 941;
  }
  .showcase-photo img {
    object-position: center center;
  }
  .showcase-info {
    padding-top: 23px;
  }
}

/* === V1.3 — curseur Triforce discret (souris / trackpad uniquement) === */
@media (pointer:fine) {
  body, body *, body *::before, body *::after {cursor:url('../img/curseur-wii.png') 12 4, auto}
  a, button, [role="button"], .ghost-hotspot, .arcade-pad button,
  a *, button * {cursor:url('../img/curseur-wii-lien.png') 12 4, pointer}
  input, textarea, [contenteditable="true"] {cursor:text}
  input *, textarea * {cursor:text}
}

/* V1.9 — Cinq raccourcis de recherche sur la chaîne YouTube */
.quick-grid--subjects{grid-template-columns:repeat(5,minmax(0,1fr))}
.quick-grid--subjects>a{min-width:0;gap:9px;padding:20px 12px}
.quick-grid--subjects>a strong{min-width:0}
@media(max-width:1100px){.quick-grid--subjects{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.quick-grid--subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.quick-grid--subjects{grid-template-columns:1fr}.quick-grid--subjects>a{padding:17px 18px}}

/* === G16-BIT 1.12 : catalogue Android par console === */
#emulators-grid.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.system-card{min-width:0;background:linear-gradient(143deg,#201a33,#181529 80%);border:1px solid #44385f;border-radius:18px;padding:25px;display:flex;flex-direction:column;gap:0;transition:transform .2s ease,border-color .2s ease}
.system-card:hover{transform:translateY(-2px);border-color:#ad80e0}
.system-head{display:flex;align-items:center;gap:16px}
.system-mark{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;font:900 19px Impact,'Arial Narrow',sans-serif;letter-spacing:.03em;border-radius:14px;background:linear-gradient(140deg,#5f398d,#382154);border:1px solid #9c70c6;color:#f6ceff}
.system-card:nth-child(3n + 2) .system-mark{background:linear-gradient(140deg,#276b77,#153c52);border-color:#4abacc;color:#87f0ff}
.system-card:nth-child(3n) .system-mark{background:linear-gradient(140deg,#803457,#572c64);border-color:#ad67a2;color:#ffc7eb}
.system-title{min-width:0}.system-eyebrow{font-size:10px;letter-spacing:1.5px;color:#70e5f7;font-weight:850}
.system-title h3{font-size:clamp(22px,2.4vw,29px);line-height:1.15;margin:6px 0 0;letter-spacing:0}
.system-description{color:#bcb1ce;font-size:13px;line-height:1.7;min-height:40px;margin:18px 0 17px}
.system-apps{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.system-app{background:#0f1022b8;border:1px solid #342e4d;border-radius:11px;padding:15px;display:flex;flex-direction:column;gap:12px}
.system-app-copy strong{font-size:15px;line-height:1.35;color:#fff}
.system-app-copy p{font-size:12px;line-height:1.65;margin:5px 0 0;color:#b6acc7}
.system-app-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.system-app-actions .small-link{font-size:11px;padding:9px 12px;border:1px solid #8d69a7;background:#39284f;color:#f8e7ff}
.system-app-actions .small-link:hover{background:#704b92}
.system-video-link{font-size:11px;color:#64dcee;font-weight:850}
.system-video-link:hover{text-decoration:underline}
@media(max-width:820px){#emulators-grid.tools-grid{grid-template-columns:1fr}}
@media(max-width:500px){.system-card{padding:19px}.system-head{gap:12px}.system-mark{flex-basis:50px;width:50px;height:50px;font-size:16px}.system-title h3{font-size:24px}.system-app{padding:13px}}

/* === v1.20 : photos de la chaîne pour les 3 rubriques de l’accueil ===
   Les images sont des captures originales : aucune modification d’objet / console.
   Une simple harmonisation d’exposition et de contraste a été appliquée aux WebP.
   Le voile est uniquement CSS, pour la lisibilité des légendes. */
.cat-visual.cat-photo{
  height:auto;
  aspect-ratio:16/9;
  display:block;
  isolation:isolate;
  background:#271b3d;
}
.cat-visual.cat-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.cat-visual.cat-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to top,rgba(15,9,28,.81) 0%,rgba(19,11,32,.24) 22%,transparent 58%),linear-gradient(105deg,rgba(110,47,140,.10),transparent 66%);
}
.cat-visual.cat-photo::after{display:none}
.cat-visual.cat-photo small{
  color:#fff;
  bottom:14px;
  left:18px;
  font-size:10px;
  text-shadow:0 2px 12px rgba(0,0,0,.9);
}
@media(max-width:700px){
  .cat-visual.cat-photo{height:auto;aspect-ratio:16/9}
  .cat-visual.cat-photo small{font-size:9px}
}


/* === v1.21 : vraie photo de démontage, sans retouche des objets ===
   Photo originale : simple compression WebP ; habillage mauve en CSS uniquement. */
.feature-art.feature-art--real-photo{
  min-height:405px;
  background:#191429;
  isolation:isolate;
  border:1px solid #54406e;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.feature-art--real-photo .feature-real-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 51%;
  z-index:0;
}
/* Les deux voiles sont non destructifs : les pixels de la photo restent intacts. */
.feature-art.feature-art--real-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(14,9,29,.66) 0%,rgba(14,9,29,.07) 22%,transparent 53%,rgba(15,8,30,.2) 73%,rgba(17,9,32,.79) 100%),linear-gradient(105deg,rgba(55,20,82,.13),transparent 65%);
}
.feature-art.feature-art--real-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 42px rgba(34,13,59,.15);
}
.feature-art--real-photo .feature-tag{
  z-index:2;
  top:23px;
  left:24px;
  color:#f5dcff;
  text-shadow:0 2px 12px #090414,0 0 12px #190729;
}
.feature-art--real-photo .feature-sticker{
  z-index:2;
  right:25px;
  bottom:24px;
  color:#79ecff;
  text-shadow:0 2px 12px #080317,0 0 12px #160a2c;
}
@media(max-width:700px){
  .feature-art.feature-art--real-photo{min-height:285px}
  .feature-art--real-photo .feature-tag{top:19px;left:20px;font-size:10px}
  .feature-art--real-photo .feature-sticker{bottom:20px;right:20px;font-size:10px}
}


/* GÉNÉRATION 16-BIT 1.22 : visuel personnel de la rubrique Lives.
   Composition approuvée par le créateur; texte et lien restent du HTML accessible. */
.live-panel{grid-template-columns:1.08fr .92fr}
.live-copy h2{font-size:clamp(33px,3.35vw,49px)}
.live-art--portrait{display:block;position:relative;overflow:hidden;min-height:408px;isolation:isolate}
.live-art--portrait .live-portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:82% 48%;display:block}
.live-art--portrait:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#e99dc3 0%,rgba(233,157,195,.82) 7%,rgba(232,152,193,.24) 23%,transparent 37%),linear-gradient(0deg,rgba(38,16,48,.18),transparent 24%)}
@media(max-width:970px) and (min-width:701px){
 .live-panel{grid-template-columns:1.09fr .91fr}
 .live-copy{padding:39px 32px}
 .live-copy h2{font-size:clamp(33px,4vw,45px)}
 .live-art--portrait{min-height:420px}
}
@media(max-width:700px){
 .live-panel{display:block}
 .live-art--portrait{height:310px;min-height:310px}
 .live-art--portrait .live-portrait-photo{object-position:70% 34%}
 .live-art--portrait:after{background:linear-gradient(180deg,#e99dca 0%,rgba(233,157,202,.36) 12%,transparent 33%)}
}
@media(max-width:400px){.live-art--portrait{height:275px;min-height:275px}}


/* v1.24 — badges ronds pour les cinq catégories YouTube */
.quick-grid--subjects>a{min-height:100px;display:flex;gap:12px;align-items:center;padding:15px 13px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.quick-grid--subjects>a:hover{transform:translateY(-3px);background:#242037;border-color:#a578d9}
.quick-grid--subjects .subject-badge{width:58px;height:58px;flex:0 0 58px;display:block;object-fit:contain;border-radius:50%;filter:drop-shadow(0 1px 9px #bd65f02b)}
.quick-grid--subjects>a strong{font-size:12.5px;line-height:1.3;overflow-wrap:normal;color:#faf7ff}
.quick-grid--subjects>a .subject-arrow{margin-left:auto;color:#dd85f1;font-size:18px;flex:0 0 auto}
@media(max-width:1100px){.quick-grid--subjects>a{padding:16px 18px}}
@media(max-width:600px){.quick-grid--subjects .subject-badge{width:52px;height:52px;flex-basis:52px}.quick-grid--subjects>a strong{font-size:13px}.quick-grid--subjects>a{min-height:87px;padding:13px 12px}}

/* === G16-BIT v1.26 : jeux PC sur Android, distincts des émulateurs de consoles === */
.pc-games-section{padding-top:60px;border-top:1px solid #40314b;background:radial-gradient(ellipse at 50% 10%,#4c2f5e23,transparent 65%)}
.pc-section-intro{max-width:850px;color:#bdb4cf;font-size:14px;line-height:1.85;margin:15px 0 0}
.pc-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.pc-game-card .system-head{margin-bottom:0}
.pc-game-card .system-description{flex:1;margin-top:20px;min-height:0}
.pc-game-card .system-app-actions{margin-top:auto;min-height:38px}
.pc-game-card .system-mark{border-radius:50%;background:linear-gradient(145deg,#403a86,#742d83);border-color:#bf82ec;color:#ffe0fa}
.pc-game-card:nth-child(2) .system-mark{background:linear-gradient(145deg,#164c60,#173c54);border-color:#53b3d8;color:#a2f2ff}
.pc-game-card:nth-child(3) .system-mark{background:linear-gradient(145deg,#713257,#4c2a6c);border-color:#d07aac;color:#ffe3f3}
.pc-games-note{font-size:12px;line-height:1.7;color:#b0a2c2;margin-top:22px}
@media(max-width:1000px){.pc-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pc-games-grid{grid-template-columns:1fr}.pc-games-section{padding-top:45px}}


/* === v1.28 : logos de consoles fournis par le créateur — aucune reconstruction IA === */
.system-card .system-mark--logo,.pc-game-card .system-mark--logo{
  width:78px;height:78px;flex:0 0 78px;border:none;border-radius:50%;padding:0;
  background:none!important;box-shadow:0 4px 16px #0005;
}
.system-logo{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 11px #ad77d02f)}
.system-mark--logo .system-logo{pointer-events:none}
@media(max-width:500px){.system-card .system-mark--logo,.pc-game-card .system-mark--logo{width:67px;height:67px;flex-basis:67px}.system-head{gap:13px}}

/* v1.28 : catégorie Tutoriels — deux Android, Linux + console verticale, Deck + Windows */
.topic-card .topic-visual{position:absolute;top:18px;right:20px;width:150px;height:102px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
.topic-visual img{max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 12px #ae7ee33b)}
.topic-card h3{padding-right:8px;margin-top:73px}
@media(max-width:700px){.topic-card .topic-visual{width:128px;height:85px;top:17px;right:13px}.topic-card h3{margin-top:65px}}

/* v1.28 : identité YouTube et partenariat, intégration légère au design de la page Contact */
.side-illustration{display:block;width:100%;height:auto;aspect-ratio:560 / 250;object-fit:cover;border:1px solid #865792;border-radius:15px;margin-top:21px;box-shadow:0 12px 26px #0b081d50}
.side-illustration--youtube{border-color:#e18dc165}
.side-illustration--partner{border-color:#8d65be78}
.side-card .side-illustration+h3{margin-top:22px}

/* v1.29 : photo À propos authentique, cadrage central sans déformer les appareils */
.story-photo img[src*="a-propos-arcade-guile"]{object-position:center center}
@media(max-width:700px){.story-photo img[src*="a-propos-arcade-guile"]{object-position:center center}}

/* v1.30 - retour de formulaire visible, lisible et accessible */
.form-feedback{box-sizing:border-box;max-width:100%;padding:15px 18px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:700;line-height:1.65;margin:3px 0 0;background:#151326;color:#ebdefc;overflow-wrap:anywhere}
.form-feedback:empty{display:none}
.form-feedback.is-pending{border-color:#9b8aae77;background:#262038;color:#e9d4ff}
.form-feedback.is-success{border-color:#55c6d0a6;background:#10323b;color:#bef9ff}
.form-feedback.is-error{border-color:#ec83a8aa;background:#45243a;color:#ffe4ed}
.form-feedback:focus{outline:2px solid #91dceb;outline-offset:4px}
#send-contact[aria-busy="true"]{opacity:.72;cursor:wait}
.contact-result-shell{min-height:74vh;display:grid;place-items:center;padding:40px 24px}
.contact-result-card{max-width:650px;width:100%;padding:42px 34px;background:#171528;border:1px solid #504163;border-radius:20px;text-align:center}
.contact-result-card h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(32px,6vw,50px);line-height:1.15}
.contact-result-card p{font-size:16px;line-height:1.7;color:#ece2f7}
.contact-result-card a{color:#f3a5d3;text-decoration:underline;text-underline-offset:4px}