.sts2-grid-cards{grid-template-columns:repeat(auto-fill,minmax(13.75em,1fr))}.card{display:flex;flex-direction:column;cursor:pointer}.card-cost{position:absolute;top:.4em;left:.4em;width:2.4em;height:2.4em;background:var(--sts2-gradient-primary-strong);border:.1875em solid rgba(100,150,200,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:800;color:#fff;z-index:5;text-shadow:.0625em .0625em .1875em rgba(0,0,0,.8);box-shadow:0 .1875em .5em rgba(0,0,0,.5),inset 0 .0625em .125em rgba(255,255,255,.3),0 0 .625em rgba(100,150,200,.3);line-height:1;padding-top:.1em;transition:var(--sts2-transition)}.card-cost.changed{background:var(--sts2-gradient-accent-strong);border-color:rgba(255,220,100,.8);animation:sts2-glow .5s ease-out;box-shadow:0 .1875em .5em rgba(0,0,0,.5),inset 0 .0625em .125em rgba(255,255,255,.3),0 0 1em rgba(220,180,50,.6)}.card-image{width:100%;flex-shrink:0;border-radius:var(--sts2-radius-md) var(--sts2-radius-md) 0 0;aspect-ratio:16/9}.stats{display:flex;gap:.375em;margin-bottom:1em;flex-wrap:wrap}.stat{padding:.375em .75em;border-radius:var(--sts2-radius-sm);border:.0625em solid rgba(120,150,200,.4);font-size:.8em;font-weight:700;color:#fff;letter-spacing:.01875em;background:var(--sts2-gradient-primary-light);text-shadow:.0625em .0625em .125em rgba(0,0,0,.8);box-shadow:0 .125em .25em rgba(0,0,0,.3),inset 0 .0625em 0 rgba(255,255,255,.2)}.stat.changed{background:var(--sts2-gradient-accent-strong);border-color:rgba(255,220,100,.6);animation:sts2-glow .5s ease-out}.card-buttons{padding:0 1.25em 1.125em}.upgrade-btn{width:100%;padding:.75em 1em;border:.0625em solid rgba(100,150,200,.3);border-radius:var(--sts2-radius-sm);background:linear-gradient(135deg,rgba(40,60,100,.8),rgba(30,50,90,.8));color:rgba(255,255,255,.9);font-size:.75em;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 .125em .375em rgba(0,0,0,.3)}.upgrade-btn:hover{background:var(--sts2-gradient-primary-light);border-color:rgba(120,170,220,.5);transform:translateY(-.0625em);box-shadow:0 .25em .5em rgba(0,0,0,.4)}.upgrade-btn.active{background:linear-gradient(135deg,rgba(200,160,40,.85),rgba(160,130,30,.85));border-color:rgba(220,180,50,.5);box-shadow:0 .125em .375em rgba(0,0,0,.4),0 0 .5em rgba(220,180,50,.3)}.upgrade-btn.active:hover{background:linear-gradient(135deg,rgba(240,200,70,.95),rgba(200,160,50,.95));box-shadow:0 .25em .5em rgba(0,0,0,.4),0 0 1.5625em rgba(220,180,50,.5)}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,rgba(60,60,60,.5),rgba(40,40,40,.5))}.upgrade-btn:disabled:hover{transform:none;box-shadow:0 .1875em .375em rgba(0,0,0,.3),inset 0 .0625em 0 rgba(255,255,255,.2)}.history-details{display:grid;grid-template-columns:1fr 1fr;gap:1.25em}.history-section{background:rgba(0,0,0,.2);padding:1em;border:.0625em solid rgba(255,255,255,.05);border-radius:var(--sts2-radius-sm)}.history-section h4{margin:0 0 .75em;padding-bottom:.5em;border-bottom:.0625em solid rgba(255,255,255,.1);color:#fff;font-size:1em;text-transform:uppercase;letter-spacing:.03125em}.history-section p{margin:.5em 0;color:rgba(255,255,255,.9);font-size:.85em;line-height:1.6}.history-section p.description{margin-top:.75em;padding-top:.75em;border-top:.0625em solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-style:italic}.history-section strong{color:rgba(220,180,50,.9);font-weight:600}@media (max-width:48em){.sts2-grid-cards{grid-template-columns:repeat(auto-fill,minmax(11em,1fr))}.card-buttons{padding:0 1em 1em}.history-details{grid-template-columns:1fr}}