#account-header{display:flex;align-items:center;gap:10px;white-space:nowrap}.signin-link,.register-link{display:inline-block;padding:10px 16px;border-radius:7px;font-size:14px;font-weight:650}.signin-link{background:#2b343c}.register-link{background:#459fe4;color:white}.profile-shortcut{display:flex;align-items:center;gap:9px;background:none;border:0;padding:3px;text-align:left}.profile-shortcut>span:last-child{font-size:13px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.profile-shortcut small{display:block;color:#80bde9;letter-spacing:1px;font-size:9px}.mini-avatar{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;border:2px solid #a9d5f570}header{gap:20px}header nav{gap:2px}header nav button{padding:10px 12px}#account-page{min-height:65vh}.auth-shell{max-width:1020px;margin:35px auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid #354754;border-radius:18px;overflow:hidden;background:#20292f}.auth-shell aside{padding:45px;background:radial-gradient(ellipse at 40% 55%,#315575,#1b2a38 65%);display:flex;flex-direction:column;justify-content:center}.auth-shell aside h1{font-size:35px;line-height:1.2}.auth-shell aside p{color:#a3b8c8}.auth-shell aside>small{color:#7d9aad;font-size:12px}.auth-rank{font-size:130px;color:#d6c18c;line-height:1.5;text-shadow:0 0 50px #bd995044}.auth-shell form{padding:42px;display:flex;flex-direction:column;gap:15px}.auth-shell h2{font-size:28px;margin-bottom:10px}.auth-shell form label,.account-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#b2c2cf}.auth-shell input,.account-form input,.account-form select{width:100%;background:#172127;border-color:#3b4d5d;min-height:45px}.auth-shell form button{padding:13px}.auth-shell form>p{font-size:13px;color:#8ca3b5}.auth-shell form a{color:#79bdf0}.first-admin-note{font-size:12px;line-height:1.6;color:#98b4c8;padding:12px;border:1px solid #3a5365;border-radius:7px;background:#253947}.form-feedback{font-size:13px;color:#e6bd82;min-height:15px;margin:0}.account-gate{text-align:center;max-width:560px;margin:100px auto}.account-gate>span{font-size:75px;color:#85bce5}.account-gate h1{font-size:30px}.account-gate p{color:#9fb1bf;margin:20px 0 30px}.account-gate a{margin:5px}.profile-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;margin-top:12px}.profile-nav{display:flex;flex-direction:column;gap:8px;align-self:start}.profile-nav button,.profile-nav a{display:block;text-align:left;background:none;border:none;border-radius:7px;padding:15px;color:#9fb0c2;font-size:14px;font-weight:650}.profile-nav .active{background:#1c3547;color:#66b9f5}.profile-nav button:hover,.profile-nav a:hover{background:#24333e}.profile-hero{background:linear-gradient(115deg,#223242,#20262f);border:1px solid #325775;border-radius:14px;padding:28px}.profile-welcome{display:flex;align-items:center;gap:22px}.large-avatar{width:90px;height:90px;flex:0 0 90px;display:grid;place-items:center;border-radius:50%;font-size:40px;border:2px solid #badbf4;box-shadow:0 0 35px #315d8044}.profile-welcome>div>span{font-size:16px;color:#9caec0}.profile-welcome h1{font-size:29px;text-transform:uppercase;margin:5px 0;overflow-wrap:anywhere}.profile-welcome small{font-size:12px;color:#839aae}.profile-welcome>p{align-self:flex-start;margin-left:auto;border-radius:8px;background:#2a3340;padding:14px;font-size:12px;color:#aabed1}.profile-welcome>p b{margin-left:10px;color:#e8f1f7}.xp-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 20px;font-size:14px}.xp-line b{display:inline-block;padding:7px 11px;color:#69bfff;background:#19394d;border-radius:6px;margin-left:7px;font-size:19px}.xp-line>strong{color:#a9c1d6;font-size:14px}.xp-track{height:17px;border-radius:15px;background:#101a22;padding:4px}.xp-track>span{height:9px;display:block;border-radius:10px;background:linear-gradient(90deg,#399cec,#36c2ed);transition:width .5s}.xp-explanation{font-size:11px;color:#839aaf;margin:12px 0 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;background:#212b35;border:1px solid #354550;border-radius:11px;overflow:hidden}.profile-stats article{display:flex;align-items:center;gap:16px;padding:22px;border-right:1px solid #354550}.profile-stats article:last-child{border:0}.profile-stats article>span{display:grid;place-items:center;font-size:27px;width:49px;height:49px;border-radius:7px;background:#253d5d;color:#88b9f5;flex-shrink:0}.profile-stats article:nth-child(2)>span{background:#564223;color:#e8c87d}.profile-stats article:nth-child(1)>span{background:#473355;color:#be95d9}.profile-stats article>div{font-size:12px;color:#97aabd}.profile-stats strong{display:block;font-size:24px;color:white;white-space:nowrap}.profile-block{background:#1e272e;border:1px solid #34414b;border-radius:12px;padding:25px;margin-bottom:22px;min-width:0}.profile-block h2{font-size:21px;margin-bottom:20px}.profile-block h3{margin:0}.profile-block>p{color:#b0bfca}.profile-block>small{font-size:12px;color:#8096a7}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.block-heading h2{margin:0}.block-heading>span{font-size:11px;color:#839daf}.best-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.best-item{display:flex;align-items:center;flex-direction:column;background:#27313a;border:1px solid #3a495433;border-radius:9px;padding:15px 9px;min-width:0}.best-item .product-art,.best-item .product-emoji{height:100px;font-size:60px;display:flex;align-items:center}.best-item>b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:10px;color:#9fb6c7}.best-item>strong{font-size:14px;margin:5px 0}.best-item>small{font-size:10px;color:#778f9f}.account-form{max-width:520px;display:flex;flex-direction:column;gap:18px}.account-form input[type=color]{width:75px;height:45px;padding:5px}.account-form button{align-self:start;padding:12px 23px}.account-table{overflow:auto}.account-table table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.account-table th{text-align:left;font-weight:500;color:#87a0b4;font-size:12px}.account-table td,.account-table th{padding:14px;border-bottom:1px solid #35434e}.account-table td{color:#c3d0da}.empty-small{padding:30px 0;color:#8297a7}.session-row{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #34434f;font-size:14px}.session-row>span{color:#87a0b3;font-size:12px}.profile-block #revoke-sessions{margin-top:20px}.rewards-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.rewards-heading h1{font-size:36px;margin:7px 0}.rewards-heading p{color:#93aabc;font-size:14px}.level-pill{background:#203a4c;border:1px solid #416b89;border-radius:10px;padding:15px 22px;font-size:12px;white-space:nowrap;color:#9cc3de}.level-pill b{display:block;font-size:32px;text-align:center;color:#67c0ff}.reward-progress{padding:3px 25px 23px;border:1px solid #33444f;border-radius:10px;background:#1d2932;margin-bottom:30px}.daily-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.daily-card{background:#1e282f;border:1px solid #36444e;border-radius:12px;padding:17px 13px;display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0}.daily-card>a{width:100%}.reward-pack-art{height:225px;width:100%;max-width:165px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:15px 9px;border:5px ridge #b9c1c6;border-radius:12px;background:linear-gradient(125deg,#8e9ba5 0%,#d7dfe3 15%,#a8b4be 20%,#ecf0f2 50%,#bac6cf 51%,#e1e8ee 85%,#7f919f);box-shadow:inset 0 0 0 3px #edf3f5,0 9px 18px #0004;color:#192b3d;overflow:hidden}.reward-pack-art>span{font-size:9px;letter-spacing:2px;font-weight:800;color:#5a6c79}.reward-pack-art>strong{font-size:66px;line-height:1;transform:rotate(-90deg);color:#183448;text-shadow:2px 1px #e4bc65;letter-spacing:-18px;padding-right:18px}.reward-pack-art[data-tier="40"]>strong,.reward-pack-art[data-tier="50"]>strong,.reward-pack-art[data-tier="60"]>strong,.reward-pack-art[data-tier="70"]>strong,.reward-pack-art[data-tier="80"]>strong,.reward-pack-art[data-tier="90"]>strong{transform:none;color:#b58432;text-shadow:1px 2px #ffe5a1;font-size:85px;letter-spacing:0;padding:0}.reward-pack-art>b{font-size:17px;letter-spacing:2px}.reward-pack-art>small{font-size:8px;letter-spacing:1px}.daily-card h3{margin:16px 0 5px;font-size:15px}.daily-card>small{font-size:10px;color:#8c9faf}.daily-card>button{font-size:11px;width:100%;margin:15px 0 8px;background:#287bb2;border-color:#368bc2;padding:10px 3px}.daily-card.locked .reward-pack-art{filter:saturate(.45);opacity:.55}.daily-card.locked>button{background:#293238;border-color:#3b474e}.daily-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.daily-actions a,.daily-actions button{font-size:10px;padding:4px;border:0;background:none;color:#a4bfce}.back-rewards{font-size:13px;color:#a3bbca}.daily-title{text-align:center;margin:32px 0}.daily-title h1{font-size:30px}.daily-title p{color:#8aa4b6;font-size:13px}.daily-reel-window{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse,#293944,#171f25);border:1px solid #374954;border-radius:12px}.daily-pointer{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;color:#77c5fb;font-size:25px}.daily-pointer:after{content:'';height:238px;width:1px;background:#66bdf544;position:absolute;left:50%;top:25px}#daily-reel{height:100%;display:flex;align-items:center;gap:10px}#daily-reel .reel-item{background:none;height:195px;border:0}.reward-voucher{height:78px;width:112px;max-width:100%;background:linear-gradient(130deg,#51697b,#253a49);border:2px dashed #92aab966;border-radius:5px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;padding:7px;transform:rotate(-9deg);color:#e4eff5;filter:drop-shadow(0 0 15px #aacbde22)}.reward-voucher>small{font-size:8px!important;letter-spacing:1.5px;color:#9ab0c0!important}.reward-voucher>strong{font-size:24px!important;white-space:nowrap;font-weight:800!important}.reward-voucher>em{font-size:6px;letter-spacing:1px;font-style:normal}.daily-open-bar{display:flex;justify-content:center;align-items:center;gap:10px;background:#222e37;border-radius:10px;padding:20px;margin:22px 0}.daily-open-bar .create-battle{min-width:220px}#daily-result{text-align:center;color:#acd3ec;min-height:26px}.daily-odds{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1100px;margin:auto}.daily-odds .odds-card{background:#232e36}.daily-odds .odds-card>span{height:120px}.daily-odds .odds-card .reward-voucher{height:78px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.admin-heading h1{font-size:34px}.admin-heading p{font-size:14px;color:#93adbe}.admin-heading>a{font-size:13px;color:#a1c2d8}.admin-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.picker-pack .reward-pack-art{height:155px;width:110px;border-width:3px;padding:8px}.picker-pack .reward-pack-art>strong{font-size:44px}.picker-pack .reward-pack-art>b{font-size:12px}.queue-pack .reward-pack-art{height:140px;width:100px;border-width:3px;padding:7px}.queue-pack .reward-pack-art>strong{font-size:38px}.queue-pack .reward-pack-art>b{font-size:10px}.arena-rounds .reward-pack-art{height:65px;width:43px;border:1px solid #c0cbd3;border-radius:3px;padding:4px}.arena-rounds .reward-pack-art>span,.arena-rounds .reward-pack-art>small{display:none}.arena-rounds .reward-pack-art>strong{font-size:23px;letter-spacing:-6px;padding-right:6px}.arena-rounds .reward-pack-art>b{font-size:7px;letter-spacing:0}.battle-reel-item .reward-pack-art{height:130px;width:93px;border-width:3px;padding:7px}.battle-reel-item .reward-pack-art>strong{font-size:35px}.battle-reel-item .reward-pack-art>b{font-size:10px}.battle-reel-item .reward-voucher{height:76px;width:110px;margin:8px}.history-item .reward-voucher{margin:20px 0;height:65px}.history-item .reward-voucher>strong{font-size:17px!important}
@media(max-width:1300px){header{height:auto;flex-wrap:wrap;padding:12px 24px;gap:12px}header nav{order:3;justify-content:center;width:100%;height:48px}header .wallet{margin-left:auto}.profile-stats article{padding:15px;gap:9px}.profile-stats strong{font-size:20px}.profile-stats article>span{width:38px;height:38px}.daily-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-welcome>p{display:none}.profile-layout{grid-template-columns:170px minmax(0,1fr);gap:18px}.profile-nav button,.profile-nav a{font-size:12px;padding:13px 10px}}
@media(max-width:950px){.profile-layout{grid-template-columns:1fr}.profile-nav{flex-direction:row;overflow-x:auto;gap:5px}.profile-nav button,.profile-nav a{white-space:nowrap}.profile-stats strong{font-size:18px}.best-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.auth-shell aside{padding:25px}.auth-shell form{padding:28px}.auth-shell aside h1{font-size:28px}.xp-line{font-size:12px;gap:8px}.xp-line>strong{font-size:12px}}
@media(max-width:600px){header{padding:10px 14px}header nav{justify-content:space-between}header nav button{font-size:12px;padding:8px 5px}#account-header{margin-left:auto}.profile-shortcut>span:last-child{display:none}.signin-link,.register-link{font-size:12px;padding:8px 10px}header .wallet{margin-left:auto}.auth-shell{grid-template-columns:1fr;margin:12px 0}.auth-shell aside{padding:25px}.auth-shell aside h1{font-size:26px;margin:12px 0}.auth-rank{display:none}.auth-shell aside p{display:none}.auth-shell form{padding:25px}.profile-hero{padding:20px 16px}.large-avatar{width:64px;height:64px;flex-basis:64px;font-size:27px}.profile-welcome{gap:12px}.profile-welcome h1{font-size:23px}.profile-welcome>div>span{font-size:13px}.xp-line{flex-wrap:wrap;justify-content:space-between}.xp-line>strong{order:3;flex:1 0 100%;text-align:center;margin-top:10px}.xp-line b{font-size:16px}.profile-stats{grid-template-columns:1fr}.profile-stats article{border-right:0;border-bottom:1px solid #354550;padding:18px}.profile-stats strong{font-size:23px}.profile-block{padding:18px}.block-heading{flex-wrap:wrap}.best-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-block h2{font-size:19px}.rewards-heading h1{font-size:28px}.rewards-heading p{font-size:12px}.rewards-heading{gap:10px}.level-pill{padding:10px 13px}.level-pill b{font-size:26px}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.daily-card{padding:12px 8px}.reward-pack-art{height:190px}.reward-pack-art>strong{font-size:56px}.reward-pack-art>b{font-size:14px}.daily-card h3{font-size:13px}.daily-actions button,.daily-actions a{font-size:9px}.reward-progress{padding:1px 15px 20px}.daily-open-bar{flex-wrap:wrap;padding:15px}.daily-open-bar .create-battle{width:100%;min-width:0}.daily-odds{grid-template-columns:repeat(2,minmax(0,1fr))}.session-row{flex-direction:column}.admin-heading{flex-wrap:wrap}.daily-title h1{font-size:26px}}
.mini-avatar,.large-avatar{overflow:hidden}.mini-avatar img,.large-avatar img,.battle-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-upload{border:1px dashed #466274;border-radius:10px;padding:18px;margin-bottom:25px;max-width:520px}.avatar-upload label{display:flex;flex-direction:column;gap:12px;font-size:14px}.avatar-upload small{color:#8da6b7;font-size:11px}.avatar-upload input{width:100%;font-size:12px}.winning-avatars{align-items:start;gap:24px}.winner-profile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px;padding-top:25px}.winning-avatars .winner-profile .battle-avatar{width:96px;height:96px;font-size:57px;border-width:2px;margin-bottom:7px}.winner-profile .profile-crown{position:absolute;top:-11px;left:50%;transform:translateX(-50%) rotate(-9deg);font-size:65px;color:#fbd751;z-index:1;line-height:1}.winner-profile>b{font-size:17px}.winner-profile>strong{font-size:16px}.winner-profile>del{font-size:12px;color:#a6b1ba}.finish-panel h2{font-size:16px;color:#a6bdcd;margin-top:8px}.finish-panel .winning-avatars{margin:0 0 10px}.finish-panel{inset:55px 15px 10px}.finish-actions{margin-top:5px}@media(max-width:600px){.winning-avatars{gap:10px}.winner-profile{min-width:75px}.winning-avatars .winner-profile .battle-avatar{width:70px;height:70px;font-size:40px}.winner-profile>b{font-size:12px}.winner-profile>strong{font-size:13px}.winner-profile .profile-crown{font-size:51px;top:0}.finish-panel>p{font-size:12px}}
.history-actions{display:flex;gap:6px;white-space:nowrap}.history-actions button{font-size:12px;padding:7px 10px}.wallet-inventory{display:flex;align-items:center;gap:6px;white-space:nowrap}.wallet-inventory #count{background:#3d4851;padding:1px 5px;border-radius:4px;font-size:11px}.language-select{font-size:12px;padding:7px 4px;max-width:90px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:inherit}.finish-actions{flex-wrap:wrap}.finish-panel .finish-actions button{font-size:12px}@media(max-width:650px){.wallet-inventory{padding:7px;font-size:11px}.wallet{gap:4px}.language-select{max-width:65px}header{gap:7px}}
.reward-battle-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #354c5b;background:#1c2a34;border-radius:12px;padding:20px 25px;margin:0 0 28px}.reward-battle-bar h2{margin:0;font-size:19px}.reward-battle-bar p{margin:6px 0;color:var(--muted);font-size:13px}.reward-battle-bar button{white-space:nowrap}@media(max-width:650px){.reward-battle-bar{flex-direction:column;align-items:stretch}}
.finance-heading{max-width:760px;margin:32px 0 26px}.finance-heading>a{display:inline-block;margin-bottom:24px;color:#91a9bb;font-size:13px}.finance-heading h1{font-size:38px;margin:7px 0}.finance-heading p{color:#98adbd;line-height:1.6}.deposit-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:22px;align-items:start}.deposit-card{padding:34px}.deposit-card h2{font-size:27px}.deposit-icon{float:right;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(140deg,#3ea5e9,#327ec9);font-size:30px}.money-input{display:flex;align-items:center;background:#172127;border:1px solid #3b4d5d;border-radius:7px;overflow:hidden}.money-input span{padding:0 16px;color:#72baf0;font-size:20px}.money-input input{border:0!important;border-left:1px solid #344654!important;border-radius:0!important}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-amounts button{padding:9px 4px}.deposit-summary{display:flex;justify-content:space-between;padding:17px;border:1px solid #37516a;background:#223342;border-radius:8px}.deposit-summary strong{color:#62c2ff}.deposit-aside{display:grid;gap:16px}.balance-card,.active-code,.partner-promo{display:flex;flex-direction:column;gap:9px;padding:25px;border:1px solid #344752;border-radius:12px;background:#202b34}.balance-card span,.active-code span,.partner-promo span{font-size:10px;letter-spacing:1.5px;color:#7f99ac}.balance-card strong{font-size:32px}.balance-card small,.active-code small,.partner-promo small{color:#8fa5b4;line-height:1.5}.active-code{border-color:#3a8669;background:linear-gradient(145deg,#20372f,#202b34)}.active-code strong{font-size:25px;color:#68d5a3}.partner-promo{background:linear-gradient(145deg,#26364b,#222a33)}.partner-promo strong{font-size:19px}.partner-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.partner-stats article{padding:23px;border:1px solid #364651;border-radius:11px;background:#202a32}.partner-stats span{display:block;font-size:10px;letter-spacing:1px;color:#8299aa;margin-bottom:10px}.partner-stats strong{font-size:25px}.partner-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.partner-code-card{background:linear-gradient(145deg,#243a50,#202a31)}.partner-code-card h2{font-size:31px;color:#75c5fa;overflow-wrap:anywhere}.partner-code-card p,.partner-how span{color:#91a7b7}.partner-how ol{list-style:none;padding:0;margin:0;display:grid;gap:16px;counter-reset:steps}.partner-how li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;counter-increment:steps}.partner-how li:before{content:counter(steps);grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#27475e;color:#6fc2f8}.partner-how b{font-size:14px}.partner-how span{font-size:12px;margin-top:3px}@media(max-width:850px){.deposit-layout,.partner-layout{grid-template-columns:1fr}.partner-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.quick-amounts,.partner-stats{grid-template-columns:1fr 1fr}}
/* PacksBro profile overview palette */
.profile-layout{color:#e8f1f6}
.profile-nav{padding:10px;border:1px solid #2e414d;border-radius:12px;background:#1b252c;box-shadow:0 12px 28px #08101733}
.profile-nav button,.profile-nav a{color:#9fb3c1}
.profile-nav .active{background:#24445a;color:#7bc8fb;border-left:2px solid #4aadeb}
.profile-nav button:hover,.profile-nav a:hover{background:#253741;color:#d4e8f4}
.profile-hero{background:linear-gradient(135deg,#202d36 0%,#1d2830 68%,#203a4b 100%);border-color:#3a5667;box-shadow:0 16px 34px #0810172b}
.profile-welcome>p{background:#24333c;border:1px solid #38515f;color:#a9bfcd}
.profile-stats{background:#1f2a31;border-color:#354c59;box-shadow:0 10px 24px #08101722}
.profile-stats article{border-color:#354c59}
.profile-stats article>span,.profile-stats article:nth-child(1)>span,.profile-stats article:nth-child(2)>span{background:#244256;color:#7bc8fb}
.profile-block{background:linear-gradient(145deg,#202b32,#1d272e);border-color:#354c59;box-shadow:0 10px 24px #08101720}
.profile-block h2,.profile-block h3{color:#edf5f8}
.best-item{background:#243139;border-color:#3a505d}
.best-item:hover{background:#293943;border-color:#4e8caf;transform:translateY(-2px)}
.best-item>b{color:#a8c6d7}
.xp-track{background:#14212a;border:1px solid #2f4a5a}
.auth-shell{position:relative;max-width:1080px;min-height:610px;margin:46px auto 70px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid #3b5668;border-radius:20px;background:linear-gradient(135deg,#1d2b35,#1a2228);box-shadow:0 24px 70px #050a0f88;isolation:isolate}
.auth-shell:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:20px;background:radial-gradient(circle at 18% 20%,#479feb16,transparent 32%),radial-gradient(circle at 86% 82%,#479feb0d,transparent 35%)}
.auth-shell aside{position:relative;z-index:1;padding:54px 56px;background:linear-gradient(145deg,#20394b,#1b2a35 58%,#1d2a31);border-right:1px solid #385568;overflow:hidden}
.auth-shell aside:after{content:'';position:absolute;width:300px;height:300px;right:-140px;bottom:-150px;border-radius:50%;border:1px solid #70bff422;box-shadow:0 0 0 22px #70bff20a,0 0 0 44px #70bff206}
.auth-brand{display:block;width:290px;height:58px;position:relative;overflow:hidden;margin:0 0 46px;background:transparent}
.auth-brand img{position:absolute;width:430px;max-width:none;height:auto;left:-82px;top:-24px;mix-blend-mode:lighten;background:transparent}
.auth-shell aside .eyebrow{color:#8ac9f4}
.auth-shell aside h1{font-size:39px;letter-spacing:-1.5px;margin:14px 0 26px}
.auth-shell aside p{max-width:330px;font-size:15px;line-height:1.65;color:#b2c9d8}
.auth-shell aside>small{display:inline-block;margin-top:20px;padding:8px 12px;border:1px solid #42677f;border-radius:7px;background:#1b3242;color:#94c1de}
.auth-rank{font-size:112px;line-height:1;color:#e4c56f;text-shadow:0 0 45px #e3b65c44;opacity:.9}
.auth-shell form{position:relative;z-index:1;padding:58px 66px;background:linear-gradient(180deg,#202a30cc,#1a2227aa)}
.auth-shell form>.eyebrow{color:#8ac9f4}
.auth-shell h2{font-size:33px;letter-spacing:-1px;margin:12px 0 25px}
.auth-shell form label{gap:9px;color:#b6c9d5}
.auth-shell input{min-height:52px;border-radius:9px;background:#172229;border-color:#3d5968;transition:border-color .2s,box-shadow .2s}
.auth-shell input:focus{border-color:#68b9ef;box-shadow:0 0 0 3px #479feb22;outline:none}
.auth-shell form button.primary{min-height:53px;border-radius:9px;margin-top:7px;box-shadow:0 10px 25px #2c91dc33}
.auth-shell form>p{margin-top:2px}
.auth-shell form>p a{font-weight:700;color:#72c0f5}
@media(max-width:950px){.auth-shell{margin:28px auto 55px}.auth-shell aside{padding:38px}.auth-shell form{padding:42px}.auth-brand{margin-bottom:30px}.auth-shell aside h1{font-size:31px}}
@media(max-width:600px){.auth-shell{margin:10px 0 35px;border-radius:14px;min-height:0}.auth-shell:before{border-radius:14px}.auth-shell aside{padding:28px 24px 24px;border-right:0;border-bottom:1px solid #385568}.auth-brand{width:190px;height:45px;margin-bottom:20px}.auth-brand img{width:305px;left:-58px;top:-17px}.auth-shell aside h1{font-size:28px;margin:10px 0 14px}.auth-rank{font-size:76px}.auth-shell aside p{font-size:13px;margin:8px 0}.auth-shell aside>small{margin-top:12px}.auth-shell form{padding:30px 24px}.auth-shell h2{font-size:28px;margin-bottom:20px}}

/* Security + Fairness account settings */
.security-settings .block-heading{align-items:flex-start}.security-copy,.fairness-settings-copy{margin:-6px 0 22px;color:#879aa6!important;line-height:1.55;font-size:12px}
.fairness-settings-loading{padding:34px;text-align:center;color:#8ba0aa}
.fairness-settings-panel .block-heading a{font-size:11px;color:#9bc8df;text-decoration:none}
.fairness-settings-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.fairness-settings-values label{padding:12px;border:1px solid #34434b;border-radius:9px;background:#182126;display:flex;flex-direction:column;gap:6px;min-width:0}
.fairness-settings-values label:first-child{grid-column:1/-1}
.fairness-settings-values span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7f939e}
.fairness-settings-values code{font-size:10px;color:#d5e1e6;word-break:break-all}
.fairness-settings-values code.seed-hidden{color:#d8b470}
.fairness-settings-values small{font-size:9px;color:#657a84;line-height:1.4}
.fairness-seed-editor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:end}
.fairness-seed-editor label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#82959f}
.fairness-seed-editor input{min-height:43px;padding:0 11px;border:1px solid #35444c;border-radius:8px;background:#151d21;color:#e6eef2;font-family:monospace}
.fairness-seed-editor button{min-height:43px;white-space:nowrap}
.fairness-profile-history{display:flex;flex-direction:column;gap:8px}
.fairness-profile-history article{padding:10px 12px;border:1px solid #303d44;border-radius:8px;background:#182126;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}
.fairness-profile-history b{font-size:10px;color:#88d5a8}.fairness-profile-history code{font-size:9px;color:#bdcbd2;word-break:break-all}.fairness-profile-history small{grid-column:1/-1;font-size:8px;color:#667b85;word-break:break-all}
@media(max-width:800px){.fairness-settings-values{grid-template-columns:1fr}.fairness-settings-values label:first-child{grid-column:auto}.fairness-seed-editor{grid-template-columns:1fr}.fairness-seed-editor button{width:100%}}

/* Header profile icon dropdown */
#account-header{position:relative}
.account-menu-wrap{position:relative;display:flex;align-items:center}
.profile-icon-trigger{
 width:42px;height:42px;padding:0!important;
 display:grid!important;place-items:center!important;
 border-radius:50%!important;background:transparent!important;
 border:1px solid transparent!important;
}
.profile-icon-trigger:hover,.account-menu-wrap.open .profile-icon-trigger{background:#242b30!important;border-color:#37434a!important}
.profile-icon-trigger .mini-avatar{width:36px;height:36px;border-width:1px;overflow:hidden}
.profile-icon-trigger .mini-avatar img{width:100%;height:100%;object-fit:cover}
.account-dropdown{
 position:absolute;z-index:120;top:calc(100% + 12px);right:0;
 width:260px;padding:8px;
 border:1px solid #343d42;border-radius:10px;
 background:#1b2023;color:#e7ebed;
 box-shadow:0 22px 60px #000b;
 opacity:0;visibility:hidden;pointer-events:none;
 transform:translateY(-5px);
 transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
.account-menu-wrap.open .account-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.account-dropdown-user{
 display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center;
 padding:10px 11px 12px;border-bottom:1px solid #30373b;
}
.account-dropdown-user .mini-avatar{width:44px;height:44px;overflow:hidden}
.account-dropdown-user .mini-avatar img{width:100%;height:100%;object-fit:cover}
.account-dropdown-user>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.account-dropdown-user strong{font-size:14px;color:#f6f7f7;overflow:hidden;text-overflow:ellipsis}
.account-dropdown-user small{font-size:10px;color:#858f95}
.account-dropdown-items{padding:7px 0}
.account-dropdown-items button,.account-dropdown-signout button{
 width:100%;min-height:42px;padding:8px 9px;
 display:grid;grid-template-columns:25px 1fr 16px;align-items:center;gap:8px;
 border:0;border-radius:7px;background:transparent;color:#d8dde0;text-align:left;
}
.account-dropdown-items button:hover,.account-dropdown-signout button:hover{background:#272d31;color:#fff}
.account-dropdown-items button>span,.account-dropdown-signout button>span{font-size:14px;color:#aeb8bd;text-align:center}
.account-dropdown-items button>b,.account-dropdown-signout button>b{font-size:12px;font-weight:700}
.account-dropdown-items button>i{font-style:normal;font-size:18px;color:#737e84;text-align:right}
.account-dropdown-signout{padding-top:7px;border-top:1px solid #30373b}
.account-dropdown-signout button{grid-template-columns:25px 1fr;color:#dfe3e5}
@media(max-width:650px){
 .account-dropdown{position:fixed;top:70px;right:10px;width:min(280px,calc(100vw - 20px))}
}

/* Reward-pakkene har egen metallfarge per nivågruppe (samme som merkene på Rewards):
   Starter 10–30 blå, Elite 40–60 lilla, Legend 70–100 gull. */
.reward-pack-art:is([data-tier="10"],[data-tier="20"],[data-tier="30"]){
 border-color:#7fb3e6;color:#0d2744;
 background:linear-gradient(125deg,#2f5f93 0%,#9fcfff 15%,#4f86bf 21%,#dcefff 50%,#6fa6dc 51%,#b9dcff 85%,#24507f);
 box-shadow:inset 0 0 0 3px #d6ebff,0 9px 18px #0004,0 0 22px -6px rgba(71,159,235,.55)}
.reward-pack-art:is([data-tier="10"],[data-tier="20"],[data-tier="30"])>span{color:#1f4c78}
.reward-pack-art:is([data-tier="10"],[data-tier="20"],[data-tier="30"])>strong{color:#0f2c4d;text-shadow:2px 1px #bfe3ff}

.reward-pack-art:is([data-tier="40"],[data-tier="50"],[data-tier="60"]){
 border-color:#b39ce8;color:#22114a;
 background:linear-gradient(125deg,#4a2e8e 0%,#d6c6ff 15%,#7a5bc8 21%,#f0e8ff 50%,#9a7fe0 51%,#dccfff 85%,#3b2378);
 box-shadow:inset 0 0 0 3px #efe6ff,0 9px 18px #0004,0 0 22px -6px rgba(157,123,255,.6)}
.reward-pack-art:is([data-tier="40"],[data-tier="50"],[data-tier="60"])>span{color:#4a2f86}
.reward-pack-art:is([data-tier="40"],[data-tier="50"],[data-tier="60"])>strong{color:#3d2476;text-shadow:1px 2px #e6d9ff}

.reward-pack-art:is([data-tier="70"],[data-tier="80"],[data-tier="90"],[data-tier="100"]){
 border-color:#d9ab4a;color:#3a2503;
 background:linear-gradient(125deg,#8a5a12 0%,#f7dc8a 15%,#c9922e 21%,#fff2c4 50%,#dfae4b 51%,#fbe39a 85%,#7a4c0c);
 box-shadow:inset 0 0 0 3px #fff3d1,0 9px 18px #0004,0 0 24px -6px rgba(243,190,70,.7)}
.reward-pack-art:is([data-tier="70"],[data-tier="80"],[data-tier="90"],[data-tier="100"])>span{color:#7a4f0e}
/* Nivå 100 manglet i kroneregelen over, sa kronen sto rotert 90 grader. */
.reward-pack-art:is([data-tier="70"],[data-tier="80"],[data-tier="90"],[data-tier="100"])>strong{transform:none;color:#6e4204;text-shadow:1px 2px #ffe9a8;font-size:85px;letter-spacing:0;padding:0}