:root{--bg:#0b0e22;--card:#0f1226d1;--card-solid:#12152e;--border:#ffffff17;--text:#e8ecff;--muted:#9aa3d0;--cyan:#4deeea;--magenta:#ff5da2;--amber:#ffb347;--lime:#9dff70;--violet:#b388ff;--gold:gold;--grad:linear-gradient(135deg, var(--cyan), var(--magenta));--font:"Outfit", "Cairo", sans-serif;--shadow:0 18px 50px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}[dir=rtl]{font-family:Cairo,Outfit,sans-serif}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#loading-screen{z-index:100;background:radial-gradient(1200px 700px at 70% -10%, #221a4d 0%, transparent 60%), radial-gradient(900px 600px at 10% 110%, #3a1235 0%, transparent 55%), var(--bg);justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading-screen.fade{opacity:0;pointer-events:none}.load-inner{text-align:center;width:min(420px,86vw)}.load-logo{letter-spacing:4px;background:var(--grad);color:#0000;filter:drop-shadow(0 0 24px #4deeea59);-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800}.load-logo span{color:var(--text);-webkit-text-fill-color:var(--text)}.load-sub{color:var(--muted);letter-spacing:1px;margin-top:10px;font-size:15px}.load-bar{border:1px solid var(--border);background:#ffffff14;border-radius:99px;height:8px;margin:26px auto 10px;overflow:hidden}.load-bar-fill{background:var(--grad);border-radius:99px;width:0%;height:100%;transition:width .25s;box-shadow:0 0 18px #4deeeab3}.load-pct{color:var(--cyan);font-size:14px;font-weight:600}.load-tip{color:var(--muted);opacity:.85;min-height:20px;margin-top:26px;font-size:13.5px}#intro-screen{z-index:90;background:radial-gradient(#07091940 0%,#070919c7 100%);justify-content:center;align-items:center;padding:20px;transition:opacity .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#intro-screen.fade{opacity:0;pointer-events:none}.intro-card{text-align:center;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);width:100%;max-width:660px;box-shadow:var(--shadow);border-radius:28px;padding:38px 30px;animation:.8s cubic-bezier(.2,.9,.25,1.2) introIn}@keyframes introIn{0%{opacity:0;transform:translateY(36px)scale(.94)}}.intro-kicker{color:var(--cyan);letter-spacing:5px;font-size:12px;font-weight:600}.intro-title{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 4px;font-size:clamp(30px,5.4vw,46px);font-weight:800;line-height:1.1}.intro-name{font-size:19px;font-weight:600}.intro-sub{color:var(--muted);margin-top:5px;font-size:14px}.intro-enter{font-family:var(--font);letter-spacing:2px;color:#081019;background:var(--grad);cursor:pointer;border:none;border-radius:99px;margin:26px auto 8px;padding:15px 44px;font-size:17px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 0 32px #4deeea73}.intro-enter:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 0 46px #ff5da28c}.intro-controls{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;margin-top:24px;display:grid}.ctrl-chip{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:13px;align-items:center;gap:9px;padding:9px 12px;font-size:12.5px;display:flex}.ctrl-chip b{color:var(--text);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-bottom-width:3px;border-radius:7px;padding:3px 8px;font-size:11px}.intro-lang{border:1px solid var(--border);border-radius:99px;gap:0;margin-top:20px;display:inline-flex;overflow:hidden}.intro-lang button{cursor:pointer;color:var(--muted);font-family:var(--font);background:0 0;border:none;padding:7px 22px;font-size:13.5px;font-weight:600}.intro-lang button.active{color:var(--cyan);background:#4deeea29}#hud{z-index:50;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}.hud-top-left{flex-direction:column;gap:10px;display:flex;position:absolute;top:16px;left:16px}[dir=rtl] .hud-top-left{left:auto;right:16px}.hud-logo{letter-spacing:2px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:13px;padding:9px 16px;font-size:15px;font-weight:800}.hud-logo span{color:var(--cyan)}.hud-buttons{flex-wrap:wrap;gap:7px;max-width:230px;display:flex}.hud-btn{font-family:var(--font);color:var(--text);background:var(--card);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:11px;padding:8px 13px;font-size:12.5px;font-weight:600;transition:background .15s,transform .15s}.hud-btn:hover{background:#4deeea24;transform:translateY(-1px)}.hud-top-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:16px;right:16px}[dir=rtl] .hud-top-right{align-items:flex-start;left:16px;right:auto}#minimap{border:2px solid var(--border);-webkit-backdrop-filter:blur(8px);width:168px;height:168px;box-shadow:var(--shadow);background:#0a0c1eb8;border-radius:50%}.coin-counter{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:800;display:flex}.coin-counter .orb{background:radial-gradient(circle at 32% 30%, #ffe9b0, var(--amber));width:16px;height:16px;box-shadow:0 0 12px var(--amber);border-radius:50%}.coin-counter.bump{animation:.35s bump}@keyframes bump{40%{transform:scale(1.18)}}.prompt{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);opacity:0;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:130px;left:50%;transform:translate(-50%)translateY(8px);pointer-events:none!important}.prompt.show{opacity:1;transform:translate(-50%)translateY(0)}.prompt .key{background:var(--grad);color:#081019;border-radius:8px;padding:5px 11px;font-size:13px;font-weight:800}.hint{border:1px solid var(--border);color:var(--muted);opacity:0;white-space:nowrap;background:#0a0c1e99;border-radius:99px;padding:8px 18px;font-size:12.5px;transition:opacity .25s;position:absolute;bottom:86px;left:50%;transform:translate(-50%);pointer-events:none!important}.hint.show{opacity:1}.toast-wrap{flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--card);-webkit-backdrop-filter:blur(14px);border:1px solid #ffd70059;border-radius:16px;align-items:center;gap:12px;max-width:min(480px,90vw);padding:12px 22px;animation:.45s cubic-bezier(.2,.9,.25,1.25) toastIn;display:flex;box-shadow:0 8px 40px #0000008c,0 0 24px #ffd7001f}.toast.out{animation:.4s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(-30px)scale(.9)}}@keyframes toastOut{to{opacity:0;transform:translateY(-24px)}}.toast .t-icon{font-size:26px}.toast .t-kicker{letter-spacing:2px;color:var(--gold);font-size:10.5px;font-weight:800}.toast .t-text{font-size:14.5px;font-weight:600}.finale-banner{text-align:center;animation:1s cubic-bezier(.2,.9,.25,1.2) finaleIn;position:absolute;top:24%;left:50%;transform:translate(-50%);pointer-events:none!important}@keyframes finaleIn{0%{opacity:0;transform:translate(-50%)scale(.6)}}.finale-banner h1{background:linear-gradient(135deg, var(--gold), var(--magenta), var(--cyan));color:#0000;filter:drop-shadow(0 0 30px #ffd70073);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,64px);font-weight:800}.finale-banner p{color:var(--text);text-shadow:0 2px 14px #000;margin-top:8px;font-size:17px}.radio-widget{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:11px;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:16px}[dir=rtl] .radio-widget{left:auto;right:16px}.radio-widget .r-btn{cursor:pointer;background:var(--grad);color:#081019;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:transform .15s;display:flex}.radio-widget .r-btn:hover{transform:scale(1.1)}.radio-widget .r-skip{color:var(--text);background:#ffffff1a;width:28px;height:28px;font-size:11px}.r-info{min-width:110px}.r-station{font-size:13px;font-weight:700}.r-state{color:var(--muted);letter-spacing:1px;font-size:10.5px}#radio-viz{width:64px;height:30px}.r-vol{width:70px;accent-color:var(--cyan);cursor:pointer}#panel-overlay{z-index:70;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0507129e;justify-content:center;align-items:center;padding:18px;transition:opacity .25s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#panel-overlay.open{opacity:1;pointer-events:auto}.panel{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);width:min(860px,96vw);max-height:88vh;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#fff3 transparent;border-radius:26px;padding:30px;transition:transform .3s cubic-bezier(.2,.9,.25,1.2);overflow-y:auto;transform:translateY(20px)scale(.97)}#panel-overlay.open .panel{transform:none}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.panel-title{align-items:center;gap:12px;font-size:25px;font-weight:800;display:flex}.panel-title .bar{background:var(--grad);border-radius:4px;width:5px;height:26px}.panel-close{border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;font-size:17px;transition:background .15s,transform .15s}.panel-close:hover{background:#ff5da240;transform:rotate(90deg)}.section-label{letter-spacing:3px;color:var(--cyan);margin:26px 0 13px;font-size:11.5px;font-weight:800}.about-grid{grid-template-columns:170px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:640px){.about-grid{grid-template-columns:1fr}}.about-avatar{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--border);border-radius:18px;width:100%;max-width:230px;margin-inline-start:auto;margin-inline-end:auto;display:block;box-shadow:0 10px 30px #0006}.about-name{font-size:23px;font-weight:800}.about-role{color:var(--cyan);margin-top:3px;font-size:14.5px;font-weight:600}.about-bio{color:var(--muted);margin-top:13px;font-size:14.5px;line-height:1.75}.chip-row{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.chip{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600}.chip.glow{color:var(--cyan);border-color:#4deeea66}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px;display:grid}.project-card{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--pc,var(--cyan));transform:translateY(-4px);box-shadow:0 14px 34px #00000073}.project-thumb{aspect-ratio:4/3;object-fit:cover;background:#0d1026;width:100%;display:block}.project-body{flex-direction:column;flex:1;gap:8px;padding:14px 15px 16px;display:flex}.project-name{font-size:15.5px;font-weight:800}.project-blurb{color:var(--muted);flex:1;font-size:12.8px;line-height:1.55}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag{color:var(--pc,var(--cyan));background:#ffffff12;border:1px solid #ffffff14;border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:700}.project-link{color:var(--pc,var(--cyan));font-size:12px;font-weight:700}.timeline{padding-inline-start:26px;position:relative}.timeline:before{content:"";background:linear-gradient(var(--cyan), var(--magenta));opacity:.4;width:2px;position:absolute;top:6px;bottom:6px}.timeline:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:7px}.timeline:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:7px}.timeline:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:7px}.timeline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:7px}.tl-item{padding:10px 0 16px;position:relative}.tl-item:before{content:"";background:var(--tc,var(--cyan));width:11px;height:11px;box-shadow:0 0 12px var(--tc,var(--cyan));border-radius:50%;position:absolute;top:17px}.tl-item:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-25px}.tl-item:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-25px}.tl-item:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-25px}.tl-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-25px}.tl-head{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.tl-logo{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:11px;flex-shrink:0;width:42px;height:42px}.tl-company{font-size:15.5px;font-weight:800}.tl-role{color:var(--muted);font-size:13px}.tl-period{color:var(--tc,var(--cyan));border:1px solid var(--border);white-space:nowrap;background:#ffffff0d;border-radius:99px;margin-inline-start:auto;padding:4px 11px;font-size:11.5px;font-weight:700}.stats-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.stat-card{text-align:center;border:1px solid var(--border);background:#ffffff0a;border-radius:16px;padding:16px 8px}.stat-value{background:linear-gradient(135deg, var(--gold), var(--amber));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.stat-label{color:var(--muted);margin-top:3px;font-size:12px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.ach-card{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;align-items:center;gap:11px;padding:11px 13px;display:flex}.ach-card.locked{opacity:.32;filter:grayscale(.9)}.ach-card .a-icon{font-size:23px}.ach-card .a-name{font-size:12.6px;font-weight:600;line-height:1.35}.edu-card{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;align-items:center;gap:16px;padding:16px;display:flex}.edu-logo{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:14px;flex-shrink:0;width:64px;height:64px}.edu-school{font-size:16px;font-weight:800}.edu-degree{color:var(--cyan);margin-top:2px;font-size:13.5px;font-weight:600}.edu-note{color:var(--muted);margin-top:5px;font-size:12.5px;line-height:1.5}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.contact-btn{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:17px;align-items:center;gap:13px;padding:17px 18px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex}.contact-btn:hover{border-color:var(--cc,var(--cyan));background:#ffffff12;transform:translateY(-3px)}.contact-btn .c-icon{width:40px;height:40px;color:var(--cc,var(--cyan));background:#ffffff12;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-btn .c-icon svg{fill:currentColor;width:20px;height:20px}.contact-sub{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400}.quest-list{flex-direction:column;gap:9px;display:flex}.quest-item{border:1px solid var(--border);background:#ffffff0a;border-radius:15px;align-items:center;gap:13px;padding:13px 16px;transition:opacity .3s;display:flex}.quest-item.done{border-color:#9dff7059}.quest-item .q-icon{font-size:21px}.quest-item .q-text{flex:1;font-size:13.8px;font-weight:600}.quest-item.done .q-text{opacity:.6;text-decoration:line-through}.quest-check{border:2px solid var(--border);color:#081019;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.quest-item.done .quest-check{background:var(--lime);border-color:var(--lime)}.quest-progress{border:1px solid var(--border);background:#ffffff12;border-radius:99px;height:10px;margin-bottom:18px;overflow:hidden}.quest-progress-fill{background:var(--grad);border-radius:99px;height:100%;transition:width .5s;box-shadow:0 0 14px #4deeea99}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row label{font-size:14.5px;font-weight:600}.settings-row input[type=range]{width:150px;accent-color:var(--cyan)}.seg{border:1px solid var(--border);border-radius:99px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;font-family:var(--font);background:0 0;border:none;padding:7px 17px;font-size:13px;font-weight:600}.seg button.active{color:var(--cyan);background:#4deeea29}.danger-btn{color:#ff9a9a;width:100%;font-family:var(--font);cursor:pointer;background:#ff50501a;border:1px solid #ff505066;border-radius:13px;margin-top:16px;padding:12px;font-size:13.5px;font-weight:700;transition:background .15s}.danger-btn:hover{background:#ff505038}#mobile-controls{z-index:60;pointer-events:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0}body.is-touch #mobile-controls{display:block}body.is-touch .hud-buttons{max-width:190px}#joystick-zone{border:1.5px solid var(--border);pointer-events:auto;touch-action:none;background:#ffffff0d;border-radius:50%;width:130px;height:130px;position:absolute;bottom:86px;left:18px}#joystick-knob{background:#4deeea40;border:2px solid #4deeea99;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-buttons{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:11px;display:flex;position:absolute;bottom:86px;right:16px}.touch-btn{border:1.5px solid var(--border);width:58px;height:58px;color:var(--text);font-family:var(--font);-webkit-backdrop-filter:blur(8px);touch-action:manipulation;background:#0f1226bf;border-radius:50%;font-size:12px;font-weight:800}.touch-btn:active{background:#4deeea4d}.touch-btn.small{width:48px;height:48px;font-size:10.5px}@media (max-width:760px){#minimap{width:118px;height:118px}.prompt{bottom:235px}.hint{bottom:196px}.radio-widget{transform-origin:0 100%;bottom:12px;left:12px;transform:scale(.92)}.panel{padding:20px}.hud-logo{display:none}}@media (max-width:480px){.radio-widget .r-vol{display:none}#radio-viz{width:46px}.r-info{min-width:88px}}