.game-detail{max-width:1260px;margin:0 auto;color:#082d44}.detail-intro{background:#082d44;color:#fff4de;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:40px;padding:44px 54px;border-bottom:5px solid #40cec9}.detail-copy{max-width:750px}.detail-back{color:#c4dfdc;font-size:13px;text-underline-offset:4px}.detail-status{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#51d5ce;margin:28px 0 10px}.detail-intro h1{font-size:clamp(34px,4.5vw,58px);line-height:1.04;letter-spacing:-1.5px;margin:0 0 18px;color:#fff4de}.detail-tagline{font-size:22px;line-height:1.35;color:#ff775a;font-weight:700}.detail-copy>p:not(.detail-tagline):not(.detail-status){font-size:16px;line-height:1.7}.detail-copy .edition-note{font-size:12px!important;color:#bfd6df;margin-top:22px}.detail-cabinet{width:100%;height:340px;object-fit:contain;filter:drop-shadow(0 12px 10px #0003)}.detail-actions{display:flex;align-items:center;gap:24px;margin:24px 0 0;flex-wrap:wrap}.detail-actions>a:not(.detail-play){color:#fff4de;font-size:14px;text-underline-offset:4px}.detail-play{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;background:#f45639;border:2px solid #082d44;border-radius:5px;box-shadow:3px 3px 0 #031e2e;color:#fff;font-size:14px;font-weight:700;text-decoration:none;min-height:48px}.detail-play:hover{background:#d9462d}.detail-soon{display:inline-block;padding:12px 18px;border:1px solid currentColor;border-radius:5px;font-size:14px;font-weight:700}.detail-gallery{background:#c4dfdc;padding:40px 54px;scroll-margin-top:24px}.detail-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:24px}.detail-section-title h2,.detail-information h2{font-size:27px;line-height:1.2;letter-spacing:-.5px;margin:0}.detail-section-title p{font-size:13px;margin:0}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screenshot-grid figure{margin:0;min-width:0}.screenshot-link{display:flex;align-items:center;justify-content:center;height:350px;position:relative;background:#092d43;border-radius:12px;padding:12px;border:1px solid #082d4422;box-shadow:0 6px 10px #082d4415;overflow:hidden}.screenshot-link img{width:100%;height:100%;object-fit:contain}.screenshot-link>span{position:absolute;right:10px;bottom:10px;padding:6px 9px;background:#fff4de;color:#082d44;border-radius:4px;font-size:11px;font-weight:700}.screenshot-link:hover{outline:2px solid #ef593c}.screenshot-grid figcaption{padding:14px 2px;font-size:14px;line-height:1.45}.screenshot-grid figcaption strong,.screenshot-grid figcaption span{display:block}.screenshot-grid figcaption span{font-size:12px;color:#405c6b;margin-top:4px}.detail-information{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;padding:44px 54px;background:#fff4de}.detail-information p,.detail-information li{font-size:15px;line-height:1.75}.detail-information h3{margin-top:28px;font-size:19px}.detail-information ul{padding-left:20px}.detail-information aside{align-self:start;background:#ebeee0;border:1px solid #082d4422;border-top:4px solid #f45639;border-radius:8px;padding:25px}.detail-information aside h2{font-size:22px}.detail-restore,.detail-help{display:block;margin-top:16px;color:#082d44;font-size:13px;text-underline-offset:3px}.detail-other{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 54px;background:#e1eade;font-size:13px}.detail-other span{font-weight:700}.detail-other a{color:#082d44;text-underline-offset:4px}.screenshot-dialog{padding:12px;background:#082d44;color:#fff4de;border:2px solid #42cfca;border-radius:10px;width:min(1100px,95vw);max-width:95vw;max-height:94dvh;overflow:auto}.screenshot-dialog::backdrop{background:#001522dd}.screenshot-dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-12px;background:#082d44;padding:8px 0;z-index:1}.screenshot-dialog-controls p{font-size:13px;margin:0;line-height:1.4}.screenshot-dialog button{padding:10px 14px;border:1px solid #fff4de;border-radius:5px;background:#fff4de;color:#082d44;font-weight:700;min-height:44px;flex-shrink:0}.screenshot-dialog>img{display:block;max-width:100%;max-height:78dvh;width:auto;height:auto;margin:auto;object-fit:contain}a:focus-visible,button:focus-visible{outline:3px solid #f45639;outline-offset:4px}@media(max-width:800px){.detail-intro{grid-template-columns:1fr 190px;padding:32px 28px;gap:20px}.detail-cabinet{height:270px}.detail-gallery,.detail-information{padding:32px 28px}.detail-information{gap:28px;grid-template-columns:1fr 1fr}.screenshot-grid{gap:15px}.screenshot-link{height:300px}.detail-other{padding:22px 28px}}@media(max-width:580px){.detail-intro{display:block;position:relative;padding:28px 22px}.detail-cabinet{display:none}.detail-intro h1{font-size:39px}.detail-tagline{font-size:20px}.detail-copy>p:not(.detail-tagline):not(.detail-status){font-size:15px}.detail-gallery,.detail-information{padding:30px 22px}.detail-section-title{display:block}.detail-section-title p{margin-top:8px}.screenshot-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:16px;padding:3px 3px 8px}.screenshot-grid figure{flex:0 0 83%;scroll-snap-align:start}.screenshot-link{height:350px}.detail-information{grid-template-columns:1fr;gap:25px}.detail-other{padding:22px}.screenshot-dialog-controls{gap:10px}.screenshot-dialog-controls p{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.detail-intro .detail-copy>p:not(.detail-status):not(.detail-tagline):not(.edition-note){color:#e0edf0}.screenshot-grid:has(figure:only-child){grid-template-columns:1fr;max-width:780px}.screenshot-grid:has(figure:only-child) .screenshot-link{height:470px}@media(max-width:580px){.screenshot-grid:has(figure:only-child) figure{flex-basis:100%}.screenshot-grid:has(figure:only-child) .screenshot-link{height:400px}}

.screenshot-grid:has(figure:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-grid:has(figure:nth-child(2):last-child) .screenshot-link{height:430px}