.platform-selector{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5em;margin:30px auto;.platform-family{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;& button{display:flex;align-items:center;justify-content:center;width:320px;min-height:40px;height:140px;border:none;background:none;padding:0;border-radius:12px;color:var(--block-text);margin-block:1em .5em;outline:1px solid;opacity:.45;transition:all .2s ease-in-out;&[data-family=ps],&[data-platform^=ps]{--platform-color: #4A6DAE;--platform-glow: rgba(112, 167, 245, .1);outline-color:var(--platform-color);background:linear-gradient(135deg,#02255766,#4b94fa59)}&[data-family=xbox],&[data-platform^=xbox]{--platform-color: #8AB957;--platform-glow: rgba(75, 250, 127, .1);outline-color:var(--platform-color);background:linear-gradient(135deg,#02572866,#4bfa7f59)}&[data-family=switch]{--platform-color: #C92D26;--platform-glow: rgba(250, 75, 75, .1);outline-color:var(--platform-color);background:linear-gradient(135deg,#57020266,#fa4b4b59)}&[data-family=pc]{--platform-color: #9e9e9e;--platform-glow: rgba(224, 224, 224, .1);outline-color:var(--platform-color);background:linear-gradient(135deg,#28283266,#c8c8dc59)}&:hover{opacity:.7}&.active{scale:1.03;opacity:1;outline-width:3px;box-shadow:0 0 25px 10px var(--platform-glow);& img{filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}& span{font-size:1.4em;font-weight:800}}.platform-card{display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:12px;transition:all .25s ease-in-out;& img{width:72px;height:72px;object-fit:contain}& span{font-size:1.3em;font-family:GTAArtDeco}}}.platform-subconsoles{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease;width:100%;opacity:0;visibility:hidden;&.visible{grid-template-rows:1fr;opacity:1;visibility:visible}&[data-count="2"]{.subconsoles-inner{grid-template-columns:repeat(2,1fr)}}&[data-count="3"]{.subconsoles-inner{grid-template-columns:repeat(3,1fr)}}.subconsoles-inner{display:grid;gap:15px;padding-top:6px;min-height:0;& button{max-height:64px;width:auto;min-width:0;outline:1px solid var(--platform-color);opacity:.3;cursor:pointer;transition:all .2s;border-radius:8px;&:is(.active){opacity:1;outline-width:2px}&:hover:not(.active){opacity:.7}& img{max-width:64px;max-height:64px}&[data-definitive]{position:relative;padding-right:15px;&:after{content:"DE";position:absolute;top:50%;transform:translateY(-50%);right:9px;font-size:.75em;opacity:.9;color:gold;line-height:1;font-family:GTAArtDeco;transition:all .15s}&:hover{&:before{content:attr(data-tooltip);font-family:GTAArtDeco;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#000;color:gold;font-size:.9em;padding:4px 8px;border-radius:5px;white-space:nowrap;border:1px solid gold;z-index:10;pointer-events:none}&:after{text-shadow:0 0 1px gold;scale:1.1}}}}}}}}.achievement-disclaimer{background:color-mix(in srgb,var(--accent-color) 10%,transparent);border:1px solid rgba(250,250,250,.1);box-shadow:inset 0 0 10px #fafafa1a;max-width:950px;width:100%;border-radius:16px;padding:1em 1.5em;margin:2em auto;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:stretch;position:relative;gap:.2em;& h5{text-align:start;font-size:1.1em}& p{font-family:GTAArtDeco;font-size:1em!important;color:color-mix(in srgb,var(--block-text) 70%,transparent 70%);text-align:start;max-width:160ch;margin:0!important}.achievement-warning{font-size:.9em;display:flex;align-items:center;gap:.7em;color:color-mix(in srgb,var(--accent-color) 85%,var(--block-text) 100%)}}.achievement-content{contain-intrinsic-size:950px;display:flex;flex-direction:column;justify-content:center;.achievement-list{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-bottom:20px;width:100%;margin:30px auto 0;max-width:950px;.achievement-card{background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;transition:border-color .2s ease;contain:layout paint;&:hover{border-color:#fff6}.achievement-card-header{display:flex;align-items:center;gap:16px;padding:16px;& img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.achievement-card-info{display:flex;flex-direction:column;align-items:start;& h3{margin:0 0 4px;font-size:1.1rem;color:#fff;text-align:start}& p{margin:0;text-align:start;font-size:.9rem;color:#fff9}.achievement-tag-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;margin-bottom:4px;& span{font-size:.75rem;padding:.4em 1.2em;border-radius:12px;font-family:GTAArtDeco}}}}}}}.achievement-card-guide{border-top:1px solid rgba(255,255,255,.1);& button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#ffffff0d;border:none;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:background .2s ease,color .2s ease;text-align:left;&:hover{background:#ffffff1a;color:#fff}.achievement-toggle-icon{font-size:1.2rem;transition:transform .1s ease}}& p{max-width:max-content!important;max-height:0;opacity:0;overflow:hidden!important;padding:0 16px!important;margin:0!important;color:#ffffffbf!important;font-size:.88rem!important;line-height:1.5!important;transition:max-height .25s ease,opacity .3s ease,padding .2s ease!important}}.achievement-toggle[aria-expanded=true] .achievement-toggle-icon{transform:rotate(90deg)!important}.achievement-toggle[aria-expanded=true]+.achievement-guide-text{padding:12px 16px 32px!important}@media(max-width:660px){.achievement-disclaimer{width:90%;gap:.8em;text-align:start;& h5{font-size:1em}& p{font-size:.9em!important;line-height:1.4!important}.achievement-warning{font-size:.85em;line-height:1.9}}.achievement-content{contain-intrinsic-size:90vw;.achievement-list{width:90vw;gap:3.5em;margin:2em auto 15px}}}