.detail-overview{grid-template-columns:220px minmax(130px,.75fr) minmax(190px,1fr) minmax(230px,1.2fr);grid-template-areas:"identity title title title""identity score time value";align-items:start;gap:20px 32px;display:grid}.detail-identity{grid-area:identity;gap:18px;display:grid}@media (min-width:801px){.detail-overview .detail-identity .detail-cover,.detail-identity .detail-actions{grid-area:auto}.detail-identity .game-actions,.detail-identity .detail-actions-skeleton{flex-direction:column;align-items:stretch;display:flex}.detail-identity .game-actions>.collection-button,.detail-identity .play-control,.detail-identity .skeleton-line{width:100%}}.detail-overview .detail-cover{grid-area:cover;width:auto;margin:0}.detail-overview .detail-content{grid-area:title}.detail-actions{grid-area:actions;min-width:0}.detail-actions-skeleton{gap:10px;display:flex}.detail-actions-skeleton .skeleton-line{border-radius:999px;width:124px;height:40px;margin:0}.detail-overview .detail-content h1{font-size:clamp(30px,4vw,48px)}.detail-overview .tags{margin-top:12px}.overview-score{grid-area:score}.overview-playtime{grid-area:time}.overview-value{grid-area:value;min-width:0}.overview-playtime,.overview-value{border-left:1px solid var(--line);padding-left:24px}.detail-overview .metric-label{letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:11px;font-weight:500}.detail-overview .user-rating{text-align:left}.detail-overview .score-ring{width:96px;height:96px}.overview-times{grid-template-columns:1fr 1fr;gap:20px 12px;margin:0;display:grid}.overview-times>div{flex-direction:column-reverse;gap:7px;display:flex}.overview-times>div:first-child{grid-column:1/-1}.overview-times dt{color:var(--muted);font-size:11px;line-height:1.5}.overview-times dd{font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin:0;font-size:18px;font-weight:600;display:flex}.overview-times>div:first-child dd,.overview-price{letter-spacing:-1px;font-size:30px;font-weight:600}.overview-price{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.overview-price small{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:400}.copy-trigger{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:28px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 18px;font-size:12px;line-height:1.6;display:flex}.copy-trigger:hover{border-color:var(--cyan);background:var(--tint)}.copy-trigger strong{font-weight:500}.copy-trigger>span>span{color:var(--muted);display:block}.copy-trigger>svg{color:var(--muted);flex-shrink:0}.value-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.value-note button{color:var(--cyan);background:0 0;border:0;padding:8px}.overview-description{margin-top:36px}.overview-description .game-summary{max-width:100ch;margin-top:0}.copy-dialog{border:1px solid var(--line);background:var(--panel);width:760px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:28px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 80px #0004}.copy-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07101e33}.copy-dialog[open]{animation:.18s ease-out copy-appear}@keyframes copy-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.copy-dialog-content{flex-direction:column;gap:24px;padding:32px;display:flex}.copy-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;display:flex}.copy-heading h2{font-size:22px}.copy-heading button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;font-size:26px}.copy-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.copy-field:only-child,.copy-field:first-child:nth-last-child(3){grid-column:1/-1}.copy-field{color:var(--muted);gap:8px;font-size:12px;display:grid}.copy-field select{border:1px solid var(--line);width:100%;min-height:44px;font:inherit;background:var(--panel);color:var(--ink);border-radius:22px;padding:10px 16px}.copy-conditions{border:0;grid-template-columns:1fr;gap:8px;margin:24px 0;padding:0;display:grid}.copy-conditions legend{margin-bottom:12px;font-size:13px}.copy-conditions label{cursor:pointer;min-width:0;position:relative}.copy-conditions input{opacity:0;position:absolute}.copy-conditions label>span{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;height:100%;padding:12px 14px;transition:background .15s,border-color .15s;display:grid}.copy-conditions input:checked+span{background:var(--tint);border-color:var(--cyan)}.copy-conditions input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.copy-conditions strong{grid-column:1;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.copy-conditions small{color:var(--muted);flex:1;grid-column:1;font-size:11px;line-height:1.5}.copy-conditions b{white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:1/2/3;align-self:center;font-size:16px}.copy-field select:focus-visible,.copy-trigger:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.copy-confirm{background:var(--blue);color:#fff;border:0;border-radius:100px;width:100%;min-height:44px;font-weight:600}.condition-check{color:var(--cyan);opacity:0;font-size:12px}.copy-conditions input:checked+span .condition-check{opacity:1}.copy-confirm:hover{background:#1845d8}.copy-confirm:active{transform:translateY(1px)}.copy-heading button:hover{background:var(--tint)}.overview-times .playtime-icon{flex-shrink:0;width:18px}.overview-times>div:first-child .playtime-icon{width:24px;height:24px}@media (max-width:1100px){.detail-overview{grid-template-columns:170px minmax(110px,.75fr) minmax(150px,1fr) minmax(190px,1.1fr);gap:24px 20px}.overview-playtime,.overview-value{padding-left:16px}}@media (max-width:800px){.detail-identity{display:contents}.detail-overview{grid-template-columns:100px minmax(0,1fr);grid-template-areas:"cover title""actions actions""score time""value value";gap:24px}.detail-overview .detail-content h1{letter-spacing:-1px;font-size:30px}.detail-overview .detail-cover{align-self:start}.overview-value{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.overview-score .user-rating p{font-size:10px}.overview-playtime{padding-left:20px}.overview-times{gap:12px}.overview-times dd{font-size:16px}.overview-times>div:first-child dd{font-size:28px}.detail-overview .metric-label{margin-bottom:10px}.copy-trigger{margin-top:8px}}@media (max-width:600px){.copy-dialog{border-radius:28px 28px 0 0;width:100%;max-width:100%;height:80dvh;max-height:80dvh;margin:0;inset:auto 0 0}.copy-dialog[open]{animation:.36s cubic-bezier(.22,1,.36,1) variant-sheet-enter}.copy-dialog-content{height:100%;padding:16px 20px max(20px, env(safe-area-inset-bottom));gap:16px}.copy-heading,.copy-confirm{flex-shrink:0}}.copy-dialog .edition-stale{margin:0}.overview-prices dd{overflow-wrap:anywhere}@keyframes variant-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.copy-dialog[open]{animation:none}}.editions-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.physical-editions .editions-heading h2{margin:0}.physical-editions button{font:inherit;cursor:pointer;color:var(--muted);transition:background .18s,color .18s,border-color .18s,transform .2s}.physical-editions button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.edition-regions{background:var(--tint);border-radius:30px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.edition-regions button{background:0 0;border:0;border-radius:24px;min-height:36px;padding:9px 14px;font-size:12px}.edition-regions button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:0 2px 8px #0000000c}.edition-platforms{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.edition-platforms button{border:1px solid var(--line);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:12px;display:flex}.edition-platforms svg{width:21px;height:21px}.edition-platforms button[aria-pressed=true]{background:var(--tint);border-color:var(--cyan);color:var(--cyan)}.edition-stage{border:1px solid var(--line);background:var(--panel);border-radius:24px;grid-template-columns:310px minmax(0,1fr);min-height:342px;display:grid;overflow:hidden}.edition-art{background:linear-gradient(135deg, var(--tint), var(--panel));place-items:center;padding:30px;display:grid}.edition-art>img{object-fit:contain;grid-area:1/1;width:100%;height:270px;transition:opacity .26s ease-out;display:block}.edition-art[aria-busy=true]{background-image:repeating-linear-gradient(0deg, transparent 0 3px, #2e63ff06 3px 4px), linear-gradient(135deg, var(--tint), var(--panel))}.edition-art-fallback{height:270px;color:var(--muted);grid-area:1/1;place-items:center;font-size:13px;display:grid}.edition-info{flex-direction:column;justify-content:center;gap:28px;min-width:0;padding:32px 36px;display:flex}.edition-release>span{color:var(--muted);letter-spacing:.4px;font-size:11px}.edition-release>span span{opacity:.5;padding:0 6px}.edition-release h3{letter-spacing:-.7px;margin:9px 0 0;font-size:25px;font-weight:600}.edition-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.edition-values>div{border-right:1px solid var(--line);padding:6px 12px 6px 0}.edition-values>div:last-child{border:0;padding-right:0}.edition-values dt{color:var(--muted);margin-bottom:9px;font-size:12px}.edition-values dd{color:var(--ink);letter-spacing:-1.3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.2;animation:.25s ease-out edition-arrive}.edition-values .edition-value-complete dd{color:var(--cyan)}.edition-picker{scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:10px;margin:-5px -4px -10px;padding:5px 4px 10px;display:flex;overflow-x:auto}.edition-picker button{text-align:left;border:1px solid var(--line);background:0 0;border-radius:12px;flex:0 0 150px;align-items:center;gap:10px;min-height:68px;padding:10px;display:flex;position:relative}.edition-picker button:hover{background:var(--tint);transform:translateY(-2px)}.edition-picker button[aria-pressed=true]{border-color:var(--cyan);color:var(--ink);background:var(--tint)}.edition-picker button span{padding-right:5px;font-size:11px;line-height:1.4}.edition-picker svg{fill:none;width:14px;height:14px;stroke:var(--cyan);stroke-width:1.7px;display:none;position:absolute;bottom:4px;right:3px}.edition-picker button[aria-pressed=true] svg{display:block}.edition-stale{color:var(--muted);font-size:11px}.edition-loading{background:var(--panel);border:1px solid var(--line);border-radius:24px;grid-template-columns:1fr 2fr;gap:24px;height:342px;padding:32px;display:grid}.edition-loading>div{background:var(--tint);border-radius:16px;animation:1.4s ease-in-out infinite alternate edition-loading}.edition-loading>div:last-child{align-self:center;height:110px}.edition-error{color:var(--muted);align-items:center;gap:16px;font-size:13px;display:flex}.edition-error button{border:1px solid var(--line);background:var(--panel);color:var(--cyan);border-radius:12px;padding:12px 18px}@keyframes edition-arrive{0%{opacity:.3;translate:0 5px}to{opacity:1;translate:0}}@keyframes edition-loading{0%{opacity:.4}to{opacity:1}}@media (max-width:900px){.edition-stage{grid-template-columns:240px minmax(0,1fr)}.edition-info{padding:28px 24px}.edition-art{padding-inline:30px}}@media (max-width:600px){.editions-heading{flex-direction:column;align-items:flex-start;gap:16px}.edition-regions{width:100%}.edition-regions button{flex:1;padding:9px 6px;font-size:11px}.edition-platforms{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.edition-platforms button{white-space:nowrap;flex-shrink:0}.edition-stage{border-radius:20px;grid-template-columns:1fr}.edition-art{height:236px;padding:22px 30px 28px}.edition-art>img,.edition-art-fallback{height:186px}.edition-info{gap:24px;padding:24px 20px}.edition-release h3{font-size:23px}.edition-values{gap:10px}.edition-values dd{letter-spacing:-.6px;font-size:clamp(16px,4.6vw,26px)}.edition-picker button{flex-basis:140px}}@media (max-width:360px){.copy-fields,.copy-conditions{grid-template-columns:1fr}.copy-conditions label>span{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:10px 12px;display:grid}.copy-conditions strong,.copy-conditions small{grid-column:1}.copy-conditions b{white-space:nowrap;grid-area:1/2/3;align-self:center}}@media (prefers-reduced-motion:reduce){.physical-editions *,.physical-editions :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}