:root{color-scheme:dark;--bg:#12151b;--panel:#181c24;--ink:#ece7dc;--muted:#8b8f9a;--accent:#d9b26a;--on-accent:#1d1707;--line:#2a2f39;--good:#9fcf9a;--display:var(--font-display);--text:var(--font-text);--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--bar-height:62px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--text);margin:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}a{color:inherit;text-decoration:none}[hidden]{display:none!important}img{max-width:100%;display:block}.wrap{max-width:1120px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin:0 auto}.label{font:600 11px/1 var(--text);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0}.link{color:var(--muted);text-underline-offset:4px;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--muted) 40%, transparent);font-size:14px;transition:color .14s}.link:hover,.link:focus-visible{color:var(--ink)}.title{font:700 clamp(44px, 7vw, 76px) / .92 var(--display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0}.title .accent{color:var(--accent)}.sub{color:var(--muted);font-style:italic}.title+.sub,h2+.sub{margin-top:-6px}.points{color:var(--ink);flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sub+.points{margin-top:12px}.menu{flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:0;list-style:none;display:flex}.menu a,.menu button{font:600 26px/1.1 var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;padding:7px 0 7px 24px;transition:color .14s,transform .14s;display:inline-block;position:relative}.menu .main{color:var(--accent)}.menu a:before,.menu button:before{content:"";border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent var(--accent);opacity:0;margin-top:-5px;transition:opacity .12s;position:absolute;top:50%;left:0}.menu a:hover,.menu a:focus-visible,.menu .on{color:var(--ink);outline:none;transform:translate(4px)}.menu .main:hover,.menu .main.on{color:var(--accent)}.menu a:hover:before,.menu a:focus-visible:before,.menu .on:before{opacity:1}.menu small{font:400 13px var(--text);color:var(--muted);text-transform:none;letter-spacing:0;margin-left:12px}.tag{font:600 11px/1 var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--good);border:1px solid;border-radius:2px;padding:3px 6px;display:inline-block}.tag.muted{color:var(--muted)}.btn{background:var(--accent);height:48px;color:var(--on-accent);font:700 17px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;border-radius:2px;align-items:center;padding:0 26px;transition:filter .14s;display:inline-flex}.btn:hover,.btn:focus-visible{filter:brightness(1.08);outline:2px solid var(--accent);outline-offset:2px}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.ghost:hover,.btn.ghost:focus-visible{border-color:var(--accent);filter:none;outline:none}.actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.details{flex-wrap:wrap;gap:16px 36px;margin:0;display:flex}.details dt{font:600 11px/1 var(--text);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px}.details dd{margin:0}.page-head{flex-direction:column;gap:12px;padding-block:48px 40px;display:flex}.page-head h1{font:700 clamp(40px, 6vw, 60px) / .92 var(--display);text-transform:uppercase;text-wrap:balance;margin:0}.page-head p{color:var(--muted);max-width:56ch;margin:0}.crumbs{color:var(--muted);font-size:14px}.crumbs a:hover{color:var(--ink)}.am-hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.am-hero__art{filter:saturate(.9)brightness(.7);background:50%/cover no-repeat;animation:2s cubic-bezier(.45,0,.2,1) .1s both am-wipe;position:absolute;inset:0 0 0 36%;-webkit-mask:linear-gradient(90deg,#0000 40%,#000 60%) 100% 0/300% 100% no-repeat;mask:linear-gradient(90deg,#0000 40%,#000 60%) 100% 0/300% 100% no-repeat}@keyframes am-wipe{0%{-webkit-mask-position:0 0;mask-position:0 0}}.am-hero .title,.am-hero .sub,.am-hero .points li{animation:.45s cubic-bezier(.33,1,.68,1) backwards am-settle}.am-hero .sub{animation-delay:.14s}.am-hero .points li:first-child{animation-delay:.3s}.am-hero .points li:nth-child(2){animation-delay:.37s}.am-hero .points li:nth-child(3){animation-delay:.44s}@keyframes am-settle{0%{opacity:0;transform:translateY(10px)}}.am-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--bg) 36%, #12151ba6 54%, #12151b1f 80%, transparent), linear-gradient(0deg, #12151bcc, #12151b59 20%, transparent 45%);position:absolute;inset:0}.am-hero .wrap{z-index:1;flex-direction:column;justify-content:space-between;gap:40px;min-height:480px;padding-block:40px 56px;display:flex;position:relative}.am-hero .top{flex-direction:column;gap:14px;display:flex}.am-hero p{color:var(--muted);max-width:40ch;margin:0}.am-hero .game{font:700 clamp(28px, 4vw, 40px) / .95 var(--display);text-transform:uppercase;margin:0}.am-hero .game+.title{margin-top:-6px}.am-hero .version{font:500 15px var(--text);color:var(--muted);letter-spacing:0;vertical-align:middle;margin-left:12px}@media (width<=820px){.am-hero__art{opacity:.35;inset:0}.am-hero .wrap{min-height:0}}section.wrap{scroll-margin-top:var(--bar-height);flex-direction:column;gap:20px;padding-block:32px;display:flex}section.wrap:last-of-type{padding-bottom:72px}.head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.head h2{font:700 24px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;margin:0}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:3px;outline:none;flex-direction:column;transition:border-color .14s;display:flex;overflow:hidden}.tile:hover,.tile:focus-visible{border-color:color-mix(in srgb, var(--accent) 60%, var(--line))}.tile .shot{aspect-ratio:16/9;background:var(--bg) center / cover no-repeat;position:relative;overflow:hidden}.tile .shot:before{content:"";background:inherit;filter:brightness(.7);transition:filter .2s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.tile:hover .shot:before,.tile:focus-visible .shot:before{filter:none;transform:scale(1.06)}.tile .shot:after{content:"";background:linear-gradient(transparent 55%, var(--panel));position:absolute;inset:0}.tile .body{flex-direction:column;gap:8px;padding:16px 18px 20px;display:flex}.tile h3{font:700 26px/1 var(--display);text-transform:uppercase;margin:0}.tile h3 em{color:var(--accent);letter-spacing:.06em;margin-top:4px;font-size:16px;font-style:normal;display:block}.tile p{color:var(--muted);margin:0;font-size:15px}.tile .meta{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;display:flex}.rows{margin:0;padding:0;list-style:none}.rows li{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;display:flex}.rows li:last-child{border-bottom:1px solid var(--line)}.rows b{font:600 20px/1.2 var(--display);text-transform:uppercase;letter-spacing:.03em}.rows span{color:var(--muted);font-size:14px}.rows li:not(:has(>a~a)){position:relative}.rows li:not(:has(>a~a))>a:after{content:"";position:absolute;inset:0}.steps{counter-reset:step;flex-direction:column;max-width:68ch;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:step;border-top:1px solid var(--line);grid-template-columns:36px 1fr;gap:12px;padding:14px 0;display:grid}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{content:counter(step);font:700 24px/1 var(--display);color:var(--accent)}.shots{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;display:grid}.shots img,.shots .empty{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--panel);border-radius:3px;width:100%}.shots .empty{color:var(--muted);place-items:center;font-size:13px;display:grid}.prose{min-width:0;max-width:68ch}.prose>:first-child{margin-top:0}.prose h2{font:700 28px/1 var(--display);text-transform:uppercase;margin:32px 0 12px}.prose h3{font:600 20px/1.2 var(--display);text-transform:uppercase;letter-spacing:.03em;margin:24px 0 8px}.prose p,.prose li{color:color-mix(in srgb, var(--ink) 86%, var(--muted))}.prose ul,.prose ol{padding-left:20px}.prose li+li{margin-top:6px}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose strong{color:var(--ink)}.split{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:start;gap:48px;display:grid}.facts{border-top:1px solid var(--line);flex-direction:column;margin:0;display:flex}.facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;font-size:15px;display:flex}.facts dt{color:var(--muted);white-space:nowrap}.facts dd{text-align:right;margin:0}@media (width<=820px){.split{grid-template-columns:1fr;gap:32px}}@media (width<=640px){:root{--bar-height:92px}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}.tile:hover .shot:before,.tile:focus-visible .shot:before{transform:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
