.gray-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:radial-gradient(ellipse at 88% 40%,#384c39aa,transparent 65%),linear-gradient(135deg,#142825,#151f20);border-color:#69805a}.gray-hero h2{font-family:Georgia,serif;font-size:32px;margin:12px 0}.gray-hero p{max-width:520px;line-height:1.7}.gray-signal{display:grid;place-items:center;border:1px solid #9baf7466;border-radius:50%;width:144px;height:144px;flex-shrink:0;font-size:64px;color:#d6eb9f;box-shadow:0 0 0 15px #8cac6410,0 0 0 30px #8cac6408}.gray-signal span{font-size:9px;letter-spacing:3px;margin-top:-24px}.progression-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.progression-toolbar label{flex:1;min-width:160px;max-width:320px;margin:0}.progression-toolbar select{display:block;margin-top:8px;width:100%;color:var(--text);background:#152421;padding:12px;border:1px solid #50674d;border-radius:8px}.progression-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.progression-summary .panel{padding:22px;display:grid;gap:10px}.progression-summary small{font-size:9px;letter-spacing:1.4px;color:#92bba9}.progression-summary strong{font-size:30px;color:#d8eaa5}.progression-summary span{font-size:11px;color:#a1b6aa}.gray-community{padding:26px}.gray-community p{line-height:1.7}.gray-enemies,.gray-milestones,.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.gray-enemy{padding:22px;position:relative;overflow:hidden}.gray-enemy h3{font-family:Georgia,serif;font-size:21px;line-height:1.3;min-height:52px;margin:16px 0 10px}.gray-enemy .eyebrow{font-size:8px}.gray-enemy-icon{font-size:34px;color:#b8d6ac;margin-bottom:16px}.gray-boss{background:linear-gradient(145deg,#253028,#1f2229);border-color:#82764c}.gray-rewards{font-size:12px;line-height:1.8;color:#b6cdab;margin:15px 0}.gray-enemy .button{width:100%;margin:8px 0}.gray-lock{display:block;font-size:11px;color:#d4b596;line-height:1.5;margin-top:6px}.gray-milestones>.panel{padding:22px}.gray-milestones h3{font-size:20px}.gray-milestones p{font-size:12px;line-height:1.7;min-height:62px}.gray-rankings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gray-rankings>.panel,.keepsake-exchange{padding:24px}.progression-notice{padding:24px;margin:20px 0;line-height:1.7}.rank-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;padding:17px 8px;border-bottom:1px solid #ffffff12;align-items:center}.rank-line .text-button{font-size:14px;overflow-wrap:anywhere}.rank-line b{color:#b9d389}.rank-line small{display:block;font-size:10px;color:#a9b9b0;margin-top:4px}.rank-mine{background:#b2d67612;border-left:3px solid #c7df9d}.board-highlight{display:flex;justify-content:space-between;padding:28px;background:linear-gradient(130deg,#253729,#172421);margin:18px 0}.board-seal{font-size:54px;color:#c9e294}.board-highlight h2{font-family:Georgia,serif}.cosmetic-preview{display:flex;align-items:center;gap:24px;padding:24px;isolation:isolate}.cosmetic-preview canvas{width:115px;height:130px;image-rendering:pixelated}.cosmetic-preview p{color:#b9d594}.cosmetic-symbol{font-size:38px;height:65px;display:grid;place-content:center;border-radius:12px;margin:18px 0;color:#d5e9bc}.cosmetic-card{padding:22px}.cosmetic-card p{font-size:12px;line-height:1.65;min-height:62px}.cosmetic-card .button{width:100%}.cosmetic-badge{display:inline-grid;place-items:center;border:1px solid #bddb9255;width:24px;height:24px;border-radius:50%;color:#d9e99e;font-size:14px;margin-left:4px}.aura-mint{box-shadow:inset 0 0 25px #70e4be30,0 0 14px #70e4be22!important}.aura-violet{box-shadow:inset 0 0 25px #b188fa33,0 0 14px #b188fa2a!important}.aura-gold{box-shadow:inset 0 0 25px #f8cf7633,0 0 14px #f8cf7622!important}.profile-cosmetic-tag{padding:12px 20px;font-size:14px;border-top:1px solid #ffffff18;grid-column:1/-1}.guild-growth{padding:26px;margin:18px 0}.guild-growth details{font-size:12px;margin-top:12px}.guild-growth summary{cursor:pointer;color:#cdddad}.gray-camp-banner{padding:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-color:#72864e;margin-bottom:20px;background:linear-gradient(110deg,#2b3423,#132423)}.gray-camp-banner p{margin:6px 0;font-size:12px}.progression-empty{padding:35px;display:grid;gap:24px}.keepsake-exchange .rank-line{grid-template-columns:minmax(0,1fr) 36px auto}.keepsake-exchange .rank-line .button{font-size:11px}.gray-rankings .rank-line{grid-template-columns:38px minmax(0,1fr) auto}.progression-summary .panel span,.rank-line>div{min-width:0}.progression-notice .privacy-note{line-height:1.6}
@media(max-width:1150px){.gray-enemies,.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gray-milestones{grid-template-columns:1fr}.gray-rankings{grid-template-columns:1fr}.gray-milestones p{min-height:0}}
@media(max-width:640px){.gray-hero{padding:22px}.gray-signal{width:70px;height:70px;font-size:35px}.gray-signal span{font-size:6px;letter-spacing:1px;margin-top:-10px}.gray-hero h2{font-size:24px}.progression-summary{gap:7px}.progression-summary .panel{padding:13px 10px}.progression-summary strong{font-size:24px}.progression-summary small{font-size:8px;line-height:1.5;letter-spacing:.4px}.progression-summary span{font-size:10px;line-height:1.6}.gray-enemies,.cosmetic-grid{grid-template-columns:1fr}.gray-enemy h3{min-height:0}.gray-enemy,.gray-community,.guild-growth{padding:20px}.gray-community .record-section-heading,.guild-growth .record-section-heading{flex-wrap:wrap;gap:12px}.gray-camp-banner{align-items:start;flex-direction:column}.cosmetic-preview{gap:15px;padding:16px}.cosmetic-preview h2{font-size:24px}.cosmetic-preview canvas{width:80px;height:96px}.keepsake-exchange .rank-line{grid-template-columns:1fr auto}.keepsake-exchange .rank-line .button{grid-column:1/-1}.rank-line{gap:8px;font-size:12px;grid-template-columns:32px minmax(0,1fr) auto}}

.gray-enemy-icon canvas{width:62px;height:68px;image-rendering:pixelated}.gray-enemy-icon{height:68px;display:flex;align-items:center}