:root{--paper:#fffef7;--paper2:#f1f0e6;--ink:#10110f;--muted:#5c5f57;--gb1:#9bbc0f;--gb2:#8bac0f;--gb3:#306230;--gb4:#0f380f;--shadow:8px 8px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--max:1180px;--font:"Noto Kufi Arabic",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:var(--paper2);background-image:radial-gradient(var(--ink) .7px,transparent .7px);background-size:9px 9px;font-family:var(--font);line-height:1.7;overflow-x:hidden}body.world-open{overflow:hidden}a{color:inherit}button{font:inherit}.shell{width:min(var(--max),92vw);margin-inline:auto}.skip-link{position:fixed;z-index:9999;top:8px;inset-inline-start:8px;transform:translateY(-180%);padding:8px;background:var(--ink);color:var(--paper)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:74px;background:rgba(255,254,247,.97);border-bottom:4px solid var(--ink)}.header-row{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;margin-inline-end:auto;text-decoration:none}.brand-mark{width:38px;height:30px;border:4px solid var(--ink);border-radius:4px;background:var(--gb1);box-shadow:4px 4px 0 var(--ink);position:relative}.brand-mark:before{content:"";position:absolute;width:14px;height:4px;left:8px;top:6px;background:var(--ink);box-shadow:0 7px 0 var(--ink)}.brand-copy{display:flex;flex-direction:column;line-height:1;direction:ltr}.brand-copy b{font:900 .9rem/1 var(--mono)}.brand-copy small{margin-top:5px;font:700 .52rem/1 var(--mono);letter-spacing:.13em;color:var(--muted)}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:8px 10px;text-decoration:none;font-weight:900}.nav a:hover{background:var(--gb1)}.nav-toggle{display:none;border:3px solid var(--ink);background:var(--paper);font:900 .65rem/1 var(--mono);padding:8px}
.hero{padding:138px 0 84px;min-height:690px;background:linear-gradient(110deg,var(--paper) 0 59%,var(--gb1) 59% 100%);border-bottom:4px solid var(--ink);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:70px;align-items:center}.issue{display:inline-flex;gap:8px;align-items:center;margin-bottom:16px;padding:7px 10px;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);font:900 .72rem/1 var(--mono);direction:ltr}.issue b{background:var(--ink);color:var(--paper);padding:4px 6px}.eyebrow,.kicker{margin:0 0 12px;font:900 .72rem/1.25 var(--mono);letter-spacing:.12em;direction:ltr;text-align:left}.hero h1{margin:0;font:900 clamp(4.3rem,9vw,8.2rem)/.78 Impact,"Arial Black",sans-serif;letter-spacing:-.035em;text-transform:uppercase;direction:ltr;text-align:left}.hero h1 span{color:var(--gb3);-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px 0 var(--gb1)}.hero-lead{max-width:650px;margin:28px 0 0;font-size:1.08rem;font-weight:650}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:3px solid var(--ink);border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:950;text-decoration:none;cursor:pointer;transition:.12s transform,.12s box-shadow}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-primary{background:var(--gb1)}.btn-dark{background:var(--ink);color:var(--paper)}.btn kbd{padding:3px 5px;background:var(--gb1);color:var(--ink);font:900 .6rem/1 var(--mono)}
.console{max-width:390px;margin-inline:auto;padding:24px 24px 30px;background:#c7c8bc;border:4px solid var(--ink);border-radius:16px 16px 48px 16px;box-shadow:13px 13px 0 var(--ink);transform:rotate(2deg)}.screen-bezel{padding:20px 20px 27px;background:#353a3c;border:4px solid var(--ink);border-radius:12px 12px 28px 12px}.screen{min-height:240px;padding:20px;background:var(--gb1);border:4px solid var(--ink);box-shadow:inset 6px 6px 0 rgba(15,56,15,.22);color:var(--gb4);font-family:var(--mono);direction:ltr}.screen-label{display:block;font-size:.62rem;font-weight:900;letter-spacing:.15em}.screen strong{display:block;margin:18px 0;font-size:2.4rem;line-height:.88}.screen-menu{display:grid;grid-template-columns:auto 1fr;gap:7px 9px;align-items:center;font-size:.62rem;font-weight:900}.screen-menu i{width:10px;height:10px;border:2px solid var(--gb4)}.screen-menu i.active{background:var(--gb4)}.console-controls{height:95px;position:relative}.dpad{position:absolute;left:15px;top:27px;width:65px;height:22px;background:#262626}.dpad:after{content:"";position:absolute;left:21px;top:-21px;width:22px;height:65px;background:#262626}.ab{position:absolute;right:8px;top:42px;transform:rotate(-18deg);font:900 1.15rem/1 var(--mono);word-spacing:16px}
.apps-section{padding:76px 0 96px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2{margin:0;font:900 clamp(2.8rem,6vw,5rem)/.9 Impact,"Arial Black",sans-serif;text-transform:uppercase}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.app-card{position:relative;display:flex;flex-direction:column;padding:30px 13px 38px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 12px),#c7c8bc;border:4px solid var(--ink);border-radius:8px 8px 25px 8px;box-shadow:10px 10px 0 var(--ink);transition:.14s transform,.14s box-shadow}.app-card:hover{transform:translate(3px,3px) rotate(-.25deg);box-shadow:7px 7px 0 var(--ink)}.cart-notch{position:absolute;top:7px;inset-inline:19%;height:12px;border:3px solid var(--ink);border-bottom:0;border-radius:5px 5px 0 0;background:#b4b6aa}.cart-pins{position:absolute;inset-inline:18%;bottom:8px;height:15px;border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#b59642 0 8px,var(--ink) 8px 11px)}.card-screen{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--gb1);border:4px solid var(--ink);border-bottom:0;border-radius:9px 9px 0 0}.card-screen img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);transition:.2s}.app-card:hover img{filter:grayscale(.15) contrast(1.08);transform:scale(1.03)}.hxh-screen{display:grid;place-items:center;align-content:center;color:var(--gb4);text-decoration:none;direction:ltr}.hxh-screen span{font-size:4rem;line-height:1}.hxh-screen b{font:900 .67rem/1 var(--mono);margin-top:8px}.card-body{display:flex;flex-direction:column;flex:1;padding:17px 18px 20px;background:var(--paper);border:4px solid var(--ink);border-radius:0 0 16px 5px}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font:900 .63rem/1 var(--mono);direction:ltr}.card-meta span{padding:4px 6px;background:var(--ink);color:var(--paper)}.card-body h3{margin:0 0 9px;font:900 1.48rem/1 Impact,"Arial Black",sans-serif;text-transform:uppercase;direction:ltr;text-align:left}.card-body p{margin:0 0 17px;color:var(--muted);font-size:.86rem}.card-link{margin-top:auto;font-weight:950;direction:ltr;text-align:left;text-decoration:none}.footer{padding:20px 0 24px;background:var(--ink);color:var(--paper);border-top:4px solid var(--ink)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font:900 .66rem/1 var(--mono);direction:ltr}.footer a{color:var(--gb1)}.reveal{opacity:0;transform:translateY(16px);transition:.45s opacity,.45s transform}.reveal.on{opacity:1;transform:none}
/* Dependency-free CSS 3D world: no WebGL and no modules. */
.world{position:fixed;z-index:5000;inset:0;display:none;background:#cfd99a;color:#fff;overflow:hidden}.world.open{display:block}.world-viewport{position:absolute;inset:0;overflow:hidden;perspective:900px;perspective-origin:50% 48%;background:linear-gradient(#dce7ac 0 56%,#7e8e5e 56% 100%);cursor:crosshair;touch-action:none}.world-sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.7),transparent 20%),linear-gradient(transparent 0 55%,rgba(15,56,15,.1) 55%);pointer-events:none}.world-scene{position:absolute;left:50%;top:55%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.world-floor{position:absolute;width:2800px;height:3200px;left:-1400px;top:-200px;background-color:#c6cf91;background-image:linear-gradient(rgba(15,56,15,.24) 3px,transparent 3px),linear-gradient(90deg,rgba(15,56,15,.24) 3px,transparent 3px);background-size:100px 100px;border:10px solid var(--gb4);transform:translate3d(0,180px,-1150px) rotateX(90deg);transform-origin:center;backface-visibility:visible}.world-station,.world-sign{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(var(--x),var(--y),var(--z));backface-visibility:visible}.world-station{width:260px;height:310px;margin:-155px -130px;padding:28px 22px;background:#c7c8bc;border:7px solid #10110f;border-radius:12px 12px 35px 12px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.25);color:#10110f;text-align:left;direction:ltr;cursor:pointer}.world-station:before{content:"";display:block;height:155px;margin-bottom:18px;background:var(--gb1);border:6px solid #10110f;box-shadow:inset 7px 7px 0 rgba(15,56,15,.18)}.world-station:after{content:"";position:absolute;left:45px;right:45px;bottom:-22px;height:20px;border:5px solid #10110f;background:repeating-linear-gradient(90deg,#b59642 0 12px,#10110f 12px 16px)}.world-station small,.world-station b,.world-station span{position:absolute;z-index:2;left:43px;right:43px}.world-station small{top:52px;font:900 .7rem/1 var(--mono)}.world-station b{top:98px;font:900 2rem/1 Impact,"Arial Black",sans-serif;word-break:break-word}.world-station span{bottom:37px;font:900 .72rem/1 var(--mono)}.world-station.target{outline:9px solid #fffef7;filter:brightness(1.08)}.world-blog:before{background:var(--gb3)}.world-blog small,.world-blog b{color:#fffef7}.world-sign{width:600px;height:165px;margin:-82px -300px;padding:28px;background:#10110f;border:8px solid var(--gb1);color:var(--gb1);text-align:center;direction:ltr}.world-sign b{display:block;font:900 4rem/.85 Impact,"Arial Black",sans-serif}.world-sign small{font:900 .75rem/1 var(--mono);letter-spacing:.2em}.world-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 45%,rgba(0,0,0,.3) 100%)}.world-hud{position:absolute;inset:0;pointer-events:none;font-family:var(--mono)}.world-topbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 18px 42px;background:linear-gradient(rgba(10,18,8,.9),transparent)}.world-topbar>div{display:flex;flex-direction:column;direction:ltr}.world-topbar b{color:var(--gb1)}.world-topbar span{font-size:.55rem;letter-spacing:.15em}.world-topbar button{pointer-events:auto;padding:8px 11px;border:3px solid var(--gb1);background:#071007;color:var(--gb1);font:900 .68rem/1 var(--mono);cursor:pointer}.world-crosshair{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.world-crosshair i{position:absolute;background:#fffef7;box-shadow:0 0 5px var(--gb4)}.world-crosshair i:first-child{width:24px;height:2px;top:11px}.world-crosshair i:last-child{width:2px;height:24px;left:11px}.world-prompt{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);min-width:min(560px,90vw);padding:12px 16px;border:3px solid var(--gb4);background:rgba(7,16,7,.9);text-align:center}.world-prompt.ready{background:var(--gb1);color:var(--gb4)}.world-prompt small,.world-prompt strong,.world-prompt span{display:block}.world-prompt small{font-size:.54rem;letter-spacing:.13em}.world-prompt strong{margin:4px 0;font-family:var(--font)}.world-prompt span{font-size:.56rem}.touch-pad,.touch-look,.touch-open{display:none}
@media(max-width:1050px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr;gap:48px}.console{max-width:430px}}
@media(max-width:760px){.site-header{height:68px}.nav-toggle{display:block}.nav{position:fixed;inset:68px 0 auto;display:none;flex-direction:column;align-items:stretch;padding:16px;background:var(--paper);border-bottom:4px solid var(--ink)}.nav.open{display:flex}.nav a{text-align:center}.hero{padding-top:112px;background:linear-gradient(var(--paper) 0 66%,var(--gb1) 66% 100%)}.hero h1{font-size:clamp(3.7rem,20vw,6rem)}.apps-section{padding:58px 0 70px}.app-grid{grid-template-columns:1fr;max-width:430px;margin-inline:auto}.console{transform:none}.footer-row{flex-direction:column;align-items:flex-start}.brand-copy small{display:none}.world-prompt{bottom:118px}.touch-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-areas:". up ." "left down right";position:absolute;left:18px;bottom:18px;gap:4px;pointer-events:auto}.touch-pad button{width:48px;height:48px;border:2px solid var(--gb1);background:#071007cc;color:var(--gb1);font-weight:900}.touch-pad button[data-move="KeyW"]{grid-area:up}.touch-pad button[data-move="KeyA"]{grid-area:left}.touch-pad button[data-move="KeyS"]{grid-area:down}.touch-pad button[data-move="KeyD"]{grid-area:right}.touch-look{display:grid;place-items:end;position:absolute;right:0;bottom:0;width:52%;height:160px;padding:16px;color:#fffef766;font-size:.55rem;pointer-events:auto;touch-action:none}.touch-open{display:block;position:absolute;right:22px;bottom:22px;padding:12px;border:3px solid var(--gb1);background:#0f380f;color:#fffef7;font:900 .62rem/1 var(--mono);pointer-events:auto}.world-station{width:220px;height:270px;margin:-135px -110px}.world-station:before{height:130px}.world-station small,.world-station b,.world-station span{left:34px;right:34px}.world-station b{font-size:1.65rem}.world-sign{transform:translate3d(var(--x),var(--y),var(--z)) scale(.8)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.app-card,.btn{transition:none}}