html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}a{color:inherit;text-decoration:none}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}.grad{background:linear-gradient(102deg, var(--accent), var(--accent2));color:#0000;background-clip:text}.gleam{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:38%;animation:4.6s ease-in-out infinite shine;position:absolute;top:0;bottom:0}header{z-index:50;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:background .5s,border-color .5s;position:sticky;top:0}.nav{align-items:center;gap:14px;height:64px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:11px;font-size:16.5px;font-weight:900;display:flex}.mark{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex:none;width:27px;height:27px;display:block;position:relative}.mark svg{width:100%;height:100%}.nav-links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:800;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--tint)}.nav-links a.cta{color:#fff;background:linear-gradient(120deg, var(--accent), var(--accent2));box-shadow:0 6px 18px -8px color-mix(in srgb, var(--accent) 90%, transparent);padding:9px 18px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.nav-links a.cta:hover{background:linear-gradient(120deg, var(--accent), var(--accent2));box-shadow:0 12px 26px -10px color-mix(in srgb, var(--accent) 95%, transparent);transform:translateY(-1px)}.nav-links a.cta span{position:relative}.nav-links .lang{font:inherit;color:var(--muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;margin:0 2px;padding:6px 12px;font-size:13px;font-weight:800;transition:border-color .2s,background .5s}.nav-links .lang:hover{border-color:var(--accent)}@media (width<=860px){.nav-links a:not(.cta){display:none}}@media (width<=480px){.brand{white-space:nowrap;font-size:14.5px}.mark{width:24px;height:24px}}@media (width<=560px){.brand-name{display:none}}.hero{text-align:center;padding:clamp(56px,7vw,92px) 0 0;position:relative;overflow:hidden}.hero>.glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 30%, transparent), transparent 66%);width:900px;height:520px;margin-left:-450px;top:-180px;left:50%}.hero .inner{position:relative}.eyebrow{border:1px solid var(--border);background:var(--surface);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:9px;padding:7px 16px 7px 11px;font-size:12.5px;font-weight:800;transition:background .5s,border-color .5s;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(150deg, var(--accent), var(--accent2));border-radius:2px;flex:none;width:7px;height:7px;transform:rotate(45deg)}@media (width<=560px){.eyebrow{letter-spacing:.05em;padding:7px 14px 7px 10px;font-size:11.5px}}.hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:880px;margin:22px auto 0;font-size:clamp(38px,6.2vw,66px);font-weight:900;line-height:1.06}.hero .sub{text-wrap:pretty;max-width:620px;color:var(--muted);margin:22px auto 0;font-size:clamp(16px,2.2vw,19.5px);font-weight:600}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.btn-primary{color:#fff;white-space:nowrap;background:linear-gradient(120deg, var(--accent), var(--accent2));box-shadow:0 16px 34px -16px color-mix(in srgb, var(--accent) 95%, transparent);border-radius:16px;align-items:center;gap:10px;padding:15px 32px;font-size:16.5px;font-weight:900;transition:transform .16s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 22px 44px -16px color-mix(in srgb, var(--accent) 100%, transparent);transform:translateY(-2px)}.btn-primary span{position:relative}.btn-ghost{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:16px;padding:15px 28px;font-size:16px;font-weight:800;transition:border-color .2s,transform .16s,background .5s}.btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px)}.hero .alt{color:var(--muted);margin-top:14px;font-size:13.5px;font-weight:700}.hero .alt a{color:var(--accent)}.hero-shot{max-width:1040px;margin:44px auto 0;position:relative}.hero-shot>.glow{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 70%);border-radius:40px;width:auto;height:auto;animation-duration:9s;inset:6% 8% -4%}.hero-shot img{border-radius:18px;animation:9s ease-in-out infinite floaty;position:relative}.themes{text-align:center;padding:clamp(40px,5vw,64px) 0 clamp(56px,7vw,88px)}h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(24px,3.4vw,34px);font-weight:900}.lead{max-width:620px;color:var(--muted);margin:12px auto 0;font-size:16px;font-weight:600}.theme-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.chip{border:2px solid var(--border);background:var(--surface);font:inherit;color:var(--text);cursor:pointer;border-radius:16px;align-items:center;gap:11px;padding:10px 20px 10px 12px;font-size:15px;font-weight:800;transition:transform .16s,border-color .25s,box-shadow .25s,background .5s;display:flex}.chip:hover{transform:translateY(-2px)}.chip.active{border-color:var(--accent);box-shadow:0 8px 22px -12px var(--accent)}.chip img{object-fit:contain;width:26px;height:26px}.chip .swatch{border:1px solid var(--border);background:linear-gradient(120deg,#0c1614 50%,#2fd3a1 50%);border-radius:50%;width:22px;height:22px}.chip span{text-align:left;line-height:1.15}.chip small{color:var(--muted);font-size:11.5px;font-weight:700;display:block}.shot-caption{color:var(--muted);margin-top:20px;font-size:13.5px;font-weight:700}section{padding:clamp(56px,7vw,96px) 0}section.tinted{background:var(--surface-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .5s,border-color .5s}section .head{text-align:center;margin-bottom:44px}section .head h2{font-size:clamp(26px,3.6vw,38px)}.bento{flex-wrap:wrap;gap:18px;display:flex}.card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:28px;transition:transform .18s,box-shadow .18s,background .5s,border-color .5s}.card:hover{box-shadow:0 22px 44px -26px color-mix(in srgb, var(--text) 55%, transparent);transform:translateY(-3px)}.card h3{letter-spacing:-.01em;font-size:19px;font-weight:900}.card p{color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:15px;font-weight:600}.card p b{color:var(--text)}.bento .card{flex:300px}.bento .card.wide{flex:2 440px}.bento .card.small{flex:280px;padding:26px}.bento .card.small h3{font-size:17.5px}.bento .card.small p{margin-top:7px;font-size:14.5px}.art{margin-bottom:18px}.art-swatches{gap:8px;display:flex}.art-swatches span{border-radius:13px;width:46px;height:46px}.art-swatches span:first-child{background:repeating-linear-gradient(135deg,#d98fa8 0 10px,#e3a3b9 10px 20px)}.art-swatches span:nth-child(2){background:repeating-linear-gradient(135deg,#6fbfae 0 10px,#84ccbc 10px 20px)}.art-swatches span:nth-child(3){background:repeating-linear-gradient(135deg,#9b87db 0 10px,#ac9be4 10px 20px)}.art-swatches span:nth-child(4){background:repeating-linear-gradient(135deg,#e8a876 0 10px,#f0b98d 10px 20px)}.art-toggle{border-radius:999px;align-items:center;width:62px;height:34px;padding:3px;animation:3.4s ease-in-out infinite toggleTrack;display:flex}.art-toggle span{background:#fff;border-radius:50%;width:28px;height:28px;animation:3.4s ease-in-out infinite toggleKnob;box-shadow:0 2px 6px #00000038}.art-alert{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:14px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:13px;font-weight:800;line-height:1.4;display:flex}.art-alert:before{content:"";background:var(--danger);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px;animation:2.4s ease-out infinite pulseDot}.art-drop{background:var(--tint);background-image:linear-gradient(90deg, color-mix(in srgb, var(--accent) 45%, transparent) 0 14px, transparent 14px 28px);background-position:0 0;background-repeat:repeat-x;background-size:28px 2px;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:78px;animation:1.4s linear infinite dash;display:flex;position:relative;overflow:hidden}.art-drop span{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:7px 14px;font-size:12.5px;font-weight:800;animation:4.5s ease-in-out infinite dropIn}.art-drop span:nth-child(2){animation-delay:.6s}.art-drop span:nth-child(3){animation-delay:1.2s}.art-tags{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:11.5px;font-weight:800;display:flex}.art-tags span{background:var(--tint);border-radius:8px;padding:5px 10px}.art-steps{color:var(--muted);flex-direction:column;gap:7px;font-size:12.5px;font-weight:800;display:flex}.art-steps span{align-items:center;gap:9px;display:flex}.art-steps span:before{content:"";background:var(--accent);border-radius:5px;width:16px;height:16px}.art-steps span:last-child:before{border:2px solid var(--border);background:0 0}.art-search{border:1px solid var(--border);background:var(--surface-alt);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.art-search:before{content:"";border:2px solid var(--muted);border-radius:50%;width:13px;height:13px}.art-search .caret{background:var(--accent);width:2px;height:15px;animation:1.1s step-end infinite caret}.art-search .count{color:var(--accent);margin-left:auto;font-size:12px;font-weight:900}figure.shot{max-width:980px;margin:44px auto 0}figure.shot img{border-radius:18px}figure.shot figcaption{text-align:center;color:var(--muted);margin-top:14px;font-size:13.5px;font-weight:700}#exchange{padding:clamp(56px,7vw,88px) 0}.exchange-banner{background:linear-gradient(115deg, var(--accent), var(--accent2));box-shadow:0 30px 60px -34px color-mix(in srgb, var(--accent) 100%, transparent);border-radius:24px;flex-wrap:wrap;align-items:center;gap:24px;padding:clamp(30px,4vw,44px);display:flex;position:relative;overflow:hidden}.exchange-banner:before{content:"";background:#ffffff21;border-radius:60px;width:220px;height:220px;animation:11s ease-in-out infinite floaty;position:absolute;top:-60px;right:-30px;transform:rotate(45deg)}.exchange-banner .copy{flex:420px;min-width:0;position:relative}.exchange-banner h3{letter-spacing:-.02em;color:#fff;font-size:clamp(22px,3vw,30px);font-weight:900}.exchange-banner p{text-wrap:pretty;color:#ffffffe6;max-width:620px;margin-top:10px;font-size:16px;font-weight:600}.exchange-banner .go{color:#12211d;background:#fff;border-radius:16px;padding:15px 28px;font-size:16px;font-weight:900;transition:transform .16s;position:relative;box-shadow:0 14px 30px -16px #00000080}.exchange-banner .go:hover{transform:translateY(-2px)}.exchange-shots{grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));gap:clamp(26px,4vw,38px);margin-top:clamp(34px,5vw,52px);display:grid}.exchange-shots img{border-radius:18px}.exchange-shots figcaption{text-align:center;color:var(--muted);margin-top:14px;font-size:13.5px;font-weight:700}.version-pill{background:var(--tint);color:var(--accent);border-radius:999px;margin-top:14px;padding:5px 16px;font-size:13px;font-weight:900;display:inline-block}.dl-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.dl-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;padding:26px;transition:transform .18s,border-color .2s,background .5s;display:flex}.dl-card:hover{border-color:var(--accent);transform:translateY(-3px)}.dl-card.recommended{border:2px solid var(--accent);box-shadow:0 18px 40px -26px color-mix(in srgb, var(--accent) 100%, transparent)}.dl-card img{object-fit:contain;width:auto;height:28px}html[data-theme=dark] .dl-card[data-platform=macos] img{filter:invert()}.dl-card h3{margin-top:14px;font-size:17px;font-weight:900}.dl-card h3 small{color:var(--muted);font-size:12.5px;font-weight:700}.dl-card p{color:var(--muted);flex:1;margin-top:6px;font-size:13.5px;font-weight:600}.dl-card p b{color:var(--text)}.dl-card .get{text-align:center;border:2px solid var(--accent);color:var(--accent);border-radius:13px;margin-top:16px;padding:10px 0;font-size:14.5px;font-weight:900;transition:background .2s,color .2s}.dl-card .get:hover{background:var(--accent);color:#fff}.dl-card.recommended .get{color:#fff;background:linear-gradient(120deg, var(--accent), var(--accent2));border:none;padding:12px 0;transition:filter .2s}.dl-card.recommended .get:hover{filter:brightness(1.07)}.dl-note{text-align:center;color:var(--muted);margin-top:24px;font-size:13.5px;font-weight:600}.games-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.game-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:24px;transition:transform .18s,box-shadow .18s,background .5s}.game-card:hover{box-shadow:0 22px 44px -26px color-mix(in srgb, var(--text) 55%, transparent);transform:translateY(-3px)}.game-card img{object-fit:contain;width:42px;height:42px;margin-bottom:12px}.game-card .era{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:900}.game-card h3{font-size:17px;font-weight:900}.game-card p{color:var(--muted);margin-top:8px;font-size:13.5px;font-weight:600}.game-card p b{color:var(--text)}.games-note{text-align:center;max-width:620px;color:var(--muted);margin:22px auto 0;font-size:13.5px;font-weight:600}.faq{flex-direction:column;gap:10px;max-width:760px;margin:0 auto;display:flex}details{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:18px 22px;transition:background .5s,border-color .2s}details[open]{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}summary{cursor:pointer;align-items:center;font-size:16px;font-weight:900;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--accent);margin-left:auto;padding-left:12px;font-size:20px;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--muted);margin-top:10px;font-size:15px;font-weight:600}details p b{color:var(--text)}details a{color:var(--accent);font-weight:700}footer{border-top:1px solid var(--border);background:var(--surface-alt);text-align:center;padding:48px 0 60px;transition:background .5s,border-color .5s}.foot-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:24px;display:flex}.foot-links a{color:var(--muted);font-size:14px;font-weight:800}.foot-links a:hover,.foot-links a.donate{color:var(--accent)}.credit{color:var(--muted);margin-bottom:16px;font-size:13.5px;font-weight:600}.credit b{color:var(--text)}.disclaimer{max-width:760px;color:var(--muted);margin:0 auto;font-size:12px;font-weight:600;line-height:1.7}