:root{--background:#071018;--foreground:#f4fbff;--card:#0c1c2b;--border:#1acdd8;--primary:#1acdd8;--primary-deep:#08a2bd;--gold:#ffc94d;--green:#3ddc5a;--pink:#f28fb1;--muted:#b7d4de;--danger:#ff5b6e;--radius:16px;--font:"Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif;--mono:"SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--min-tap:44px}*{box-sizing:border-box;letter-spacing:0}html{font-size:16px}body{background:radial-gradient(1200px 600px at 50% -10%, #123044, var(--background));color:var(--foreground);font-family:var(--font);overflow-wrap:break-word;margin:0;font-size:1rem;line-height:1.65}@media (width<=768px){body{font-size:15.5px}}img{max-width:100%;height:auto}a{color:var(--primary)}a:hover{color:var(--gold)}p,li{overflow-wrap:break-word}main a,.prose a,code,.code{overflow-wrap:anywhere}code,.code{font-family:var(--mono);border:1px solid var(--border);background:#06202a;border-radius:8px;padding:.05em .35em}.wrap{width:min(1180px,100% - 24px);margin:0 auto}.hud-bar,.nav,.footer-links a,.btn,.copy,.facade{min-height:var(--min-tap)}.topbar,.nav{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.brand,.chip,.nav a,.btn,.panel,.card{border:2px solid var(--border);border-radius:var(--radius);background:#081624eb;box-shadow:0 0 0 1px #1acdd826,0 8px #00000040}.brand,.chip,.nav a,.btn{color:var(--foreground);align-items:center;gap:8px;padding:8px 14px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:10px;width:36px;height:36px}.brand-name{line-height:1}.chip,.btn,.langs a,.crumbs a{min-width:var(--min-tap);min-height:var(--min-tap)}.play{background:var(--green);color:#06210c;border-color:#b6ffbf;margin-left:auto}.nav a.active,.btn.gold{background:var(--gold);color:#1a1404;border-color:#ffe7a3}.btn.destructive{background:var(--danger);color:#071018}.btn.icon-button{justify-content:center;width:44px;padding-inline:0}.btn:disabled{opacity:.5;pointer-events:none}.copy{flex-shrink:0;justify-content:center;width:84px}.nav details{position:relative}.nav details summary{cursor:pointer;list-style:none}.nav details summary::-webkit-details-marker{display:none}.menu{z-index:5;gap:6px;min-width:200px;padding:8px;display:grid;position:absolute}.hero-grid,.feature-grid,.card-grid,.split{gap:12px;margin-top:12px;display:grid}.hero-grid{grid-template-columns:1.6fr .9fr}.feature-grid,.card-grid{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:1.4fr .8fr}.panel{padding:16px 18px;overflow:hidden}.hero-art{min-height:320px;padding:0;position:relative}.hero-art img.bg{object-fit:cover;width:100%;height:100%;min-height:420px;display:block}.hero-copy{max-width:560px;position:absolute;top:18px;left:18px;right:18px}h1{color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 6px #000;margin:0 0 8px;font-size:3rem;line-height:1.1}.sub{text-shadow:0 2px #000;margin:0 0 12px;font-weight:800}.boss{font-family:var(--mono);margin-bottom:8px;font-size:12px}.bar{background:#111;border:2px solid #d8fff4;border-radius:8px;height:14px;display:flex;overflow:hidden}.bar i{height:100%;display:block}.bar .g{background:linear-gradient(90deg,#39e07a,#d6ff4a);width:72%}.bar .y{background:#ffe14a;width:18%}code-row,.code-row{align-items:center;gap:8px;margin:8px 0;display:flex}.code-row span{font-family:var(--mono);flex:1;font-weight:800}h2{margin:1.2em 0 .4em;font-size:1.45rem}h3{margin:1em 0 .3em;font-size:1.1rem}.table-scroll{max-width:100%;margin:12px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;vertical-align:top;border:1px solid #1d4a58;padding:8px 10px}th{background:#0e3140}.note{border-left:4px solid var(--gold);background:#ffc94d14;padding:8px 12px}.card h3,.card p{margin:6px 0}.card .ratio{color:var(--primary);font-family:var(--mono)}.footer{margin:28px 0 40px;padding:16px}.footer.wrap{margin-inline:auto}.footer-links,.langs{flex-wrap:wrap;gap:8px;display:flex}.footer a,.langs a{min-height:var(--min-tap);align-items:center;padding:8px 10px;display:inline-flex}.shots{grid-template-columns:1.4fr .6fr;gap:12px;margin:12px 0;display:grid}.facade{cursor:pointer;border-radius:var(--radius);width:100%;padding:0;display:block;position:relative;overflow:hidden}.facade img{width:100%;display:block}.crumbs{margin:14px 0;font-size:.95rem}.crumbs a{min-height:var(--min-tap);align-items:center;display:inline-flex}main p a,main li a,main td a{min-width:var(--min-tap);min-height:var(--min-tap);vertical-align:middle;max-width:100%;padding-block:10px;display:inline-block}.prose h1{-webkit-text-stroke:0;text-shadow:none;font-size:2rem;line-height:1.25}.prose{min-width:0}.prose figure{margin-inline:0}.hero-grid,.split,.hero-grid>*,.split>*{min-width:0}.hero-art .bg{aspect-ratio:3/2}.facade{aspect-ratio:16/9;color:var(--foreground)}.facade img{object-fit:cover;height:100%}.facade .btn{white-space:nowrap;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.video-frame{aspect-ratio:16/9;border:0;width:100%;height:auto;display:block}@media (width<=900px){.hero-grid,.feature-grid,.card-grid,.split,.shots{grid-template-columns:1fr}.play{margin-left:0}.menu{position:static}h1{font-size:2rem}}#consent{z-index:20;border:2px solid var(--border);border-radius:var(--radius);background:#071820;gap:10px;max-width:720px;padding:14px;display:none;position:fixed;inset:auto 12px 12px}#consent.show{display:grid}#consent .row{flex-wrap:wrap;gap:8px;display:flex}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}body{padding-bottom:var(--pf-adbar-space,0px)}.pf-ad-slot{z-index:1;width:min(1180px,100% - 24px);margin:28px auto 0;position:relative}.pf-ad-slot__frame{min-height:0}.pf-ad-slot__frame:empty{display:none}.pf-ad-slot__frame:not(:empty){border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:10px;overflow:hidden}.pf-ad-bar{box-sizing:border-box;overflow:hidden;max-width:100vw!important}html[data-pf-consent-open] .pf-ad-bar{display:none!important}