.page-heading{position:relative}.page-heading h1{padding:0 6rem}.page-heading-right{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:.5rem}.settings-toggle{background-color:#fff}.github-link{line-height:1;font-size:2.5rem}.settings-panel{max-width:520px;margin:1rem auto;padding:1rem;border:1px solid rgba(0,0,0,.15);border-radius:.375rem}.gamertag-load-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;max-width:500px;margin:0 auto}@media (max-width:420px){.page-heading h1{padding:0 4.5rem}.github-link{right:2.5rem}}#gamertag-input{max-width:220px}#load-json-btn{white-space:nowrap}#gamertag-input:focus,#gamertag-input:focus-visible{border-color:#107c10;box-shadow:0 0 0 .25rem rgba(16,124,16,.25)}.btn-load,.btn-reload{background-color:#107c10;border-color:#107c10;color:#fff}.btn-load:active,.btn-load:hover,.btn-reload:active,.btn-reload:hover{background-color:#0d5c0a!important;border-color:#0d5c0a!important;color:#fff!important}.spinner-border.text-primary{color:#107c10!important}.spinner-border{width:2rem;height:2rem}#games-container .card{margin:.5rem auto 0 auto}#games-container .card.list-view{max-width:60%}#games-container .card.list-view .list-view-container{flex-direction:row!important;align-items:center}#games-container .card.list-view .list-img{width:120px;height:150px;object-fit:cover;margin-right:1rem;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.15)}#games-container .card:not(.list-view) .list-img{width:100%;height:auto;object-fit:contain;margin-bottom:.5rem}#games-container .card .image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg,#f5f5f5,#ebebeb);border:1px solid rgba(0,0,0,.08);border-radius:6px;color:#6c757d;font-size:.8rem;font-weight:600;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.08)}#games-container .card .image-placeholder i{font-size:2rem;line-height:1}#games-container .card.list-view .image-placeholder{width:120px;height:150px}#games-container .card:not(.list-view) .image-placeholder{width:100%;height:auto;aspect-ratio:1;min-height:180px}#games-container .card:not(.list-view) .list-view-container{flex-direction:column!important}#games-container .card .achievement-info{margin-top:.5rem}#games-container .card .achievement-info .progress{margin-top:2px;height:8px;margin-bottom:.25rem}.achievement-row{display:flex;align-items:center;gap:.5rem}.achievement-percentage{margin-left:auto}.achievement-g{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#000;color:#fff;border-radius:50%;font-weight:700;font-size:.8rem;margin-right:.25rem}.achievement-trophy{margin-left:.5rem;margin-right:.25rem}