.loyalty-main{max-width:1240px;margin:auto;padding:50px 40px 45px}.loyalty-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 0 38px;position:relative}.loyalty-heading .eyebrow{color:#f47738}.loyalty-heading h1{font:61px/1.12 Anton;margin:14px 0 17px;letter-spacing:.5px}.loyalty-heading h1 em{font-style:normal;color:#f47738}.loyalty-heading p{font-size:13px;color:#93939e;margin:0}.loyalty-stamp{width:155px;height:155px;border:1px solid #ffffff27;border-radius:50%;transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-right:25px}.loyalty-stamp img{width:67px}.loyalty-stamp span{text-align:center;font-size:10px;letter-spacing:2px;line-height:1.5}.reward-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:38px}.reward-shortcut{position:relative;display:flex;align-items:center;gap:9px;background:#25252b;color:#f0eeea;border:1px solid #ffffff12;padding:20px 13px;min-height:115px;text-align:left;clip-path:polygon(0 4%,98% 0,100% 90%,94% 100%,0 96%);transition:background .2s,transform .2s;isolation:isolate}.reward-shortcut:before{content:'';position:absolute;inset:0;filter:url(#noise);opacity:.12;z-index:-1;pointer-events:none}.reward-shortcut:hover{background:#373036;transform:translateY(-3px)}.shortcut-art{width:65px;height:65px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.shortcut-art img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(.7) sepia(.2) drop-shadow(0 7px 5px #0006)}.reward-shortcut:first-child .shortcut-art img{transform:rotate(-13deg);filter:drop-shadow(0 7px 5px #0006)}.shortcut-copy strong{display:block;font:19px/1.2 Anton}.shortcut-copy small{display:block;font-size:9px;color:#a5a3ad;margin-top:8px;line-height:1.4}.notification-count{position:absolute;top:9px;right:10px;background:#f47738;color:#141417;font-size:8px;font-weight:800;padding:3px 5px;min-width:16px;text-align:center;transform:rotate(5deg)}.journey-frame{border:1px solid #ffffff24;background:#1a1b20;overflow:hidden;box-shadow:0 14px 40px #0003}.journey-hud{display:flex;align-items:center;gap:20px;padding:25px 30px;background:linear-gradient(110deg,#353034,#1b1c20);position:relative;isolation:isolate}.journey-hud:before{content:'';position:absolute;inset:0;filter:url(#noise);opacity:.1;z-index:-1}.level-ticket{background:#f47738;color:#111216;width:72px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 2%,98% 92%,81% 100%,62% 93%,43% 100%,24% 93%,0 100%);transform:rotate(-3deg);flex-shrink:0}.level-ticket>span{font-size:8px;font-weight:800;letter-spacing:1.4px}.level-ticket b{font:42px Anton}.journey-progress{flex:1}.progress-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-title h2{font:27px Anton;margin:0}.progress-title strong{font-size:20px;color:#f47738}.progress-title strong>span{font-size:11px}.xp-track{height:9px;background:#111216;border:1px solid #515056;padding:1px}.xp-track>span{display:block;width:70%;height:100%;background:linear-gradient(90deg,#ad4626,#f47738,#ffbd86)}.next-reward{display:flex;justify-content:space-between;margin-top:12px;align-items:center;gap:10px}.next-reward>span{font-size:8px;letter-spacing:1.1px;color:#96939e}.next-reward b{font-size:10px;font-weight:500;color:#e4d6ce}.journey-hud>.next-pack{height:83px;transform:rotate(8deg);margin-left:8px}.world-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 29px;background:#15161a}.world-heading .eyebrow{font-size:6px;letter-spacing:1.3px}.world-heading h3{font:17px Anton;margin:5px 0 0;letter-spacing:.6px}.locate-button{background:#313137;color:#e5e3e3;padding:9px 15px;font-size:10px;clip-path:polygon(2% 4%,98% 0,100% 91%,1% 100%)}.journey-scroll{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#f47738 #222329}.journey-world{position:relative;width:1200px;height:330px;isolation:isolate}.world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.45);transition:opacity .3s}.world-shade{position:absolute;inset:0;background:linear-gradient(0deg,#15161ad9,transparent 70%),linear-gradient(90deg,#b5552322,transparent)}.journey-path{position:absolute;width:1200px;height:300px;top:0;left:0}.journey-node{position:absolute;transform:translate(-50%,-50%);width:130px;min-height:160px;background:none;color:#f4f0e9;padding:0;display:flex;align-items:center;flex-direction:column}.node-level{font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px;background:#19191bd6;padding:4px 8px}.node-circle{position:relative;display:flex;justify-content:center;align-items:center;width:70px;height:70px;border:2px solid #69676b;background:#24242add;border-radius:50%;box-shadow:0 6px 0 #111216aa}.node-circle img{max-width:52px;max-height:62px;object-fit:contain;transform:rotate(-8deg)}.node-circle i{position:absolute;right:-3px;bottom:-5px;font-style:normal;background:#3d3c42;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:10px;border:1px solid #74717a}.journey-node.reached .node-circle{border-color:#f47738}.journey-node.reached i{background:#f47738;color:#111216}.journey-node.current .node-circle{width:80px;height:80px;border-color:#f47738;box-shadow:0 0 0 6px #f4773822,0 8px 0 #11121680}.journey-node.current i{background:#f47738;color:#111216}.journey-node.current .node-level{background:#f47738;color:#111216;transform:rotate(-3deg)}.journey-node>b{font-size:10px;margin-top:12px;text-shadow:0 2px 4px #000}.journey-node>small{font-size:6px;letter-spacing:1px;margin-top:6px;color:#bab6c0}.journey-node.current>small{color:#f47738}.journey-node.future img{filter:grayscale(.5)}.journey-node:hover .node-circle{border-color:#f47738;transform:translateY(-3px);transition:.2s}.journey-tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:20px 25px;background:#191a1f}.journey-tiers button{display:grid;grid-template-columns:44px auto;grid-template-rows:17px 22px;align-content:center;column-gap:12px;text-align:left;position:relative;color:#92909c;background:#24242a;border:1px solid #ffffff12;padding:14px 12px;clip-path:polygon(0 3%,98% 0,100% 94%,2% 100%)}.tier-emblem{grid-row:1/3;font-size:36px;line-height:1;color:#94929b}.journey-tiers small{font-size:7px;letter-spacing:2px;align-self:end}.journey-tiers b{font:18px Anton;font-weight:400}.journey-tiers button[aria-pressed=true]{background:#f4773819;border-color:#f4773870;color:#f47738}.journey-tiers button[aria-pressed=true] .tier-emblem{color:#f47738}.current-tier{position:absolute;top:-1px;right:5px;font-size:5px;letter-spacing:1px;background:#f47738;color:#131418;padding:3px 5px}.journey-footer{display:flex;justify-content:space-between;align-items:center;padding:0 25px 20px;font-size:9px;color:#86838f}.journey-footer>span:last-child{font-size:6px;letter-spacing:1px}.referral-card{margin-top:32px;display:flex;gap:28px;align-items:center;padding:27px 30px;background:#202126;border:1px solid #ffffff15;position:relative;isolation:isolate}.referral-card:before{content:'';position:absolute;inset:0;filter:url(#noise);opacity:.09;z-index:-1}.referral-goats{display:flex;align-items:center;width:113px;flex-shrink:0}.referral-goats img{width:67px;transform:rotate(-13deg)}.referral-goats img+img{margin-left:-17px;transform:rotate(13deg);filter:grayscale(1);opacity:.65}.referral-card .eyebrow{font-size:7px}.referral-card h2{font:30px Anton;margin:10px 0}.referral-card p{font-size:11px;color:#96939f;margin:0}.referral-card .button{margin-left:auto;font-size:12px}.loyalty-note{font-size:9px;color:#74717e;margin:23px 0 0;text-align:right}dialog{background:#1a1b20;border:1px solid #ffffff35;color:#f2f0e9;width:min(680px,calc(100vw - 30px));padding:0;max-height:85vh;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#08090cd9;backdrop-filter:blur(7px)}.reward-modal{padding:35px;position:relative}.modal-close{position:absolute;right:14px;top:10px;color:#f2f0e9;background:none;font-size:28px}.reward-modal h2{font:37px Anton;margin:12px 0 25px;color:#f47738}.reward-modal p{color:#aaa6b2;font-size:12px;line-height:1.7}.daily-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:24px 0}.daily-cell{background:#25252c;border:1px solid #ffffff15;display:flex;flex-direction:column;align-items:center;padding:12px 4px;gap:12px;font-size:8px;color:#b1adb9}.daily-cell img{height:48px;max-width:38px;object-fit:contain}.daily-cell b{font-size:12px;color:#f47738}.daily-cell.today{border-color:#f47738;background:#f4773818}.daily-cell.done{opacity:.5}.reward-modal .button{margin-top:13px;min-height:47px;font-size:12px}.modal-mission{padding:17px;background:#24242a;border-bottom:1px solid #ffffff15;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.modal-mission p{font-size:10px;margin:6px 0 0}.modal-mission>span{color:#f47738;font-size:11px;white-space:nowrap}.modal-packs{display:flex;gap:20px;justify-content:center}.modal-packs>div{padding:20px;text-align:center;background:#25252c;width:45%;font-size:12px}.modal-packs img{height:150px;max-width:100%;margin:0 auto 17px;transform:rotate(-7deg)}.mystery-art{height:210px;margin:10px auto 20px;transform:rotate(-7deg)}.level-modal-art{width:70px;margin:10px auto 20px}.modal-footnote{font-size:8px!important;color:#75717f!important;margin-top:22px!important}
@media(max-width:1000px){.loyalty-main{padding:40px 5%}.shortcut-art{width:48px;height:54px}.shortcut-copy strong{font-size:16px}.shortcut-copy small{font-size:8px}.reward-shortcut{padding:18px 10px;gap:8px}.journey-tiers{padding:17px}.journey-tiers button{grid-template-columns:32px auto;column-gap:7px;padding:14px 9px}.tier-emblem{font-size:29px}.journey-tiers b{font-size:16px}}
@media(max-width:760px){.loyalty-main{padding:79px 5% 35px}.loyalty-heading{padding:0 0 28px}.loyalty-heading h1{font-size:39px;margin:13px 0 15px}.loyalty-heading p{font-size:11px;max-width:270px;line-height:1.7}.loyalty-heading .eyebrow{font-size:7px}.loyalty-stamp{display:none}.reward-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px}.reward-shortcut{min-height:98px;padding:18px 10px 13px;gap:8px}.shortcut-art{width:43px;height:53px}.shortcut-copy strong{font-size:17px}.shortcut-copy small{font-size:8px;max-width:90px;margin-top:6px}.notification-count{font-size:6px;right:7px;top:7px}.journey-hud{padding:19px 14px;gap:12px}.level-ticket{width:49px;height:65px}.level-ticket b{font-size:31px}.level-ticket>span{font-size:6px}.progress-title h2{font-size:21px}.progress-title strong{font-size:15px}.progress-title strong>span{font-size:9px}.journey-hud>.next-pack{display:none}.progress-title{margin-bottom:10px}.next-reward{margin-top:9px}.next-reward>span{font-size:5px;letter-spacing:.4px}.next-reward b{font-size:8px}.world-heading{padding:16px}.world-heading h3{font-size:15px}.locate-button{font-size:8px;padding:8px 11px}.journey-world{height:315px}.journey-tiers{display:flex;overflow-x:auto;gap:8px;padding:15px 12px;scrollbar-width:none}.journey-tiers button{min-width:105px;grid-template-columns:28px auto;padding:12px 9px;flex-shrink:0}.tier-emblem{font-size:27px}.journey-tiers b{font-size:15px}.journey-footer{padding:0 14px 17px;font-size:8px;line-height:1.7}.journey-footer>span:last-child{display:none}.referral-card{padding:23px 20px;gap:15px;flex-wrap:wrap;margin-top:25px}.referral-goats{width:60px}.referral-goats img{width:41px}.referral-goats img+img{margin-left:-15px}.referral-card .eyebrow{font-size:5px;letter-spacing:1px}.referral-card h2{font-size:25px;margin:7px 0}.referral-card p{font-size:9px;max-width:200px;line-height:1.6}.referral-card .button{margin:0 0 0 75px;font-size:10px;min-height:43px}.loyalty-note{font-size:8px;text-align:left;line-height:1.7}.reward-modal{padding:28px 20px}.reward-modal h2{font-size:30px}.daily-grid{grid-template-columns:repeat(4,1fr);gap:8px}.daily-cell img{height:44px}.modal-packs{gap:10px}.modal-packs>div{width:50%;padding:15px}.modal-packs img{height:130px}.modal-mission{font-size:10px;padding:13px}.modal-mission p{font-size:9px}.modal-mission>span{font-size:9px}}
@media(max-width:360px){.loyalty-heading h1{font-size:34px}.shortcut-copy strong{font-size:15px}.shortcut-art{width:34px}.reward-shortcut{gap:6px;padding-left:8px}.progress-title h2{font-size:18px}.progress-title strong{font-size:13px}.referral-card .button{margin-left:0}.referral-goats{display:none}}