:root{--plastic:#d8d0bc;--plastic-dark:#b8ae96;--plastic-light:#efe9d8;--plastic-edge:#8d8268;--crt-blue:#0000a8;--crt-cyan:#3fbfff;--crt-yellow:#ffd23f;--crt-white:#e8e8e8;--crt-green:#3fff5f;--crt-red:#ff4040;--gold:#d4a017;--red-sticker:#c4231b;--px:"Press Start 2P",monospace;--term:"VT323",monospace;--ar:"Cairo",sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--ar);background:#1a1410;background-image:radial-gradient(ellipse 120% 80% at 50% -10%,#3a2c20 0%,transparent 60%),repeating-linear-gradient(90deg,#1d1612 0,#1d1612 3px,#171110 3px,#171110 6px);color:#e8e0d0;user-select:none;-webkit-user-select:none;overflow-x:hidden}#room{max-width:520px;margin:0 auto;padding:8px 8px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}#tv{filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}#tv-frame{background:linear-gradient(160deg,#5a4636,#3c2e22 55%,#2b2018);border-radius:18px 18px 14px 14px;padding:14px 14px 6px;border:1px solid #6b563f;box-shadow:inset 0 2px #ffdcaa40,inset 0 -6px 12px #00000080}#crt{position:relative;aspect-ratio:4/3;background:#000;border-radius:10px/14px;overflow:hidden;box-shadow:inset 0 0 30px #000,0 0 0 4px #14100c,0 0 0 5px #000}#scr{position:absolute;top:0;right:0;bottom:0;left:0;padding:4.5% 5%;background:var(--crt-blue);color:var(--crt-white);font-family:var(--px);font-size:clamp(8px,2.6vw,13px);line-height:1.9;overflow:hidden;transform:scale(1);display:flex;flex-direction:column;text-shadow:0 0 4px currentColor,1px 0 0 rgba(255,0,80,.25),-1px 0 0 rgba(0,200,255,.25)}#scr.crt-on{animation:turn-on .5s ease-out}@keyframes turn-on{0%{transform:scaleY(.005);filter:brightness(8)}45%{transform:scaleY(.005);filter:brightness(8)}to{transform:scale(1);filter:brightness(1)}}#scr .ar{font-family:var(--ar);font-weight:900;letter-spacing:0}#scr .big-ar{font-family:var(--ar);font-weight:900;font-size:2.4em;line-height:1.4}#scr .term{font-family:var(--term);font-size:1.7em;line-height:1.15}.c-cyan{color:var(--crt-cyan)}.c-yel{color:var(--crt-yellow)}.c-grn{color:var(--crt-green)}.c-red{color:var(--crt-red)}.c-wht{color:var(--crt-white)}.c-blk{color:#000;text-shadow:none}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.shake{animation:shake .4s}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;display:none;background:#000}#game-canvas.on{display:block}.crt-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scanlines{background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#00000047 2px,#00000047 4px);mix-blend-mode:multiply}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);background-size:100% 8px;animation:roll 9s linear infinite}@keyframes roll{0%{background-position:0 0}to{background-position:0 100vh}}.vignette{background:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);border-radius:10px/14px}.glass{background:radial-gradient(ellipse 40% 18% at 28% 8%,rgba(255,255,255,.14),transparent 70%),radial-gradient(ellipse 60% 30% at 70% 100%,rgba(120,180,255,.05),transparent 70%)}body.no-scan .scanlines{display:none}#crt-off{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;transition:opacity .15s;z-index:5}#crt-off.off{opacity:0;pointer-events:none}#crt.flicker #scr{animation:flick .12s steps(2) infinite}@keyframes flick{50%{filter:brightness(1.25) contrast(1.1)}}#tv-brand{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 4px;color:#cdb592}.tv-logo{font-family:var(--px);font-size:8px;letter-spacing:2px}.tv-knobs i{display:inline-block;width:13px;height:13px;border-radius:50%;margin:0 3px;background:radial-gradient(circle at 35% 30%,#7a614a,#2e2418);box-shadow:inset 0 -2px 3px #000}.tv-led{width:8px;height:8px;border-radius:50%;background:#421;box-shadow:0 0 2px #000;display:inline-block}.tv-led.on{background:#f33;box-shadow:0 0 8px #f44,0 0 3px red}#console{background:linear-gradient(175deg,var(--plastic-light) 0%,var(--plastic) 35%,var(--plastic-dark) 100%);border-radius:16px 16px 22px 22px;border:1px solid var(--plastic-edge);box-shadow:inset 0 2px #fffdf2,inset 0 -8px 14px #50412859,0 12px 24px #000000a6,0 2px #5e5440;padding:12px 12px 16px;display:flex;flex-direction:column;gap:10px;position:relative}#console:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff08 0,#ffffff08 2px,#00000005 2px,#00000005 4px)}#console-top{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}#cart-bay{display:flex;flex-direction:column;gap:6px;flex:1;min-width:130px}#cart-slot{height:64px;background:#332c22;border-radius:6px;box-shadow:inset 0 4px 8px #000,inset 0 -1px #ffffff26;overflow:hidden;position:relative;cursor:pointer}#cart-slot:before{content:"إدخال الشريط ▼ INSERT CASSETTE";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8a7c60;font-size:9px;font-weight:700;letter-spacing:1px}#cartridge{position:absolute;top:5px;right:8px;bottom:5px;left:8px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#e8b428,#c4881a);border:1px solid #8a5f10;box-shadow:0 2px 4px #00000080,inset 0 1px #ffd86a;transform:translateY(-120%);transition:transform .45s cubic-bezier(.2,.8,.3,1.1);display:flex;align-items:center;justify-content:center}#cartridge.in{transform:translateY(0)}.cart-label{background:#1c1c1c;border:1px solid #d4a017;border-radius:3px;text-align:center;padding:2px 10px;line-height:1.25}.cart-label b{color:#ffd23f;font-size:11px;display:block}.cart-label span{color:#eee;font-size:7px;font-family:var(--px);display:block}.cart-label .cart-gold{color:#d4a017}#console-badges{flex:1.2;min-width:150px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}#sticker-main{flex-basis:100%;display:flex;align-items:center;gap:8px;background:linear-gradient(165deg,#e23b30,var(--red-sticker) 60%,#8e150f);border-radius:8px;padding:6px 10px;color:#fff;border:2px solid var(--gold);box-shadow:0 2px 5px #0006,inset 0 1px #fff6;transform:rotate(-1.2deg)}.leopard{font-size:26px;filter:drop-shadow(0 1px 1px #000)}.sticker-txt b{display:block;font-size:16px;font-weight:900;text-shadow:1px 1px 0 #7a0e08}.sticker-txt i{display:block;font-family:var(--px);font-size:6.5px;font-style:normal;color:var(--crt-yellow);letter-spacing:1px}.badge{border-radius:6px;padding:4px 8px;font-weight:900;font-size:11px;line-height:1.2;text-align:center;box-shadow:0 1px 3px #00000059,inset 0 1px #fff6}.badge small{font-weight:700;font-size:8px;display:inline-block}.badge-999{background:linear-gradient(180deg,#ffe066,var(--gold));color:#5a3a00;border:1px solid #9a7008;transform:rotate(1.5deg);font-family:var(--px);font-size:9px;padding-top:7px}.badge-edu{background:#1656b8;color:#fff;border:1px solid #0c3a80;transform:rotate(-1deg)}.badge-edu small{font-family:var(--px);font-size:5.5px;color:#bcd8ff}.badge-model{background:#222;color:#3fbfff;font-family:var(--px);font-size:10px;border:1px solid #000;padding:7px 8px}#power-zone{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-width:74px}.mech-btn{font-family:var(--ar);font-weight:900;font-size:10px;line-height:1.3;background:linear-gradient(180deg,#f5efe0,#cfc6ae);border:1px solid #8d8268;border-radius:6px;box-shadow:0 3px #8d8268,0 4px 5px #00000059,inset 0 1px #fff;padding:7px 10px;color:#4a4232;cursor:pointer}.mech-btn:active{transform:translateY(3px);box-shadow:0 0 #8d8268,inset 0 1px 3px #0000004d}.mech-btn.power{background:linear-gradient(180deg,#ff6b5e,#c4231b);color:#fff;border-color:#7a0e08;box-shadow:0 3px #7a0e08,0 4px 5px #0006,inset 0 1px #ff9a90}.mech-btn.power:active{box-shadow:0 0 #7a0e08,inset 0 1px 3px #0006}#pwr-led{width:10px;height:10px;border-radius:50%;background:#3a3325;box-shadow:inset 0 1px 2px #000}#pwr-led.on{background:#4f4;box-shadow:0 0 9px #4f4,0 0 3px #0f0}#ports{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#00000014;border-radius:6px;padding:4px 10px;box-shadow:inset 0 1px 3px #00000040;font-size:8.5px;font-weight:700;color:#6b6048;white-space:nowrap;overflow:hidden}.slogan{color:#a3543c;font-weight:900;overflow:hidden;text-overflow:ellipsis}#pad-row{display:flex;align-items:center;justify-content:space-between;gap:8px;direction:ltr}#dpad{display:grid;grid-template:repeat(3,46px)/repeat(3,46px);background:radial-gradient(circle,#3b3b3b 62%,transparent 63%);border-radius:50%}.dbtn{background:linear-gradient(180deg,#4a4a4a,#262626);border:1px solid #111;color:#999;font-size:14px;cursor:pointer;box-shadow:0 3px #111,inset 0 1px #666;touch-action:none}.dbtn:active,.dbtn.held{background:#1c1c1c;transform:translateY(2px);box-shadow:0 1px #111;color:#3fbfff}.dbtn.up{grid-area:1/2;border-radius:8px 8px 0 0}.dbtn.left{grid-area:2/1;border-radius:8px 0 0 8px}.dbtn.mid{grid-area:2/2;pointer-events:none;box-shadow:none;background:#262626;background-image:radial-gradient(circle,#1a1a1a 30%,transparent 32%)}.dbtn.right{grid-area:2/3;border-radius:0 8px 8px 0}.dbtn.down{grid-area:3/2;border-radius:0 0 8px 8px}#mid-btns{display:flex;flex-direction:column;gap:7px;align-items:center}.pill{font-family:var(--ar);font-weight:900;font-size:9px;line-height:1.25;background:linear-gradient(180deg,#555,#2b2b2b);color:#ddd;border:1px solid #111;border-radius:14px;padding:5px 18px;cursor:pointer;box-shadow:0 3px #111,inset 0 1px #777;letter-spacing:.5px;touch-action:none}.pill:active,.pill.held{transform:translateY(2px);box-shadow:0 1px #111}.kb-toggle{background:linear-gradient(180deg,#1656b8,#0c3a80);border-color:#082a60}#ab{display:flex;gap:12px;align-items:flex-end}.ab{width:58px;height:58px;border-radius:50%;font-family:var(--px);font-size:16px;color:#fff;cursor:pointer;border:1px solid #5e0a05;touch-action:none;background:radial-gradient(circle at 35% 28%,#ff7a6e,#c4231b 60%,#8e150f);box-shadow:0 4px #6e0c06,0 6px 8px #0006,inset 0 2px 2px #ffffff59;text-shadow:1px 1px 0 #7a0e08}.ab:active,.ab.held{transform:translateY(3px);box-shadow:0 1px #6e0c06,inset 0 2px 6px #0006}.ab.b{margin-bottom:14px}#vkb{background:linear-gradient(175deg,var(--plastic-light),var(--plastic-dark));border:1px solid var(--plastic-edge);border-radius:12px;padding:7px;box-shadow:inset 0 1px #fffdf2,0 8px 16px #0000008c}#vkb.hidden{display:none}.vkb-head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 6px;font-size:10px;font-weight:900;color:#6b6048;letter-spacing:.5px}.vk.hide-kb{flex:none;max-width:none;width:auto;height:26px;padding:0 12px;font-size:11px;font-weight:900;background:linear-gradient(180deg,#ff6b5e,#c4231b);color:#fff;border-color:#7a0e08;box-shadow:0 2px #7a0e08}#vkb-rows{display:flex;flex-direction:column;gap:5px;margin-bottom:5px}.vkb-row{display:flex;gap:4px;justify-content:center}.vk{flex:1;max-width:44px;min-width:0;height:38px;font-family:var(--ar);font-weight:700;font-size:14px;background:linear-gradient(180deg,#f7f2e3,#d5ccb4);color:#3c3526;border:1px solid #998e72;border-radius:5px;cursor:pointer;box-shadow:0 2px #998e72,inset 0 1px #fff;touch-action:none;padding:0}.vk:active{transform:translateY(2px);box-shadow:0 0 #998e72}.vkb-bottom{display:flex;gap:4px}.vk.wide{flex:1.6;max-width:none;font-size:11px}.vk.space{flex:4;max-width:none;font-size:10px}.vk.ok{background:linear-gradient(180deg,#7be08a,#3aa84c);border-color:#1e6b2c;color:#fff;box-shadow:0 2px #1e6b2c}#foot{text-align:center;font-size:9px;color:#6b5d48;letter-spacing:.5px}.scr-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6em}.scr-title{color:var(--crt-yellow);font-size:1.05em}.scr-rows{display:flex;flex-direction:column;gap:.15em}.menu-item{padding:.05em .4em;white-space:nowrap;overflow:hidden}.menu-item.sel{background:var(--crt-yellow);color:#0000a8;text-shadow:none;animation:selpulse .6s steps(2) infinite}@keyframes selpulse{50%{background:var(--crt-white)}}.statusbar{margin-top:auto;font-size:.72em;color:var(--crt-cyan);display:flex;justify-content:space-between;gap:1em}.choice-row{display:flex;gap:1em;justify-content:center;flex-wrap:wrap;direction:ltr}.choice{border:2px solid var(--crt-cyan);padding:.2em .6em;min-width:2.2em}.choice.sel{background:var(--crt-cyan);color:#000;text-shadow:none}.choice.good{background:var(--crt-green);color:#000;border-color:var(--crt-green);text-shadow:none}.choice.bad{background:var(--crt-red);color:#fff;border-color:var(--crt-red)}.loadbar{width:80%;height:1em;border:2px solid var(--crt-white);margin:0 auto}.loadbar i{display:block;height:100%;background:var(--crt-green);width:0%}.typed-line{border-bottom:2px solid var(--crt-cyan);min-height:1.6em;font-size:1.2em;direction:ltr}.typed-line.rtl{direction:rtl}@media(min-width:900px){#room{max-width:1100px;display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start;padding-top:24px;grid-template-areas:"tv console" "tv vkb" "foot foot"}#tv{position:sticky;top:20px;grid-area:tv}#console{grid-area:console}#vkb{grid-area:vkb}#foot{grid-area:foot}}@media(max-width:380px){#dpad{grid-template:repeat(3,40px)/repeat(3,40px)}.ab{width:50px;height:50px}}