@import url('language-fonts.css');
:root{--bg:#080b0d;--panel:#11171b;--line:#2a3237;--muted:#a0a9af;--blue:#008bd2;--text:#f3f5f7;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #59c7ff;outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin-top:0}button,a{-webkit-tap-highlight-color:transparent}.titlebar{height:36px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-left:24px;-webkit-app-region:drag;user-select:none;position:fixed;inset:0 0 auto;z-index:30;background:#090d10}.titlebar>span:first-child{font-size:11px;font-weight:bold;letter-spacing:3px}.titlebar b{font-weight:400;color:#c3c8cb}.build-label{margin-left:auto;font-size:8px;letter-spacing:3px;color:var(--muted)}.window-controls{height:100%;display:flex;-webkit-app-region:no-drag}.window-controls button{width:45px;font-size:21px}.window-controls button:hover{background:#273139}.window-controls button:last-child:hover{background:#b12730}.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh;padding-top:36px}.sidebar{position:fixed;top:36px;left:0;bottom:0;width:218px;border-right:1px solid var(--line);background:linear-gradient(135deg,#0e1418,#070b0e 80%);z-index:20;display:flex;flex-direction:column;padding:14px 10px 0}.brand{display:block;width:100%;height:222px;padding:0;margin-bottom:12px}.brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}nav{display:grid;gap:7px}.nav-button{display:flex;align-items:center;gap:18px;padding:16px 20px;width:100%;text-align:left;border:1px solid transparent;border-radius:5px;position:relative;color:#c7cdd1;font-size:15px}.nav-icon{font-size:23px;line-height:1;display:inline-flex;width:24px;justify-content:center}.nav-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.nav-button:hover{background:#ffffff05;color:#fff}.nav-button.active{background:linear-gradient(90deg,#14232c,#121b21);border-color:#2b3942;color:white}.nav-button.active:before{content:'';position:absolute;top:0;bottom:0;left:-10px;width:4px;background:var(--blue)}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-button{margin-bottom:9px}.language-picker{position:relative;border-top:1px solid var(--line);padding:15px 10px}.language-picker summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:12px}.language-picker summary::-webkit-details-marker{display:none}.language-picker .chevron{margin-left:auto}.language-panel{position:absolute;bottom:65px;left:0;width:242px;max-height:calc(100vh - 160px);overflow:auto;background:#10171c;border:1px solid #3a454e;box-shadow:0 10px 40px #000b;border-radius:6px;padding:8px;z-index:60;direction:ltr}.language-panel button{display:flex;align-items:center;gap:16px;width:100%;padding:11px;border-radius:3px;font-size:13px;text-align:left}.language-panel button:hover,.language-panel button.selected{background:#253039}.language-panel button span{width:30px;font-size:10px;color:var(--muted)}.language-panel button bdi{font-weight:400}.language-panel button em{margin-left:auto;font-style:normal;color:#52c4ff}.steam-hub{border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:21px 10px;color:#a9b1b7;font-size:10px;line-height:1.5}.steam-hub>span:first-child{font-size:19px}main{grid-column:2;min-width:0;padding:0 22px 20px;outline:none}.page-kicker{font-size:10px;letter-spacing:4px;font-weight:600;color:#e7eaed;margin:25px 8px 17px;text-transform:uppercase}.hero{position:relative;min-height:428px;overflow:hidden;border-bottom:1px solid var(--line);margin:0 -22px;background:#0b1014}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 52%;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080c10 0%,#080c10eb 18%,#080c10ac 36%,#080c1020 63%,#080c1010),linear-gradient(0deg,#080c10af,transparent 30%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:30px 34px 32px;max-width:590px;min-height:428px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#d0d5d9;text-transform:uppercase;line-height:1.6;margin:0 0 20px}.hero h1{font-size:clamp(32px,3.7vw,58px);line-height:1.05;letter-spacing:-2px;font-weight:800;margin-bottom:18px;max-width:520px;text-shadow:0 3px 20px #000}.hero .hook{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:15px;max-width:380px}.status{display:inline-block;color:#2dc3ff;border:1px solid #00a3e4;border-radius:3px;font-size:9px;letter-spacing:2px;font-weight:600;padding:5px 8px;text-transform:uppercase;line-height:1.3}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:45px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:5px;border:1px solid #76838c;line-height:1.4}.button.primary{background:#f7f8f8;color:#11161a;border-color:#f7f8f8}.button.steam{background:#087cbf;border-color:#16b0ed;color:white}.button:hover{filter:brightness(1.13)}.button.secondary{background:#0b1014c9;color:#e1e6e9}.hero-dots{display:flex;gap:8px;margin-top:26px}.hero-dots button{width:16px;height:5px;padding:0;border-radius:6px;background:#424e57}.hero-dots button[aria-pressed=true]{width:26px;background:#00aeef}.hero-dots button:before{content:'';display:block;height:22px;transform:translateY(-8px)}.section-heading{display:flex;align-items:center;gap:22px;margin:22px 7px 17px;flex-wrap:wrap}.section-heading h2{margin:0;font-size:23px;letter-spacing:5px;text-transform:uppercase}.section-heading p{margin:0;font-size:9px;letter-spacing:3px;color:#aab2b9;padding-left:20px;border-left:1px solid #7e878e}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.game-card{padding:0;min-width:0;text-align:left;border-radius:6px;display:block}.art-frame{position:relative;aspect-ratio:1.45;overflow:hidden;border:1px solid #35414a;border-radius:6px;background:#070a0c;display:flex;align-items:center}.art-frame>.cover{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.game-card:hover .art-frame,.game-card:focus-visible .art-frame{border-color:#00b8fa;box-shadow:0 0 0 1px #00a8ed,0 0 14px #008bd228}.game-card:hover .cover{transform:scale(1.015)}.credit-frame{width:100%;position:relative;aspect-ratio:1672/941}.credit-frame.rail{aspect-ratio:1923/817}.credit-frame>.cover{width:100%;height:100%;object-fit:contain;display:block}.studio-credit{position:absolute;width:13%;right:3%;top:1.5%;mix-blend-mode:screen;filter:drop-shadow(0 2px 4px #000)}.credit-frame.rail .studio-credit{width:13%}.game-card h3{font-size:12px;line-height:1.5;letter-spacing:.9px;margin:10px 0 4px;overflow-wrap:break-word}.game-card .genre{font-size:11px;line-height:1.45;color:#bac2c9;margin-bottom:9px;min-height:16px}.game-card .status{font-size:8px;letter-spacing:1.4px;padding:4px 7px}.footer-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding:21px 8px 0;font-size:10px;letter-spacing:3px}.footer-strip button{font-size:11px;letter-spacing:1px;color:#ccd4db}.footer-strip button:hover{color:#4bcaff}.page-header{padding:42px 8px 26px;border-bottom:1px solid var(--line);margin-bottom:27px}.page-header h1{font-size:clamp(30px,4vw,56px);letter-spacing:-1.5px;margin-bottom:16px;line-height:1.15}.page-header p{max-width:770px;color:#b2bec7;line-height:1.8;font-size:15px;margin:0}.page-header .eyebrow{margin-bottom:13px}.page-content{padding:0 8px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.library-grid .art-frame{aspect-ratio:16/9}.library-grid .game-card h3{font-size:18px}.library-grid .genre{font-size:13px}.back-button{margin:24px 8px 0;color:#aab6be;font-size:12px}.back-button:hover{color:#fff}.detail-title{max-width:950px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.detail-art{position:relative;border:1px solid #36434b;background:#040608;overflow:hidden;border-radius:6px}.detail-art>.cover{width:100%;height:auto;display:block}.detail-art .art-frame{border:0;border-radius:0;aspect-ratio:auto}.detail-art .credit-frame{aspect-ratio:1672/941}.detail-art .credit-frame.rail{aspect-ratio:1923/817}.detail-art .cover{width:100%;height:auto}.caption{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#929ea7;margin-top:12px;line-height:1.6}.detail-info{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;margin:45px 0}.detail-info h2{font-size:32px;line-height:1.2}.detail-info p,.article p{color:#b5c0c9;line-height:1.9;font-size:16px}.detail-info li{border-top:1px solid var(--line);padding:16px 0;list-style:none;font-size:13px;line-height:1.7}.detail-info ul{padding:0}.platform{color:#b9c4cc;font-size:11px;margin-top:14px}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.community-card,.settings-group,.news-tile{background:linear-gradient(135deg,#131c22,#0b1014);border:1px solid #2c3841;padding:28px;border-radius:6px}.community-card h2{font-size:25px;margin:0 0 14px}.community-card p{color:#a9b7c0;font-size:14px;line-height:1.8;margin-bottom:24px}.community-card .button{font-size:12px}.settings-group{max-width:850px;margin-bottom:20px}.settings-group h2{font-size:19px;margin-bottom:25px}.setting-row{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.setting-row:first-of-type{border-top:0}.setting-row label{font-size:14px;line-height:1.7}.setting-row select{padding:9px 13px;background:#0a1116;color:#e6eef4;border:1px solid #4d5d69;border-radius:4px;min-width:110px;max-width:250px}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue)}.settings-note{color:#9aabb7;font-size:12px;line-height:1.8}.version{font-size:12px;color:#9aabb7}.news-tile{max-width:900px;text-align:left;width:100%;padding:34px}.news-tile h2{font-size:34px;margin:18px 0}.news-tile p{color:#a9b7c0;line-height:1.8}.news-tile:hover{border-color:#6b7d8b}.news-tile img{height:110px;width:110px;object-fit:contain;mix-blend-mode:screen;float:right}.article{max-width:850px;padding:0 8px 35px}.article h2{font-size:28px;margin:35px 0 18px;line-height:1.4}.article blockquote{font-size:35px;line-height:1.4;border-left:3px solid var(--blue);padding-left:25px;margin:35px 0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#1d303e;border:1px solid #387da8;color:white;padding:14px 24px;border-radius:5px;font-size:13px;max-width:70%;box-shadow:0 8px 30px #0008}dialog{background:#111b23;color:#f2f6f9;border:1px solid #465968;border-radius:8px;max-width:520px;width:calc(100% - 60px);padding:35px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#030609bb;backdrop-filter:blur(4px)}dialog h2{font-size:25px;line-height:1.3;margin-right:20px}dialog p{font-size:15px;line-height:1.8;color:#b9c8d4}dialog .button{margin-top:15px}.dialog-close{position:absolute;right:12px;top:10px;font-size:25px}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[lang=zh] body{font-family:'Noto Sans SC',Arial,sans-serif}html[lang=ar] body{font-family:'Noto Sans Arabic',Arial,sans-serif}.titlebar,.sidebar,.app-shell{direction:ltr}html[dir=rtl] main{text-align:right;direction:rtl}html[dir=rtl] .hero-copy{align-items:flex-start;direction:rtl;text-align:right;max-width:590px;margin-left:auto}html[dir=rtl] .hero:after{background:linear-gradient(270deg,#080c10 0%,#080c10eb 18%,#080c10ac 36%,#080c1020 63%)}html[dir=rtl] .game-card{text-align:right}html[dir=rtl] .hero h1{direction:ltr}html[lang=ar] .status,html[lang=ar] .eyebrow,html[lang=ar] .section-heading h2{letter-spacing:0}html[lang=ar] .hero-copy h1{font-family:Arial,sans-serif}html[lang=ar] .game-card h3{direction:ltr;text-align:right;font-family:Arial,sans-serif}html[dir=rtl] .section-heading p{border-left:0;border-right:1px solid #7e878e;padding-left:0;padding-right:20px}
@media(max-width:1250px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px}.brand{height:185px}.nav-button{font-size:13px;padding:15px 14px;gap:14px}.hero-copy{max-width:510px}.hero h1{font-size:42px;max-width:420px}.game-card h3{font-size:11px;letter-spacing:.3px}.game-card .genre{font-size:10px}.section-heading h2{font-size:21px}.games-grid{gap:12px}.hero{min-height:370px}.hero-copy{min-height:370px}}
@media(max-height:850px){.brand{height:165px;margin-bottom:3px}.nav-button{padding-top:13px;padding-bottom:13px}.hero,.hero-copy{min-height:350px}.hero-copy{padding-top:18px;padding-bottom:22px}.hero h1{font-size:42px}.hero .eyebrow{margin-bottom:14px}.hero-actions{margin-top:18px}.hero-dots{margin-top:22px}.page-kicker{margin-top:19px;margin-bottom:13px}.section-heading{margin-top:18px;margin-bottom:14px}.art-frame{aspect-ratio:1.62}.footer-strip{margin-top:18px;padding-top:17px}}