.profile-page{gap:1.5rem}.profile-card{background-color:#c6c6c6;border:4px solid #000;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1000px;padding:1.5rem;display:grid;box-shadow:inset 4px 4px #fff,inset -4px -4px #555}.profile-player{flex-direction:column;align-items:center;gap:.75rem;display:flex}.profile-name{color:#404040;margin:0;font-size:1.1rem}.profile-level{text-align:center;width:100%;max-width:240px;padding-top:1.1rem;position:relative}.profile-level-number{color:#80ff20;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000;font-size:.9rem;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.profile-xp-bar{background:#1f1f1f;border:2px solid #000;height:12px;margin-top:.3rem}.profile-xp-fill{background:#80ff20;width:70%;height:100%;box-shadow:inset 0 2px #ffffff73,inset 0 -2px #4a9b10}.profile-level-label{color:#555;margin:.35rem 0 0;font-size:.55rem}.profile-sns{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.profile-main{flex-direction:column;gap:1rem;min-width:0;display:flex}.profile-panel{background-color:#202020;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px;border:3px solid #000;padding:1rem 1.1rem;box-shadow:inset 0 0 0 2px #555}.profile-heading{color:#ff5;text-shadow:2px 2px #000;border-bottom:2px solid #555;margin:0 0 .8rem;padding-bottom:.4rem;font-size:.85rem;font-weight:400}.profile-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;display:grid}.profile-stat{background:#0000008c;border:2px solid #555;padding:.55rem .75rem}.profile-stat dt{color:#aaa;font-family:"DotGothic16",var(--font-pixel),monospace;font-size:.75rem}.profile-stat dd{color:#fff;font-family:"DotGothic16",var(--font-pixel),monospace;margin:.15rem 0 0;font-size:.95rem;line-height:1.5}.profile-timeline{margin:0;padding:0;list-style:none;position:relative}.profile-timeline:before{content:"";opacity:.45;background:#fff;width:4px;position:absolute;top:.6rem;bottom:.6rem;left:7px}.profile-event{padding:0 0 1rem 2rem;position:relative}.profile-event:last-child{padding-bottom:0}.profile-event:before{content:"";background:var(--dot);border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:.25rem;left:0}.dot-green{--dot:#2ecc71}.dot-purple{--dot:#9b59b6}.dot-pink{--dot:#f128c6}.dot-blue{--dot:#3498db}.dot-red{--dot:#e74c3c}.profile-event-date{flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0;display:flex}.profile-event-date time{color:#ffa;text-shadow:2px 2px #000;font-size:.8rem}.profile-event-date span{color:#aaa;font-family:"DotGothic16",var(--font-pixel),monospace;font-size:.8rem}.profile-event-title{color:#fff;font-family:"DotGothic16",var(--font-pixel),monospace;overflow-wrap:anywhere;margin:.2rem 0 0;font-size:.95rem;line-height:1.6}@media (min-width:768px){.profile-card{grid-template-columns:240px 1fr;align-items:start;padding:2rem}}@media (max-width:479px){.profile-card{padding:1rem}.profile-stats{grid-template-columns:1fr}}