:root{--navy:#040c21;--deep:#071532;--panel:#091d41;--cyan:#33eaff;--aqua:#00afff;--purple:#9737ff;--pink:#ed38e7;--orange:#ff771f;--white:#f4f7ff;--muted:#b8ccee;--edge:rgba(52,166,255,.42);--font:'Exo 2',system-ui,Arial,sans-serif;--display:'Exo 2',Impact,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:var(--font);overflow-x:hidden;background:radial-gradient(ellipse at 80% 4%,#13225d 0%,transparent 27%),radial-gradient(ellipse at 8% 62%,#10165c 0%,transparent 32%),#06122d;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #65fbfd;outline-offset:3px}.icon-library{position:absolute;display:block;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block;flex:none}.fill-icon{fill:currentColor;stroke-width:1}.shell{max-width:1360px;width:calc(100% - 74px);margin:0 auto}.skip{position:absolute;top:-100px;left:12px;z-index:900;background:white;color:#091126;padding:10px 18px}.skip:focus{top:10px}.ambient-noise{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.18;background-image:radial-gradient(#8fc5ff 0.5px,transparent .6px);background-size:57px 63px;mask-image:linear-gradient(transparent,#000 50%,transparent)}
.header{height:clamp(55px,5.2vw,78px);background:linear-gradient(90deg,#07132e 0%,#030c24 62%,#101843 100%);border-bottom:1px solid #2c7cce87;position:relative;z-index:200}.header-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:7px;font-size:clamp(25px,2.7vw,39px);font-family:var(--display);font-style:italic;font-weight:900;letter-spacing:-.065em;line-height:1;white-space:nowrap;text-shadow:0 3px 12px #0c1644}.brand img{width:clamp(38px,4.2vw,60px);height:clamp(38px,4.2vw,60px);filter:drop-shadow(0 1px 9px #ff753044)}.desktop-menu{display:flex;align-items:center;gap:clamp(14px,3.6vw,53px);margin-left:auto}.desktop-menu a{font-size:clamp(12px,1.18vw,16px);font-weight:700;transition:color .2s}.desktop-menu a:hover{color:#56edff}.header-tools{display:flex;align-items:center;gap:clamp(13px,2.8vw,33px)}.join-btn{background:linear-gradient(105deg,#ff961e,#fa403e 43%,#ac31ff 100%);font-size:clamp(11px,1.12vw,15px);font-weight:800;border-radius:13px;padding:11px clamp(13px,1.5vw,24px);box-shadow:0 0 15px #b947fa49,inset 0 1px 0 #ffc5879e;white-space:nowrap}.join-btn:hover{filter:brightness(1.16)}.icon-btn{height:39px;width:39px;background:transparent;border:0;display:grid;place-items:center;color:#fff}.icon-btn .icon{width:27px;height:27px}.menu-drawer{position:absolute;right:2.4%;top:calc(100% + 8px);width:min(350px,94vw);max-height:calc(100dvh - 100px);padding:25px;display:grid;gap:0;overflow:auto;background:linear-gradient(145deg,#081c45f8,#060a27fc);border:1px solid #41bfff99;border-radius:16px;box-shadow:0 22px 90px #010720bb,0 0 45px #193dfb44;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s}.menu-drawer.open{opacity:1;visibility:visible;transform:translateY(0)}.drawer-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--cyan);padding-bottom:12px}.menu-drawer a{border-top:1px solid #2362a15c;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:11px 4px}.menu-drawer a:hover{color:var(--cyan)}
.hero{height:clamp(370px,35.5vw,510px);position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 45% 8%,#14539b 0%,transparent 35%),linear-gradient(90deg,#071945,#050e35 60%,#102265);border-bottom:1px solid #6e79fbab}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(20deg,#0a194b44,transparent 75%),radial-gradient(circle at 75% 60%,#e938ee38,transparent 38%)}.hero-sky{position:absolute;left:0;top:0;width:53%;height:44%;background:url('../img/hero-sky.webp') top left / cover no-repeat;mask-image:linear-gradient(to bottom,#000 65%,transparent),linear-gradient(to right,#000 48%,transparent);mask-composite:intersect;opacity:.96;pointer-events:none}.hero-art{position:absolute;right:0;top:0;height:100%;width:62%;background-image:url('../img/hero-main-v7.webp');background-size:cover;background-position:center center;z-index:-1;filter:drop-shadow(0 0 26px #7a17ff44);mask-image:linear-gradient(to right,transparent 0%,#000 15%),linear-gradient(to bottom,#000 92%,transparent);mask-composite:intersect}.hero-shimmer{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061947ee 0%,#08205890 30%,transparent 59%);pointer-events:none}.hero-content{height:100%;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:55%;padding:10px 0 9px}.hero-kicker{font-family:Rajdhani,var(--font);letter-spacing:3px;color:#96c8ff;font-size:clamp(9px,.72vw,11px);font-weight:700;margin-bottom:18px;display:none}.signal-dot{display:inline-block;width:7px;height:7px;background:#47fff3;border-radius:50%;box-shadow:0 0 12px #2cfffb}.hero h1{font:italic 900 clamp(60px,6.55vw,101px)/.93 var(--display);letter-spacing:-.087em;margin:0 0 7px;transform:scaleX(1.03);transform-origin:left;text-shadow:0 6px 12px #091246aa;white-space:nowrap}.hero h2{font:italic 900 clamp(22px,2.47vw,36px)/1.1 var(--display);letter-spacing:.002em;margin:0 0 14px;text-shadow:0 3px 9px #071638b3;white-space:nowrap}.hero p{font-size:clamp(13px,1.35vw,19px);line-height:1.43;font-weight:550;max-width:600px;margin:0 0 23px;text-shadow:0 2px 4px #071540}.hero-actions{display:flex;gap:20px;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;text-align:center;min-height:clamp(45px,4.7vw,65px);padding:0 clamp(15px,2vw,30px);border:1px solid #51c7ff;border-radius:15px;font-weight:900;font-size:clamp(12px,1.25vw,16px);white-space:nowrap;box-shadow:0 0 13px #22b6ff33;transition:transform .2s,box-shadow .2s,filter .2s}.cta:hover{transform:translateY(-3px);filter:brightness(1.1)}.cta .icon{width:23px;height:23px}.cta-hot{background:linear-gradient(105deg,#ff9d14,#ff6330 39%,#e53cce 75%,#8126ff);border:1px solid #ffb456;color:#fff;box-shadow:0 0 19px #ff58bc6b,inset 0 1px 1px #ffd0e7ad}.cta-hot:hover{box-shadow:0 0 30px #fa65edb2}.cta-outline{background:#07183e88;border:1px solid #a5dbff;color:#fff;box-shadow:inset 0 0 12px #075cc63a}.hero-progress{display:flex;gap:7px;margin-top:25px}.hero-progress span{height:4px;border-radius:5px;width:29px;background:#d0e5ff3a}.hero-progress span:first-child{background:#f7dcff;box-shadow:0 0 10px #cc4aff,0 0 17px #9c37ff}.hero-bottom-glow{height:3px;position:absolute;bottom:0;width:100%;background:linear-gradient(90deg,transparent,#00d3ff,#df4cff,#14f0f4,transparent);box-shadow:0 0 15px #49afff}
.features{padding-top:14px;padding-bottom:17px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.feature{height:clamp(81px,7.8vw,115px);min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;background:linear-gradient(150deg,#091d44e8,#04132ce8);border:1px solid #2a66ab94;border-bottom-color:#18a4f5a8;border-radius:13px;box-shadow:inset 0 1px 10px #175cac41,0 0 17px #0469bd31;transition:transform .2s,border-color .2s,box-shadow .2s}.feature:hover{transform:translateY(-5px);border-color:#55f6ff;box-shadow:0 10px 25px #001a6b,0 0 16px #0fffff44}.feature .icon{height:clamp(30px,3vw,43px);width:clamp(30px,3vw,43px);color:var(--cyan);filter:drop-shadow(0 0 7px #00aaff)}.feature strong{font-size:clamp(9px,1.02vw,14px);font-weight:850;line-height:1.15}
.ginette{height:clamp(238px,22.5vw,334px);position:relative;overflow:hidden;isolation:isolate;border:1px solid #8265ff;border-radius:17px;box-shadow:0 0 18px #7527ff73,inset 0 0 25px #2545ad4f;background:linear-gradient(110deg,#1a205b 1%,#080e3b 39%,#0b194b 66%,#10165c)}.ginette:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,#09163ccc 39%,#071a3ca8 64%,transparent 90%);pointer-events:none}.ginette-portrait{position:absolute;inset:0 auto 0 0;width:43%;z-index:-2;background:url('../img/ginette-portrait.webp') left center / cover no-repeat}.ginette-mesh{position:absolute;inset:0 0 0 auto;width:31%;z-index:-2;background:url('../img/ginette-hologram.webp') center / cover no-repeat;filter:saturate(1.2)}.ginette-body{position:relative;z-index:3;margin-left:40.7%;width:36%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:17px 0}.ginette-mark{font:italic 900 clamp(30px,3.9vw,55px)/1 var(--display);text-shadow:0 0 17px #bf29fa92;letter-spacing:-.055em;white-space:nowrap}.ginette-mark:first-letter{color:#ffabff}.ginette-mark sup{font:800 11px var(--font);vertical-align:top;letter-spacing:0}.ginette-sub{letter-spacing:4px;font-style:italic;font-weight:900;color:#e19dff;font-size:clamp(11px,1.26vw,17px);margin:4px 0 9px}.ginette-body p{font-size:clamp(10px,1.05vw,14px);line-height:1.48;margin:0 0 9px;max-width:470px;font-weight:600}.ginette-body ul{padding:0;margin:0 0 11px;list-style:none}.ginette-body li{display:flex;align-items:center;gap:8px;font-size:clamp(9px,1vw,13px);line-height:1.52;font-weight:650}.ginette-body li .icon{height:17px;width:17px;color:#c9e8ff}.cta-blue{min-height:clamp(32px,3.1vw,45px);padding:0 clamp(13px,2vw,29px);background:linear-gradient(90deg,#2e2da3,#123cbb,#006fca);border:1px solid #89bbff;box-shadow:0 0 13px #4673ffbc,inset 0 0 13px #1df4ff46;border-radius:13px;font-size:clamp(10px,1.05vw,14px);gap:18px}.cta-blue .icon{width:18px;height:18px}
.portfolio{margin-top:clamp(22px,2.5vw,35px);display:grid;grid-template-columns:23% 77%;gap:0;position:relative;padding-bottom:28px}.portfolio-heading{padding:0 22px 0 5px}.orange-label{font-size:clamp(14px,1.55vw,20px);font-weight:900;font-style:italic;color:#ff7a26;letter-spacing:-.02em}.portfolio h2{font:italic 900 clamp(27px,3.06vw,43px)/.88 var(--display);letter-spacing:-.058em;margin:6px 0 9px}.portfolio-heading p{font-size:clamp(12px,1.21vw,17px);font-weight:550;line-height:1.28;margin:0 0 14px;max-width:270px}.portfolio-slider{min-width:0;position:relative}.portfolio-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:3px 2px 6px}.portfolio-track::-webkit-scrollbar{display:none}.portfolio-card{height:clamp(166px,16vw,233px);border:1px solid #269fff;border-radius:13px;overflow:hidden;position:relative;background:#0a1a46;scroll-snap-align:start;box-shadow:0 4px 15px #000c3e;transition:transform .2s,border-color .2s}.portfolio-card:hover{transform:translateY(-4px);border-color:#41f5fc}.portfolio-card:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(to bottom,transparent 18%,#07132cf2 68%,#07152efa 100%);pointer-events:none}.portfolio-card img{width:100%;height:70%;display:block;object-fit:cover;object-position:center top;filter:saturate(1.18)}.portfolio-card .card-copy{position:absolute;z-index:3;bottom:12px;left:13px;right:10px;display:grid;gap:6px}.portfolio-card strong{font:italic 900 clamp(15px,1.7vw,26px)/.89 var(--display);letter-spacing:-.04em;text-shadow:0 2px 4px #010819}.portfolio-card small{font-size:clamp(9px,1vw,13px);font-weight:550;line-height:1.25}.card-tag{position:absolute;top:9px;right:8px;z-index:2;background:#05102ab8;border:1px solid #4fdaf98a;border-radius:5px;padding:3px 6px;letter-spacing:1px;font-size:8px;font-weight:800;opacity:0;transition:opacity .2s}.portfolio-card:hover .card-tag{opacity:1}.slider-arrow{position:absolute;top:43%;transform:translateY(-50%);z-index:5;background:#081f4ae8;border:1px solid #79c4ff;border-radius:50%;height:35px;width:35px;color:#fff;display:grid;place-items:center;box-shadow:0 0 10px #178cf94d}.slider-arrow .icon{width:19px;height:19px}.slider-arrow:hover{background:#1851a0}.slider-prev{left:-22px}.slider-next{right:-20px}.slider-dots{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);display:flex;gap:11px}.slider-dots button{border:0;width:11px;height:5px;border-radius:7px;background:#3d6da9}.slider-dots button.active{width:20px;background:#fff;box-shadow:0 0 9px #00dfff}.portfolio-note{grid-column:1/-1;font-size:9px;color:#89a5d0;margin:18px 0 -17px;text-align:right}
.arcade{margin-top:clamp(17px,1.9vw,28px);height:clamp(283px,27.7vw,394px);display:grid;grid-template-columns:57% 43%;gap:0;position:relative;isolation:isolate;border-radius:19px;overflow:hidden;border:1px solid #5544ecaa;box-shadow:0 10px 36px #29035e70,0 0 19px #7632fc50;background:radial-gradient(ellipse at 83% 36%,#123779 0%,#0a1838 54%,#07122f 100%)}.arcade:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#941bff26,transparent 52%,#ff2cc11e)}.arcade-image{display:block;overflow:hidden;width:100%;height:100%;background:transparent;border:0;padding:9px 0 9px 8px;position:relative;text-align:left;transition:filter .3s}.arcade-image:hover{filter:brightness(1.15)}.arcade-image>img{width:100%;height:100%;object-fit:fill;display:block;border-radius:12px;filter:saturate(1.2)}.arcade-live{position:absolute;top:24px;left:29px;padding:6px 9px;border-radius:5px;background:#071537ce;border:1px solid #17bdfc;color:#91efff;font-size:9px;font-weight:900;letter-spacing:1px;display:flex;gap:6px;align-items:center;opacity:0;transition:opacity .2s}.arcade-image:hover .arcade-live{opacity:1}.arcade-live span{height:7px;width:7px;background:#00ffa9;border-radius:50%;box-shadow:0 0 8px #00ffa9}.arcade-copy{position:relative;z-index:3;align-self:center;padding:10px 22px 15px 27px;max-width:440px}.arcade-copy h2{font:italic 900 clamp(28px,3.23vw,45px)/.93 var(--display);letter-spacing:-.07em;margin:5px 0 9px;text-shadow:0 3px 6px #06123c}.arcade-copy p{font-size:clamp(11px,1.2vw,17px);line-height:1.36;font-weight:550;max-width:320px;margin:0 0 14px}.arcade-copy ul{padding:0;margin:0 0 12px;list-style:none}.arcade-copy li{font-size:clamp(11px,1.16vw,16px);font-weight:600;display:flex;align-items:center;gap:11px;margin:0 0 7px}.arcade-copy li .icon{width:20px;height:20px;color:#fff}.arcade-copy .cta{min-height:clamp(44px,4.4vw,60px);min-width:clamp(170px,18vw,264px)}.arcade-mascot{position:absolute;z-index:2;right:0;bottom:0;width:24%;height:97%;background:url('../img/hero-main-v7.webp') center bottom / contain no-repeat;filter:drop-shadow(0 0 11px #2c8fff4d);pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 25%)}
.ecosystem{margin-top:20px;background:linear-gradient(90deg,#071530,#091c51,#0a1637);border-bottom:1px solid #1a71de;border-top:1px solid #0d2e75;padding:13px 0 17px;box-shadow:inset 0 0 20px #356af91d}.eco-caption{display:flex;align-items:center;justify-content:center;gap:20px;letter-spacing:4.5px;font-size:clamp(10px,1.22vw,17px);font-weight:800;margin-bottom:17px;white-space:nowrap}.eco-caption span{height:1px;max-width:280px;flex:1;background:linear-gradient(90deg,transparent,#a0b9ff)}.eco-caption span:last-child{transform:rotate(180deg)}.eco-items{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.eco-items a{display:flex;justify-content:center;align-items:center;gap:10px;font:900 clamp(13px,1.85vw,26px)/1.1 var(--display);border-right:1px solid #9ac9ff88}.eco-items a:last-child{border:0}.eco-items a:hover{color:#9deaff}.eco-icon{font-size:clamp(25px,3vw,44px);font-weight:900;line-height:1}.exohood-icon{color:#ff6929;transform:rotate(-25deg)}.exoswap-icon{color:#20bdff}.exania-icon{color:#8a65ff}.alpascape-icon{color:#eef5ff}
.footer{background:#061127;border-top:1px solid #1e69a5;padding:20px 0 26px}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;padding-bottom:17px;border-bottom:1px solid #829fe17a}.footer-brand{font-size:clamp(25px,2.7vw,38px)}.footer-top p{font-size:clamp(11px,1.11vw,16px);line-height:1.4;text-align:center;margin:0}.socials{display:flex;align-items:center;gap:23px}.socials a{transition:transform .2s;color:white}.socials a:hover{transform:translateY(-4px);color:#49e5ff}.socials .icon{width:24px;height:24px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:14px;font-size:clamp(10px,1.04vw,14px)}.footer-bottom div{display:flex;gap:clamp(17px,3vw,47px);align-items:center}.footer-bottom div a:hover,.footer-bottom div button:hover{color:#6cecff}.footer-bottom button{border:0;background:transparent;color:inherit;padding:0}
.cookie-banner{position:fixed;z-index:360;bottom:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 46px),1375px);display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 19px;background:linear-gradient(115deg,#0e234bfa,#071935fd 55%,#1b174cfb);border:1px solid #537bc5c4;border-radius:17px;box-shadow:0 15px 50px #000c2acb,0 0 22px #284bff25}.cookie-banner[hidden]{display:none}.cookie-picture{width:52px;height:52px;justify-self:center;object-fit:contain}.cookie-info strong{font:800 clamp(15px,1.3vw,20px) var(--font)}.cookie-info p{font-size:clamp(10px,.98vw,14px);line-height:1.35;max-width:710px;margin:4px 0 0}.cookie-actions{display:flex;gap:13px;align-items:center}.cookie-actions button{border-radius:9px;padding:9px clamp(12px,1.8vw,25px);min-height:38px;white-space:nowrap;font-size:clamp(10px,1vw,13px);font-weight:800}.cookie-neutral{background:#091a38;color:#fff;border:1px solid #8bcaff}.cookie-neutral:hover{background:#133b64}.cookie-yes{color:white;border:1px solid #ffb354}
.mobile-dock{display:none}
.modal-dialog{border:1px solid #4b85e2;border-radius:18px;padding:0;max-height:min(94dvh,930px);color:var(--white);background:linear-gradient(145deg,#091c45,#05122e);box-shadow:0 22px 90px #010513dd,0 0 40px #1263e54a}.modal-dialog::backdrop{background:#010415dd;backdrop-filter:blur(9px)}.modal-inner{padding:25px;max-height:94dvh;overflow:auto}.consent-dialog{width:min(570px,calc(100% - 25px))}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-heading h2,.arcade-dialog-top h2{font:italic 900 29px/1.1 var(--display);letter-spacing:-1px;margin:4px 0 16px}.modal-kicker{font-size:10px;letter-spacing:2px;color:#4de6ff;font-weight:800}.modal-close{height:35px;width:35px;display:grid;place-items:center;border:1px solid #55b1ff8e;border-radius:9px;background:#071c44;color:white}.modal-close:hover{background:#1f4980}.modal-close .icon{width:19px;height:19px}.consent-dialog p{font-size:13px;line-height:1.55;color:#bfd3f6}.consent-choice{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid #4d8ac660;padding:18px 0}.consent-choice strong{display:block;font-size:14px}.consent-choice small{display:block;color:#adc9e9;margin-top:5px;line-height:1.45;max-width:410px}.always-on{font-size:11px;color:#76ffe0;white-space:nowrap}.switch-input{appearance:none;width:48px;height:26px;flex:none;border-radius:18px;border:1px solid #7699cc;background:#294269;position:relative;cursor:pointer}.switch-input:before{content:"";position:absolute;width:18px;height:18px;border-radius:100%;left:3px;top:3px;background:#e9f0ff;transition:transform .2s}.switch-input:checked{background:#1dbddc}.switch-input:checked:before{transform:translateX(21px)}.dialog-footer{display:flex;justify-content:flex-end;gap:13px}.dialog-footer .cta{min-height:40px;font-size:12px}
.arcade-dialog{width:min(920px,calc(100% - 22px));max-height:96dvh}.arcade-modal-inner{padding:18px}.arcade-dialog-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.arcade-dialog-top h2{margin:2px 0 6px}.arcade-stats{display:flex;justify-content:space-around;gap:10px;color:#82deff;font:700 12px Rajdhani,var(--font);letter-spacing:1px;padding:10px 4px}.arcade-stats strong{color:#fff;font-size:22px;margin-left:7px}.game-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:12/7;border:2px solid #32d7fc;border-radius:12px;background:#071334;box-shadow:0 0 18px #c121ff83,inset 0 0 18px #2198ff48}.game-frame canvas{width:100%;height:100%;object-fit:fill;display:block;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:linear-gradient(#06102ec9,#080b2af0)}.game-overlay[hidden]{display:none}.game-overlay-kicker{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:850}.game-overlay strong{font:italic 900 clamp(37px,6vw,64px)/1 var(--display);letter-spacing:-2px;margin:9px 0;color:#fff;text-shadow:0 0 22px #d42dfc}.game-overlay p{font-size:14px;line-height:1.5;max-width:450px;margin:0 0 20px}.game-overlay .cta{min-height:44px}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#9bd7ff;font-size:11px;font-weight:700}.game-control-cluster{display:flex;gap:7px}.game-control{display:flex;align-items:center;gap:6px;background:#0d2a55;border:1px solid #57bffa7a;color:white;padding:8px 11px;border-radius:8px;font-size:11px}.game-control .icon{height:17px;width:17px}.touch-controls{display:flex;justify-content:center;gap:12px;margin:14px auto 0}.touch-controls button{border:1px solid #5caafe;border-radius:11px;color:#fff;background:linear-gradient(160deg,#0f3972,#071b44);min-height:57px;min-width:87px;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;touch-action:none;font-size:10px;font-weight:900}.touch-controls button img,.touch-controls button .icon{height:27px;width:27px}.touch-controls button:active{background:#1457b4;transform:scale(.96)}.touch-controls #gameFire{border-color:#e94bff;background:linear-gradient(160deg,#77299d,#222879)}.touch-controls #gamePulse{border-color:#ffb343;background:linear-gradient(160deg,#995023,#4a256e)}.game-privacy-note{font-size:10px;color:#8dadd3;margin:11px 0 0}
@media(max-width:1130px){.shell{width:calc(100% - 55px)}.desktop-menu{gap:24px}.hero-copy{width:57%}.hero-art{width:64%;background-position:center}.ginette-body{margin-left:41%;width:38%}.arcade-mascot{width:24%;opacity:.96}.arcade-copy{padding-left:23px}.portfolio-track{gap:12px}}
@media(max-width:850px){.desktop-menu{display:none}.shell{width:calc(100% - 36px)}.hero{height:450px}.hero-copy{width:62%}.hero-art{width:67%}.hero h1{font-size:70px}.hero h2{font-size:24px}.hero p{font-size:13px}.features{gap:7px}.feature strong{font-size:9px}.ginette{height:270px}.ginette-body{width:45%;margin-left:35%}.ginette-mark{font-size:33px}.ginette-portrait{width:40%}.ginette-mesh{width:27%}.ginette-sub{font-size:11px}.ginette-body p{font-size:10px}.ginette-body li{font-size:9px}.portfolio{grid-template-columns:24% 76%}.portfolio-heading{padding-right:12px}.portfolio-track{grid-auto-columns:calc((100% - 22px)/3)}.portfolio-card{height:205px}.arcade{height:300px}.arcade-image{padding:5px 0 5px 5px}.arcade-copy{padding-left:14px}.arcade-mascot{opacity:.5}.arcade-copy h2{font-size:31px}.arcade-copy p{font-size:12px}.arcade-copy .cta{min-height:45px}.cookie-banner{grid-template-columns:48px 1fr;gap:8px}.cookie-picture{width:44px;height:44px}.cookie-actions{grid-column:2}.cookie-info p{font-size:11px}}
@media(max-width:600px){html{scroll-padding-top:66px}.header{height:65px;position:sticky;top:0;box-shadow:0 4px 18px #040c2ecf}.header-shell{width:calc(100% - 28px)}.brand{font-size:26px}.brand img{height:42px;width:42px}.header-tools{gap:7px}.join-btn{font-size:10px;padding:10px 12px;border-radius:9px}.icon-btn{height:39px;width:39px}.menu-drawer{right:2%;width:96vw;top:69px}.hero{height:695px;background:radial-gradient(ellipse at 45% 4%,#254886 0%,transparent 55%),linear-gradient(#07193f,#091b50 65%,#080f2f)}.hero-sky{width:100%;height:34%;background-size:cover;opacity:.82}.hero-art{top:auto;bottom:-30px;width:100%;height:393px;background-image:url('../img/hero-main-v7.webp');background-size:contain;background-position:bottom center;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 96%,transparent);z-index:0;animation:ship-float 5s ease-in-out infinite}.hero-shimmer{background:linear-gradient(to bottom,#06153e3d,#081d48bb 39%,transparent 57%);z-index:0}.hero-content{align-items:flex-start;padding-top:54px}.hero-copy{width:100%;padding:0;position:relative;z-index:2}.hero-kicker{display:block;font-size:10px;letter-spacing:2px;margin:0 0 20px}.hero h1{font-size:clamp(55px,13vw,83px);letter-spacing:-.08em;margin:0 0 11px}.hero h2{font-size:clamp(18px,4.4vw,29px);white-space:normal;margin:0 0 15px}.hero p{font-size:13px;max-width:370px;line-height:1.55;margin-bottom:19px}.hero-desktop-break{display:none}.hero-actions{gap:10px}.hero-actions .cta{font-size:11px;min-height:47px;padding:0 17px;border-radius:11px}.hero-actions .icon{width:17px;height:17px}.hero-progress{margin-top:19px}.hero-progress span{height:4px;width:25px}.features{width:calc(100% - 26px);grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:16px;padding-bottom:18px}.feature{height:92px;border-radius:11px;gap:9px}.feature .icon{height:31px;width:31px}.feature strong{font-size:9.5px}.ginette{width:calc(100% - 26px);height:auto;min-height:520px;border-radius:14px}.ginette-portrait{width:100%;height:245px;top:0;bottom:auto;background-size:cover;background-position:center 28%;mask-image:linear-gradient(to bottom,#000 30%,transparent)}.ginette-mesh{width:52%;height:210px;bottom:0;top:auto;background-position:right center;opacity:.33;mask-image:linear-gradient(to right,transparent,#000)}.ginette:after{background:linear-gradient(to bottom,transparent 4%,#08163de8 42%,#08132e 65%,#06102acd)}.ginette-body{margin:0;width:100%;min-height:520px;justify-content:flex-end;padding:0 21px 24px}.ginette-mark{font-size:43px}.ginette-sub{font-size:12px;letter-spacing:3.7px;margin:5px 0 12px}.ginette-body p{font-size:12px;max-width:480px;margin-bottom:13px}.ginette-body li{font-size:11.5px;line-height:1.75}.ginette-body ul{margin-bottom:16px}.ginette-body .cta{min-height:40px;font-size:12px}.portfolio{width:calc(100% - 26px);display:block;padding-bottom:28px;margin-top:37px}.portfolio-heading{padding:0 7px;margin-bottom:21px}.orange-label{font-size:16px}.portfolio h2{font-size:42px;line-height:.9;margin:7px 0}.portfolio-heading p{max-width:360px;font-size:13px;line-height:1.4;margin:10px 0 14px}.portfolio-heading .cta{min-height:40px;font-size:11px}.portfolio-track{grid-auto-columns:72%;gap:12px;overflow-x:auto;padding-bottom:12px}.portfolio-card{height:280px}.portfolio-card img{height:72%;object-position:center top}.portfolio-card strong{font-size:28px}.portfolio-card small{font-size:13px}.portfolio-card .card-copy{bottom:16px;left:17px}.slider-arrow{top:42%;height:37px;width:37px}.slider-prev{left:4px}.slider-next{right:4px}.slider-dots{bottom:-22px}.portfolio-note{text-align:center;font-size:9px;line-height:1.5;margin:33px 12px -17px}.arcade{width:calc(100% - 26px);height:auto;display:flex;flex-direction:column;margin-top:30px;border-radius:15px;overflow:hidden;padding:7px}.arcade-image{height:auto;aspect-ratio:555/283;padding:0;width:100%}.arcade-image>img{object-fit:contain}.arcade-live{top:12px;left:12px;opacity:1;font-size:8px}.arcade-copy{padding:22px 14px 27px;max-width:none;align-self:stretch}.arcade-copy h2{font-size:47px;margin:7px 0 11px}.arcade-copy p{font-size:13px;max-width:400px}.arcade-copy li{font-size:13px}.arcade-copy .cta{min-height:52px;width:min(70%,260px);font-size:14px}.arcade-mascot{height:230px;width:46%;right:-6%;bottom:-9px;opacity:.82;mask-image:linear-gradient(to right,transparent,#000 30%)}.ecosystem{margin-top:30px;padding:23px 0 25px}.eco-caption{font-size:9px;letter-spacing:2.2px;gap:9px;margin-bottom:18px}.eco-items{grid-template-columns:repeat(2,1fr);row-gap:22px}.eco-items a{font-size:16px;gap:9px}.eco-items a:nth-child(even){border:0}.eco-items .eco-icon{font-size:28px}.footer{padding:24px 0 115px}.footer-top{display:flex;flex-wrap:wrap;gap:15px;padding-bottom:20px}.footer-brand{font-size:28px}.footer-top p{order:3;width:100%;text-align:left;font-size:12px}.socials{margin-left:auto;gap:16px}.socials .icon{height:20px;width:20px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;font-size:10px;gap:18px}.footer-bottom div{display:flex;flex-wrap:wrap;gap:16px;font-size:11px}.mobile-dock{position:fixed;z-index:190;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 22px);max-width:520px;min-height:70px;padding:7px 8px;background:#0b1b42ef;border:1px solid #4b9cf6a1;border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 8px 38px #01061eaa,0 0 17px #3646ff51}.mobile-dock a,.mobile-dock button{min-width:0;border:0;background:transparent;color:#a1c8f6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:750}.mobile-dock a.active{color:#65ebff}.mobile-dock .icon{width:23px;height:23px}.mobile-dock .dock-play{color:#fff;position:relative;transform:translateY(-9px)}.dock-play>span{height:50px;width:50px;display:grid;place-items:center;border:2px solid #a6b3ff;border-radius:15px;background:linear-gradient(135deg,#ff8516,#d331d9,#304af1);box-shadow:0 0 17px #a04ff4bf}.dock-play .icon{width:24px;height:24px}.dock-play small{font-size:10px;font-weight:850}.cookie-banner{bottom:calc(89px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:13px;grid-template-columns:37px 1fr;gap:9px;border-radius:14px}.cookie-picture{width:37px;height:37px}.cookie-info strong{font-size:13px}.cookie-info p{font-size:10px;line-height:1.35}.cookie-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cookie-actions button{padding:9px 5px;font-size:10px;min-height:36px}.modal-inner{padding:17px}.arcade-dialog{width:calc(100vw - 12px);max-height:97dvh;border-radius:13px}.arcade-modal-inner{padding:12px}.arcade-dialog-top h2{font-size:21px}.arcade-stats{font-size:10px;gap:5px}.arcade-stats strong{font-size:16px;margin-left:2px}.game-frame{aspect-ratio:720/920;max-height:59dvh}.game-bottom{display:flex;flex-wrap:wrap;justify-content:center;font-size:9px;text-align:center}.game-control-cluster{width:100%;justify-content:center}.touch-controls{gap:7px}.touch-controls button{min-width:0;flex:1;min-height:59px;border-radius:9px}.touch-controls button img,.touch-controls button .icon{width:22px;height:22px}.game-privacy-note{font-size:9px;line-height:1.4}.game-overlay{padding:12px}.game-overlay strong{font-size:38px}.game-overlay p{font-size:11px;max-width:310px}.game-overlay .cta{font-size:11px;min-height:37px}}
@media(max-width:375px){.brand{font-size:22px;gap:3px}.brand img{height:38px;width:38px}.join-btn{padding:9px;font-size:9px}.hero{height:650px}.hero-content{padding-top:42px}.hero h1{font-size:52px}.hero h2{font-size:17px}.hero-art{height:365px}.hero-actions .cta{font-size:10px;padding:0 12px}.portfolio-track{grid-auto-columns:79%}.arcade-copy h2{font-size:41px}.footer-top{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes ship-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* Reference-match refinements */
.ginette-glyph{width:clamp(26px,3.5vw,48px);height:clamp(26px,3.5vw,48px);filter:drop-shadow(0 0 9px #ae51ff99);flex:none}
.ginette-mark{display:flex;align-items:center;gap:5px}
.ginette-mark span{letter-spacing:-.052em}
.eco-icon{width:clamp(29px,3vw,45px);height:clamp(29px,3vw,45px);flex:none;transform:none!important}
@media(min-width:601px){.hero-copy{transform:translateY(37px)}.ginette-body{width:33%;}.ginette-mesh{width:26%;}.arcade-mascot{width:20%;right:-2%;mask-image:linear-gradient(to right,transparent,#000 36%)}}
@media(max-width:600px){.hero-copy{transform:none}.ginette-body{width:100%}.ginette-glyph{width:37px;height:37px}.eco-icon{width:27px;height:27px}.arcade-mascot{width:46%;right:-6%;mask-image:linear-gradient(to right,transparent,#000 38%)}}

.portfolio-card.selected{border-color:#85f4ff;box-shadow:0 0 20px #25caff78,inset 0 0 8px #2de7ff40}
@media(min-width:601px){.arcade-copy p{max-width:242px}}
@media(max-width:600px){.arcade-copy p{max-width:390px}}


/* V5 polish */
.hero-progress{display:none!important}.brand img{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.06),0 0 22px rgba(255,68,68,.18);object-fit:cover}.footer-brand img{border-radius:50%}.socials a{position:relative}.socials a:hover{transform:translateY(-2px)}


/* === EXOLAND V6 AGGRESSIVE POLISH === */
:root{
  --v6-orange:#ff8b22;
  --v6-pink:#ff38d6;
  --v6-cyan:#51ecff;
  --v6-deep:#070f2a;
}
body{
  background:
    radial-gradient(ellipse at top, rgba(69,107,255,.12), transparent 38%),
    radial-gradient(circle at 85% 15%, rgba(255,78,190,.08), transparent 22%),
    #050c23;
}
.ambient-noise{
  background:
    radial-gradient(circle at 12% 11%, rgba(92,206,255,.14), transparent 0 17%),
    radial-gradient(circle at 84% 18%, rgba(255,92,177,.10), transparent 0 18%),
    radial-gradient(circle at 51% 82%, rgba(88,84,255,.08), transparent 0 22%);
  filter: blur(12px);
  animation: v6Aurora 16s linear infinite alternate;
}
@keyframes v6Aurora{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-10px,0) scale(1.03)}}
.header{
  background:linear-gradient(180deg,rgba(6,14,39,.93),rgba(7,18,48,.82));
  box-shadow:0 10px 35px rgba(3,8,28,.45), inset 0 -1px 0 rgba(124,164,255,.16);
  backdrop-filter: blur(20px);
}
.brand span{
  text-shadow:0 0 18px rgba(81,236,255,.12);
}
.desktop-menu a,
.menu-drawer a{position:relative}
.desktop-menu a::after,
.menu-drawer a::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,#ff9e28,#ff38d6,#45dcff);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;
}
.desktop-menu a:hover::after,
.desktop-menu a:focus-visible::after,
.menu-drawer a:hover::after,
.menu-drawer a:focus-visible::after{transform:scaleX(1)}
.join-btn{
  box-shadow:0 8px 26px rgba(199,55,255,.25), 0 0 0 1px rgba(255,255,255,.15) inset;
}
.hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 77% 32%, rgba(255,82,199,.17), transparent 22%),
    radial-gradient(circle at 24% 10%, rgba(85,214,255,.16), transparent 22%),
    linear-gradient(90deg,#06153f,#071a48 55%,#0a245f 76%,#091437);
}
.hero::after{
  content:"";position:absolute;inset:auto 0 0 0;height:140px;pointer-events:none;
  background:linear-gradient(to top, rgba(95,50,255,.22), transparent);
}
.hero-art{
  filter:drop-shadow(0 32px 48px rgba(0,0,0,.45)) drop-shadow(0 0 35px rgba(255,77,153,.24)) drop-shadow(0 0 46px rgba(80,188,255,.26));
}
.hero-copy{
  backdrop-filter: blur(1px);
}
.hero h1{
  text-shadow:0 8px 30px rgba(0,0,0,.24), 0 0 18px rgba(255,255,255,.06);
}
.hero h2{
  text-shadow:0 0 18px rgba(145,223,255,.12);
}
.hero-actions .cta,
.portfolio-heading .cta,
.ginette-body .cta,
.arcade-copy .cta,
.game-overlay .cta{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.hero-actions .cta:hover,
.portfolio-heading .cta:hover,
.ginette-body .cta:hover,
.arcade-copy .cta:hover,
.game-overlay .cta:hover{
  transform:translateY(-2px) scale(1.01);
  filter:saturate(1.06);
}
.cta-hot{
  box-shadow:0 14px 34px rgba(232,69,177,.28), 0 0 0 1px rgba(255,255,255,.14) inset;
}
.cta-outline,
.cta-blue{
  box-shadow:0 10px 28px rgba(29,126,255,.12), 0 0 0 1px rgba(255,255,255,.09) inset;
}
.features{margin-top:10px}
.feature{
  background:linear-gradient(180deg,rgba(8,20,55,.92),rgba(9,26,66,.82));
  box-shadow:0 10px 26px rgba(3,7,22,.35), inset 0 0 0 1px rgba(121,182,255,.10);
}
.feature:hover{
  transform:translateY(-4px);
  border-color:rgba(94,244,255,.55);
  box-shadow:0 16px 34px rgba(3,7,22,.45), 0 0 22px rgba(75,179,255,.18), inset 0 0 0 1px rgba(133,246,255,.12);
}
.ginette,
.portfolio,
.arcade{
  box-shadow:0 20px 52px rgba(2,6,24,.45), 0 0 0 1px rgba(146,175,255,.09) inset;
}
.ginette:before,
.portfolio:before,
.arcade:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.06), transparent 18%, transparent 82%, rgba(92,231,255,.08));
  mix-blend-mode:screen;
}
.portfolio-card{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.portfolio-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 30px rgba(2,8,28,.42),0 0 24px rgba(83,220,255,.18);
}
.arcade{
  background:
    radial-gradient(circle at 73% 22%, rgba(255,82,172,.12), transparent 18%),
    linear-gradient(180deg,#071331,#071838 62%,#0a1532);
}
.arcade-image,
.arcade-image img{
  filter:saturate(1.06) contrast(1.02);
}
.arcade-mascot{
  filter:drop-shadow(0 10px 26px rgba(24,36,105,.40)) drop-shadow(0 0 24px rgba(255,74,171,.12));
}
.footer{
  background:linear-gradient(180deg,rgba(7,15,39,.86),rgba(6,13,31,.96));
}
.socials a{
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 8px 18px rgba(0,0,0,.18);
}
.cookie-banner{
  box-shadow:0 14px 40px rgba(2,6,24,.46), 0 0 0 1px rgba(130,156,255,.12) inset;
  background:linear-gradient(180deg,rgba(7,18,43,.96),rgba(8,20,50,.92));
}
.mobile-dock{
  box-shadow:0 12px 42px rgba(1,6,30,.74), 0 0 0 1px rgba(137,184,255,.12) inset, 0 0 26px rgba(84,108,255,.16);
}
.mobile-dock .dock-play>span{
  box-shadow:0 0 18px rgba(160,79,244,.65),0 10px 22px rgba(0,0,0,.35);
}
.arcade-dialog{
  background:linear-gradient(180deg,rgba(4,12,30,.98),rgba(7,17,42,.98));
}
.game-frame{
  box-shadow:0 0 0 1px rgba(133,230,255,.14) inset, 0 18px 42px rgba(0,0,0,.35);
}
@media (max-width: 600px){
  .hero{
    height:760px;
    background:
      radial-gradient(circle at 50% 7%, rgba(94,221,255,.20), transparent 22%),
      radial-gradient(circle at 84% 15%, rgba(255,67,188,.15), transparent 18%),
      linear-gradient(#07183f,#071c4f 58%,#081233);
  }
  .hero-sky{
    width:100%;height:35%;opacity:.95;
    filter:saturate(1.08) contrast(1.04);
  }
  .hero-art{
    bottom:-6px;
    height:430px;
    background-image:url('../img/hero-main-v7.webp');
    background-size:cover;
    background-position:center bottom;
    mask-image:linear-gradient(to bottom, transparent 0%, #000 14%, #000 97%, transparent);
    filter:drop-shadow(0 16px 26px rgba(0,0,0,.38)) drop-shadow(0 0 26px rgba(255,71,194,.20));
  }
  .hero-content{padding-top:48px}
  .hero-copy{
    padding-top:8px;
    background:linear-gradient(180deg, rgba(7,20,59,.12), rgba(7,18,48,.05));
    border-radius:18px;
  }
  .hero-actions .cta{
    min-height:50px;
    font-size:11px;
    box-shadow:0 10px 24px rgba(0,0,0,.25);
  }
  .features{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .feature{
    min-height:96px;
    padding:12px 8px;
  }
  .ginette{
    min-height:570px;
  }
  .ginette-portrait{
    height:260px;
    background-position:center 24%;
  }
  .portfolio-track{grid-auto-columns:76%}
  .portfolio-card{height:292px}
  .arcade{
    padding:8px;
  }
  .arcade-copy{
    padding:24px 16px 28px;
  }
  .arcade-mascot{
    background-image:url('../img/hero-main-v7.webp');
    width:54%;
    right:-12%;
    bottom:-9px;
    opacity:.93;
    mask-image:linear-gradient(to right, transparent, #000 23%);
  }
  .footer{padding-bottom:118px}
}


/* EXOLAND V7 — artwork parity, corrected interactions & game experience */
.feature .icon{overflow:visible;stroke-linejoin:round;stroke-linecap:round}
.feature[href="/technology"] .icon{filter:drop-shadow(0 0 8px rgba(59,229,255,.38));stroke-width:1.7;}
.portfolio-slider{min-width:0}
.slider-arrow,.slider-dots{display:none!important}
.portfolio-swipe-hint{display:none;text-align:right;color:#7cbde1;font-family:var(--display);font-weight:800;font-size:10px;letter-spacing:2px;margin:9px 8px 0}
.portfolio-card{scroll-snap-align:start}
.portfolio-track{scroll-behavior:smooth}
.arcade-mascot{display:none!important;background-image:none!important}
.arcade{grid-template-columns:58% 42%;background:radial-gradient(ellipse at 65% 40%,#112e6b 0%,#0a1838 54%,#07122f 100%)}
.arcade-copy{max-width:none;padding-right:clamp(16px,3vw,44px)}
.arcade-copy h2{font-size:clamp(29px,3.4vw,50px);line-height:.96}
.arcade-copy p{max-width:390px;font-size:clamp(12px,1.18vw,17px);line-height:1.48}
.arcade-image>img{object-fit:cover;object-position:center;filter:saturate(1.2) contrast(1.08)}
.arcade-image:hover>img{filter:saturate(1.3) contrast(1.12)}
.arcade-live{opacity:1;backdrop-filter:blur(6px)}
.hero-art{background-image:url('../img/hero-main-v7.webp')!important}
.game-frame{border:2px solid #49cbff;box-shadow:0 0 32px rgba(45,132,255,.4),inset 0 0 20px rgba(68,241,255,.12);background:#07163c}
.game-frame canvas{image-rendering:auto;object-fit:fill}
.game-overlay{background:linear-gradient(180deg,rgba(3,10,31,.83),rgba(4,12,38,.88));backdrop-filter:blur(3px)}
.game-overlay strong{color:#fff;text-shadow:0 0 15px #5c9fff,0 0 36px #7d33fe}
.game-overlay p{font-size:14px;color:#cceaff}
.arcade-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;text-align:center;gap:4px}
.arcade-stats span{display:flex;flex-direction:column;gap:4px;line-height:1}
.arcade-stats strong{margin-left:0;color:#e7fcff;font:900 clamp(13px,2vw,20px) Rajdhani,var(--display);font-variant-numeric:tabular-nums}
.arcade-stats span:nth-child(4) strong{color:#ffbf6e}
.game-control{min-height:38px;transition:transform .2s,background .2s,border-color .2s}
.game-control:hover{background:#214c87;border-color:#70dfff}
.touch-controls{gap:10px}
.touch-controls button{transition:transform .12s,box-shadow .12s,border-color .12s;min-height:60px;border-color:#44bdff;box-shadow:inset 0 0 15px #1987ff17,0 0 12px #176ef323}
.touch-controls button:active{transform:scale(.96);border-color:#a8f9ff;box-shadow:0 0 17px rgba(73,229,255,.35)}
.touch-controls #gameFire{background:linear-gradient(135deg,#b02a8a,#40238d);border-color:#ff63e3}
.touch-controls #gamePulse{background:linear-gradient(135deg,#995a25,#633584);border-color:#ffae61}
.touch-controls #gamePulse.charged{animation:pulseReady 1.25s ease-in-out infinite;box-shadow:0 0 18px rgba(255,151,55,.6)}
@keyframes pulseReady{50%{filter:brightness(1.35)}}
.game-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){
 .arcade-copy{padding-right:16px}
 .arcade-stats{grid-template-columns:repeat(3,1fr);row-gap:8px}
}
@media(max-width:600px){
  .hero{
    height:clamp(676px,178vw,790px);
    background:radial-gradient(circle at 63% 64%,rgba(32,97,216,.32),transparent 38%),linear-gradient(180deg,#071a41 0%,#071c4c 55%,#070f2c 100%);
  }
  .hero-sky{height:33%;opacity:.88}
  .hero-art{
    background-image:url('../img/hero-main-v7.webp')!important;
    position:absolute;top:auto;right:-8%;bottom:0;width:116%;height:48%;
    background-size:cover;background-position:74% 50%;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 100%);
    z-index:0;animation:none;
    filter:saturate(1.12) contrast(1.04) drop-shadow(0 0 25px rgba(42,173,255,.15));
  }
  .hero-copy{position:relative;z-index:3}
  .hero-shimmer{background:linear-gradient(180deg,rgba(5,16,47,.15),rgba(5,16,48,.08) 43%,transparent 61%)}
  .portfolio-swipe-hint{display:block}
  .portfolio{padding-bottom:22px}
  .portfolio-track{grid-auto-columns:77%;gap:12px;overscroll-behavior-inline:contain}
  .arcade{grid-template-columns:1fr;display:flex;flex-direction:column;height:auto}
  .arcade-copy{padding:21px 17px 28px;max-width:none}
  .arcade-copy h2{font-size:clamp(39px,10vw,52px)}
  .arcade-copy p{max-width:420px}
  .arcade-image>img{object-fit:cover}
  .arcade-dialog{width:calc(100vw - 12px);max-height:97dvh}
  .arcade-stats{grid-template-columns:repeat(3,minmax(0,1fr));font-size:9px;padding:10px 2px}
  .arcade-stats strong{font-size:16px}
  .game-frame{aspect-ratio:720/930;max-height:55dvh}
  .game-overlay p{font-size:12px;max-width:310px}
  .touch-controls{gap:6px;margin-top:11px}
  .touch-controls button{min-height:65px;min-width:0}
  .touch-controls button img,.touch-controls button .icon{width:27px;height:27px}
  .game-control{font-size:11px}
}
@media(max-width:375px){
  .hero-art{bottom:0;height:46%;background-position:73% center}
  .arcade-stats strong{font-size:14px}
  .game-frame{max-height:51dvh}
  .touch-controls button{min-height:55px}
}
@media(prefers-reduced-motion:reduce){.portfolio-track{scroll-behavior:auto}.touch-controls #gamePulse.charged{animation:none}}