.profile-page{padding-bottom:10px}.personal-file{margin-top:5px;padding:8px;border:1px solid #3b3c3e;border-radius:8px;background:#292929}.personal-file h1{margin:0 0 8px;color:#f1f1ed;text-align:center;font-size:19px;line-height:1.25}.profile-summary{display:flex;align-items:center;gap:10px}.profile-avatar{width:76px;height:76px;padding:4px;border:2px solid #494943;border-radius:7px;object-fit:cover;background:#161816}.profile-details{display:grid;gap:2px;font-size:16px;font-weight:700}.profile-name{color:#27c8d9;font-size:19px}.profile-stat{margin:4px 0 0;color:#f0f0ed;font-size:16px;font-weight:700}.profile-stat:first-of-type{color:#f4d465}.profile-experience-stat{display:flex;align-items:center;gap:4px}.profile-experience-icon{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.profile-actions .game-button{width:100%}.awards{margin:8px auto 12px;text-align:center}.awards h2{margin:0 0 6px;color:#d4b879;font-size:15px}.award-grid{display:grid;grid-template-columns:repeat(4,58px);justify-content:center;gap:7px}.award{display:block;width:58px;height:58px;border:2px solid #151515;border-radius:4px;background-image:url('assets/menu-tiles.png');background-size:400% 200%;box-shadow:0 1px 4px #0009}.award-1,.award-5,.award-9,.award-13{background-position:0 0}.award-2,.award-6,.award-10,.award-14{background-position:33.333% 0}.award-3,.award-7,.award-11,.award-15{background-position:66.667% 100%}.award-4,.award-8,.award-12,.award-16{background-position:100% 100%}.profile-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:0 8px}.profile-tile{display:flex;flex-direction:column;gap:5px;align-items:center;padding:0;border:0;background:none;color:#fff;font-size:15px;font-weight:700;text-decoration:none;text-shadow:1px 1px #000}.profile-tile img{display:block;width:100%;height:126px;border:2px solid #101010;border-radius:7px;object-fit:cover;background:#181818}.profile-tile:hover img{border-color:#b9b9b9}.profile-active{display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:inset 0 0 0 1px #8e8e8e}@media(max-width:390px){.personal-file h1{font-size:17px}.profile-details{font-size:14px}.profile-name{font-size:17px}.profile-stat{font-size:14px}.profile-experience-icon{width:18px;height:18px;flex-basis:18px}.profile-tile img{height:96px}.award-grid{grid-template-columns:repeat(4,53px)}.award{width:53px;height:53px}}

.experience-table{margin-top:9px;border-top:1px solid #454545;padding-top:7px;color:#d5d5d5;font-size:14px}.experience-table summary{cursor:pointer;color:#d4b879;text-align:center;font-size:14px;font-weight:700}.experience-table summary:hover{color:#f0d994}.experience-table>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;max-height:360px;margin-top:9px;padding:8px 12px;overflow:auto;border-radius:8px;background:#202020}.experience-level{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:0 6px;border-bottom:1px solid #393939;font-variant-numeric:tabular-nums}.experience-level strong{font-size:15px}.experience-level-current{color:#35c5db;font-weight:700}@media(max-width:390px){.experience-table{font-size:13px}.experience-table summary{font-size:13px}.experience-table>div{column-gap:10px;padding:6px 8px}.experience-level{min-height:25px;padding:0 3px}.experience-level strong{font-size:13px}}

.profile-actions a.game-button{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* Original illustrated frame. It is a background, so its opaque windows do not cover the content. */
.profile-sections{gap:2px 4px;margin:0 6px}
.profile-tile{position:relative;display:block;min-width:0;aspect-ratio:1.5/1;box-sizing:border-box;padding:0;border:0;border-radius:0;background:#242424 url('assets/profile/profile-tile-frame-mobile.png?v=2') center/100% 100% no-repeat;box-shadow:none;color:#fff;font:700 13px Arial,sans-serif;text-decoration:none;text-shadow:0 1px 1px #000;cursor:pointer;overflow:hidden}
.profile-tile img{position:absolute;z-index:1;top:12%;left:6%;display:block;box-sizing:border-box;width:88%;height:55%;border:0;border-radius:3px;object-fit:cover;background:#181818;box-shadow:none}
.profile-tile span{position:absolute;z-index:1;top:76%;left:8%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:84%;height:14%;min-height:0;padding:0;color:#f6ead0;text-align:center;line-height:1.05;white-space:nowrap}
.profile-tile:hover,.profile-tile:focus-visible{filter:brightness(1.08)}
.profile-tile:hover img{border:0}
.profile-tile:focus-visible{outline:2px solid #35a8ff;outline-offset:-3px}
@media(max-width:390px){.profile-sections{gap:1px 3px;margin:0 4px}.profile-tile{font-size:11px}}