:root{--bg:#07090d;--surface:#10141c;--surface-2:#161b25;--line:#40e0d029;--line-strong:#40e0d073;--accent:#40e0d0;--accent-ink:#032420;--gold:#ffcf4a;--text:#e9eef2;--muted:#95a3af;--dim:#5b6772;--radius:18px;--font-display:"Fredoka", "Trebuchet MS", sans-serif;--font-body:"Inter", "Segoe UI", Roboto, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 85% -10%, #40e0d01a, transparent 60%), radial-gradient(900px 500px at -10% 10%, #ffcf4a0f, transparent 60%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);flex-direction:column;margin:0;font-size:16px;line-height:1.6;display:flex}main{flex:1}a{color:var(--accent)}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:min(1200px,100% - 32px);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:30;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#07090dc7;position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.brand{color:var(--text);align-items:baseline;gap:8px;text-decoration:none;display:flex}.brand .efes{color:var(--accent);font-family:ui-monospace,Consolas,monospace;font-size:18px}.brand .games{font-family:var(--font-display);letter-spacing:.5px;font-size:24px;font-weight:600}.top nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.top nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.top nav a:hover{color:var(--text);background:var(--surface-2)}@media (width<=560px){.top nav a.hide-sm{display:none}.top nav{flex-wrap:nowrap;gap:0}.top nav a{padding:8px 9px}}h1,h2,h3{font-family:var(--font-display);letter-spacing:.2px;margin:0 0 .4em;font-weight:600;line-height:1.1}h1{font-size:clamp(34px,5.4vw,60px)}h2{font-size:clamp(26px,3.4vw,36px)}h3{font-size:21px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin:56px 0 18px;display:flex}.section-head p{color:var(--muted);max-width:620px;margin:0}.btn{font-family:var(--font-display);background:var(--accent);color:var(--accent-ink);border:2px solid var(--accent);border-radius:999px;align-items:center;gap:10px;padding:11px 20px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #40e0d040}.btn.ghost{color:var(--text);border-color:var(--line-strong);background:0 0}.btn.ghost:hover{border-color:var(--accent);box-shadow:none}.btn.off{color:var(--dim);pointer-events:none;background:0 0;border-color:#ffffff14}.btn svg{flex:none;width:18px;height:18px}.actions{flex-wrap:wrap;gap:10px;display:flex}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{letter-spacing:.3px;color:var(--accent);border:1px solid var(--line-strong);background:#40e0d01a;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge svg{width:13px;height:13px}.badge.soon{color:var(--dim);background:0 0;border-color:#ffffff14}.badge.legacy{color:var(--gold);background:#ffcf4a14;border-color:#ffcf4a59}.tag{color:var(--muted);background:var(--surface-2);border-radius:999px;padding:3px 9px;font-size:12px}.hero{border:1px solid var(--line);background:#000;border-radius:26px;align-items:end;min-height:clamp(380px,52vw,560px);margin-top:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.hero:after{content:"";background:linear-gradient(90deg,#07090deb 0%,#07090d8c 45%,#07090d00 75%),linear-gradient(#0000 55%,#07090dd9);position:absolute;inset:0}.hero-body{z-index:1;max-width:620px;padding:clamp(22px,4vw,48px);position:relative}.hero-body p{color:#cfd8de;font-size:18px}.hero-body .badges{margin:16px 0 22px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:600 14px var(--font-body);color:var(--muted);cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px}.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--min,300px)), 1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 18px 40px #00000073}.card .cover{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.card .cover img,.card .cover video{object-fit:cover;width:100%;height:100%;transition:transform .35s,opacity .25s;position:absolute;inset:0}.card:hover .cover img{transform:scale(1.05)}.card .cover video{opacity:0}.card.previewing .cover video{opacity:1}.card .body{flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}.card h3{margin:0}.card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;display:-webkit-box;overflow:hidden}.card .meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.card .ribbon{z-index:1;letter-spacing:1.2px;text-transform:uppercase;background:var(--gold);color:#2a1d00;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.archive .card h3{font-size:19px}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:var(--radius);padding:30px}.crumb{color:var(--muted);margin:26px 0 14px;font-weight:600;text-decoration:none;display:inline-block}.crumb:hover{color:var(--text)}.game-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=900px){.game-top{grid-template-columns:1fr}}.stage{border:1px solid var(--line);aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden}.stage img,.stage video{object-fit:contain;width:100%;height:100%}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}.panel .lead{color:#cfd8de;font-size:17px}.platforms{gap:10px;margin:18px 0 6px;display:grid}.platform{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.platform .name{align-items:center;gap:10px;font-weight:700;display:flex}.platform .name svg{width:20px;height:20px;color:var(--accent)}.platform.soon .name svg{color:var(--dim)}.platform .btn{white-space:nowrap;flex:none;padding:8px 16px;font-size:15px}.platform small{color:var(--muted);font-size:13px;display:block}@media (width<=560px){.platform{flex-direction:column;align-items:stretch}.platform .btn{justify-content:center}}details.howto{color:var(--muted);margin-top:10px;font-size:14px}details.howto summary{cursor:pointer;color:var(--text);font-weight:600}.facts{grid-template-columns:auto 1fr;gap:6px 16px;margin:16px 0 0;font-size:14.5px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.shots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.shots a{border:1px solid var(--line);aspect-ratio:16/9;background:#000;border-radius:12px;display:block;overflow:hidden}.shots img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.shots a:hover img{transform:scale(1.04)}.shots figcaption{color:var(--muted);padding-top:6px;font-size:13px}.prose{color:#d6dee4;max-width:760px;font-size:17px}.install{border:1px solid var(--line-strong);background:linear-gradient(160deg, #40e0d01a, #40e0d005 60%), var(--surface);border-radius:22px;margin-top:44px;padding:clamp(20px,3vw,32px)}.install-head{max-width:720px;margin-bottom:20px}.install-head p{color:#cfd8de;margin:0;font-size:16.5px}.install-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.install-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:20px 20px 16px;position:relative}.install-card.is-yours{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 14px 34px #40e0d024}.install-card .yours{letter-spacing:1px;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;display:none;position:absolute;top:-11px;right:14px}.install-card.is-yours .yours{display:inline-block}.install-card h3{align-items:center;gap:10px;margin-bottom:12px;display:flex}.install-card h3 svg{fill:none;width:24px;height:24px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.install-card ol{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.install-card li{counter-increment:step;padding-left:40px;line-height:1.5;position:relative}.install-card li:before{content:counter(step);width:28px;height:28px;font:700 14px var(--font-display);color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:-1px;left:0}.install-card li small{color:var(--muted);font-size:13px;display:block}.install-card b{color:#fff}.install-card .key{vertical-align:middle;background:#fff;border-radius:8px;place-items:center;width:28px;height:28px;margin:0 2px;display:inline-grid}.install-card .key svg{fill:none;stroke:#0a84ff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.install-card .key circle{fill:#333;stroke:none}.install-card[data-device=android] .key svg{stroke:#333}.install-alt{border-top:1px dashed var(--line);color:var(--muted);margin:14px 0 0;padding-top:12px;font-size:14px}.install-strip{border:1px solid var(--line-strong);background:#40e0d012;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:14px 18px;display:flex}.install-strip p{color:#d6dee4;margin:0}.install-strip b{color:#fff}.howto-link{color:var(--accent);white-space:nowrap;font-weight:700;text-decoration:none}.howto-link:hover{text-decoration:underline}.foot{border-top:1px solid var(--line);color:var(--muted);margin-top:80px;padding:26px 0 34px;font-size:14px}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.foot a{color:var(--text);margin-left:16px;text-decoration:none}.foot a:hover{color:var(--accent)}dialog.lightbox{background:0 0;border:0;max-width:96vw;max-height:94vh;padding:0;overflow:visible}dialog.lightbox::backdrop{background:#000000e6}dialog.lightbox img{border-radius:12px;max-width:94vw;max-height:84vh;margin:0 auto}.lb-bar{justify-content:center;gap:10px;margin-top:12px;display:flex}.lb-bar button{font:600 15px var(--font-body);color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;padding:8px 16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.app-head{align-items:center;gap:14px;display:flex}.app-head.big{margin:6px 0 12px}.app-icon{border-radius:14px;flex:none;width:56px;height:56px;box-shadow:0 6px 18px #00000073}.app-head.big .app-icon{border-radius:18px;width:72px;height:72px}.app-icon.sm{width:28px;height:28px;box-shadow:none;border-radius:7px}.app-card .app-head h3{margin:0 0 4px}.phones{background:radial-gradient(120% 90% at 50% 100%,#40e0d038,#0000 60%),linear-gradient(#0f1622,#0a0e15);justify-content:center;align-items:flex-end;gap:12px;height:100%;padding:18px 16px 0;display:flex}.phones img{object-fit:cover;object-position:top;border:3px solid #273246;border-bottom:0;border-radius:12px 12px 0 0;width:auto;max-width:31%;height:92%;box-shadow:0 -6px 26px #0000008c}.phones img:nth-child(2){height:100%}.card .cover .phones{position:absolute;inset:0}.wide-shot{object-fit:cover;width:100%;height:100%}.app-hero{background:radial-gradient(900px 500px at 90% 10%, #40e0d029, transparent 60%), var(--surface);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;min-height:0;display:grid}.app-hero:after{display:none}.app-hero .hero-body{align-self:center}.hero-shots{min-height:340px;position:relative}.hero-shots .phones{background:0 0;padding-top:28px;position:absolute;inset:0}@media (width<=820px){.app-hero{grid-template-columns:1fr}.hero-shots{min-height:300px}}.phone-stage{justify-content:center;align-items:flex-start;gap:16px;display:flex}.phone{background:#000;border:4px solid #273246;border-radius:22px;display:block;overflow:hidden;box-shadow:0 18px 40px #00000080}.phone img{width:100%;height:auto;transition:transform .3s;display:block}.phone:hover img{transform:scale(1.02)}.phone-stage .phone{width:min(46%,260px)}.phone-stage .phone:nth-child(2){margin-top:36px}.phone-shots{scroll-snap-type:x mandatory;gap:18px;padding:4px 2px 14px;display:flex;overflow-x:auto}.phone-shots figure{scroll-snap-align:start;flex:0 0 min(62vw,220px);margin:0}.phone-shots figcaption{color:var(--muted);padding-top:8px;font-size:13px}.highlights{color:#d6dee4;gap:8px;max-width:760px;margin:14px 0 0;padding-left:0;font-size:16.5px;list-style:none;display:grid}.highlights li{padding-left:28px;position:relative}.highlights li:before{content:"";background:var(--accent);border-radius:3px;width:10px;height:10px;position:absolute;top:9px;left:4px}