.battlepass-title{position:relative;background:radial-gradient(circle at 82% 50%,rgba(126,29,24,.22),transparent 30%)}
.battlepass-title h1{font-size:clamp(48px,6vw,76px)}
.battlepass-notice{margin-top:28px}
.battlepass-summary{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:28px;margin:38px 0;padding:24px 28px;border:1px solid var(--line);background:linear-gradient(180deg,#17100b,#0d0907)}
.battlepass-summary>div:not(.battlepass-progress){display:flex;flex-direction:column;gap:3px}
.battlepass-summary span{color:#7d715f;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.battlepass-summary strong{color:#eee1c8;font:400 23px var(--display)}
.battlepass-progress{height:12px;padding:2px;border:1px solid #5c4529;background:#080604;overflow:hidden}
.battlepass-progress span{display:block;height:100%;background:linear-gradient(90deg,#9c6522,#f2cd70);box-shadow:0 0 16px rgba(214,168,75,.28)}
.battlepass-track{display:grid;gap:12px;margin:0 0 38px}
.battlepass-tier{min-height:112px;display:grid;grid-template-columns:86px 100px minmax(200px,1fr) minmax(220px,auto);align-items:center;border:1px solid #473622;background:linear-gradient(100deg,rgba(20,14,10,.98),rgba(11,8,6,.98));position:relative;overflow:hidden}
.battlepass-tier:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#46331f}
.battlepass-tier.unlocked{border-color:#8d6935;box-shadow:inset 0 0 40px rgba(214,168,75,.045)}
.battlepass-tier.unlocked:before{background:var(--gold)}
.battlepass-tier.claimed{opacity:.68}
.battlepass-tier.claimed:before{background:var(--green)}
.battlepass-tier.locked .tier-reward-art{filter:grayscale(1);opacity:.45}
.tier-number{height:100%;display:grid;align-content:center;justify-items:center;border-right:1px solid #35291b}
.tier-number span{color:#736754;font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.tier-number strong{color:var(--gold2);font:400 34px var(--display)}
.tier-reward-art{width:76px;height:76px;margin:auto;display:grid;place-items:center;background:radial-gradient(circle,#2a2118,#0c0907 70%);border:1px solid #3f3121}
.tier-reward-art img{max-width:66px;max-height:66px;object-fit:contain;filter:drop-shadow(0 5px 7px #000)}
.coin-mark{width:48px;height:48px;display:grid;place-items:center;border:2px solid #c99639;border-radius:50%;color:#241406;background:linear-gradient(145deg,#fff0a3,#b97c25);font:700 24px var(--display);box-shadow:0 0 18px rgba(214,168,75,.18)}
.tier-copy{padding:18px}
.tier-copy h2{margin:0;color:#e8ddc7;font:400 25px var(--display)}
.tier-copy p{margin:5px 0 0;color:#8f806a;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.tier-action{padding:17px 22px;display:flex;justify-content:flex-end}
.tier-action form{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.tier-action label{display:flex;flex-direction:column;gap:4px;color:#776b59;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.tier-action select{height:40px;min-width:150px;border:1px solid #5d492f;background:#0d0907;color:#e4dac6;padding:0 10px}
.tier-action .button{min-height:40px;padding:0 17px}
.claim-state{color:#8c806d;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.battlepass-tier.claimed .claim-state{color:#68c996}
.battlepass-help{margin:0 0 95px;padding:25px 28px;border:1px solid #35291c;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#817666;background:#0d0907}
.battlepass-help p{margin:0}
.battlepass-help a{color:var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:11px;white-space:nowrap}
.battlepass-admin-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:45px 0 0}
.battlepass-admin-grid>*{padding:38px}
.battlepass-admin-grid .form-aside{border-left:1px solid var(--line)}
@media(max-width:900px){.battlepass-summary{grid-template-columns:1fr}.battlepass-tier{grid-template-columns:70px 86px minmax(0,1fr)}.tier-action{grid-column:1/-1;border-top:1px solid #35291b;justify-content:flex-start}.tier-action form{justify-content:flex-start}.battlepass-admin-grid{grid-template-columns:1fr}.battlepass-admin-grid .form-aside{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.battlepass-tier{grid-template-columns:62px 76px minmax(0,1fr)}.tier-reward-art{width:62px;height:62px}.tier-reward-art img{max-width:54px;max-height:54px}.tier-copy{padding:14px 10px}.tier-copy h2{font-size:20px}.tier-action form{width:100%}.tier-action label,.tier-action select,.tier-action .button{width:100%}.battlepass-help{align-items:flex-start;flex-direction:column}}