/* LOOTVAULT's optical material layer. Structure and product behavior stay in lootide.css. */
:root{--font-display:'Barlow Condensed',Impact,sans-serif;--font-ui:'Space Grotesk',Arial,sans-serif;--bg:#090b1c;--pink:#ff167a;--cyan:#29e6ff;--muted:#a6aecb;font-family:var(--font-ui);--ease-out:cubic-bezier(.16,1,.3,1);--motion-fast:180ms;--motion-enter:520ms}
body{background:linear-gradient(115deg,#090b1ce6,#0b1024c9 60%,#111131e8),url('neon-surface.png') center top/1600px auto fixed}
.app-main{background:transparent}
h1,h2,h3,.case-copy>strong,.detail-value,.price-line>strong,.case-card-price,.theatre-result-value,.reward-card>strong,.level-name,.level-threshold{font-family:var(--font-display);letter-spacing:.005em}
.page-heading h1{font-size:clamp(40px,4.7vw,68px);font-weight:800;font-style:italic;text-transform:uppercase;line-height:.98;letter-spacing:.005em;margin:9px 0 12px}
.page-heading{margin-bottom:29px;position:relative}
.page-heading p{font-size:13px;color:#a6adca}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;color:#a7afd0}
.eyebrow:before{content:'✦';color:#ff4dba;margin-right:8px;text-shadow:0 0 12px #ff239f}
.neon-word{color:#ff63b3;background:linear-gradient(105deg,#ffb2db,#ff3e9c 40%,#be78ff);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 19px #ff218639)}
.script-title{font-family:var(--font-display);font-size:28px;font-weight:700;font-style:italic;letter-spacing:.035em;text-transform:uppercase;line-height:1.05;color:#ff74ba;text-shadow:0 0 18px #ff148462}
.brand{font-family:var(--font-display);font-size:29px;font-weight:800;font-style:italic;letter-spacing:-.02em}
.brand-mark{width:35px;height:35px;transform:rotate(-8deg);background:linear-gradient(145deg,#ffaddb70,#b9005055 55%,#59349875);border:1px solid #ff83c280;box-shadow:inset 0 1px 4px #ffdff650,0 0 24px #fe0b8950;border-radius:10px}
.brand-mark .art-icon{width:32px;height:32px;transform:rotate(8deg)}
.art-icon{display:inline-block;width:30px;height:30px;flex:0 0 auto;background-image:url('neon-icons.png');background-size:300% 200%;background-position:calc(var(--icon-x)*50%) calc(var(--icon-y)*100%);background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 2px 3px #03051480);transition:transform 240ms var(--ease-out),filter 240ms}
.app-header{background:linear-gradient(100deg,#20152fea,#101429f5 40%,#17172ff2);border-bottom-color:#55406575;box-shadow:0 3px 30px #0002}
.app-header:after{height:2px;width:240px;background:linear-gradient(90deg,transparent,#ff228c,#b55eff,transparent);box-shadow:0 0 18px #ff2e9aaa}
.desktop-nav{gap:24px}.desktop-nav button{font-size:13px;font-weight:600;gap:7px}.desktop-nav .art-icon{width:34px;height:34px}.desktop-nav button.active{border-color:#ff48a3;background:linear-gradient(0deg,#ff1a9322,transparent 80%);text-shadow:0 0 15px #ffbade55}.desktop-nav button:hover .art-icon,.bottom-nav button:hover .art-icon{transform:translateY(-3px) rotate(-7deg);filter:drop-shadow(0 0 9px #fb2489a0)}
.desktop-nav button.active .art-icon{filter:drop-shadow(0 0 9px #fb248980)}
.header-actions .inventory-shortcut{background:linear-gradient(125deg,#293148,#13182f);box-shadow:inset 0 1px #b3bdf619;border-color:#414365}.inventory-shortcut .art-icon{width:27px;height:27px}
.pink{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ff96ce90;background:linear-gradient(125deg,#ff50b0 0%,#fb0b77 44%,#da0667 100%);box-shadow:inset 0 2px 1px #ffd6f659,inset 0 -3px 5px #86054150,0 4px 0 #700b3c,0 7px 25px #ff118936;font-weight:700;text-shadow:0 1px 2px #73013380;transition:transform 180ms var(--ease-out),box-shadow 180ms,background 180ms}
.pink:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,transparent 24%,#ffe5f847 48%,transparent 68%);transform:translateX(-130%);animation:actionSheen 6.5s ease-in-out infinite;pointer-events:none}
.pink:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(120deg,#ff6ebd,#ff148c 50%,#ef0571);box-shadow:inset 0 2px 1px #ffd6f660,0 5px 0 #700b3c,0 10px 35px #ff118960}.pink:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffeafa60,0 1px 0 #700b3c,0 4px 13px #ff118940}
.pink .art-icon{width:25px;height:25px;filter:drop-shadow(0 2px 3px #68022860)}
.community{background:linear-gradient(180deg,#161426f5,#101224e8),url('neon-surface.png') left top/900px auto;border-right-color:#48305780}.rail-heading strong{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.025em}.rail-tabs{background:#0a0b1b;border-color:#36344f}.rail-tabs button.active{background:linear-gradient(145deg,#443553,#251f3b);box-shadow:inset 0 1px #d090ff40,0 0 12px #c445ff0c}.club-note{background:linear-gradient(115deg,#173744a6,#151d36b0);border-color:#397a8a8c;box-shadow:inset 0 1px #93e0ff17}.club-note .note-icon{color:#6df3ff}.rail-feature{background:linear-gradient(155deg,#3d1c5180,#12244085),url('neon-surface.png') 15% 65%/600px auto;border-color:#a34b8277;box-shadow:inset 0 1px #eeacfa22,0 8px 35px #9a065411}.rail-feature .script-title{font-size:25px}.rail-prize{height:120px}.rail-prize .atlas-art{height:125px}.rail-feature .pink{min-height:35px;margin-bottom:3px}
.rail-activity button{transition:background 180ms,border-color 180ms}.rail-activity button:hover{background:#3b24492f}.activity-symbol .art-icon{width:26px;height:26px}.rail-section-label{color:#a28dac}.rail-bottom{border-color:#54315165;background:linear-gradient(0deg,#141225,transparent)}
.case-grid{gap:16px;margin-bottom:25px}.case-card{isolation:isolate;border-color:#515066;border-radius:13px;background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--tier) 23%,transparent),transparent 70%),linear-gradient(140deg,#2d2541c9,#131a32e8),url('neon-surface.png') 50% 50%/700px auto;box-shadow:inset 0 1px #edddff24,0 8px 23px #02061360;min-height:190px;transform-style:preserve-3d}
.case-card:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(118deg,transparent 15%,#cde5ff13 30%,transparent 43%);opacity:.6;transition:opacity 220ms}
.case-card>*{position:relative;z-index:1}.case-card:hover:before{opacity:1}.case-card.active,.case-card[aria-pressed=true]{border-color:var(--tier);background:radial-gradient(ellipse at 30% 60%,color-mix(in srgb,var(--tier) 26%,transparent),transparent 72%),linear-gradient(130deg,#243d50b0,#161931e8),url('neon-surface.png') 40% 45%/650px auto;box-shadow:inset 0 1px #d0f5ff50,0 0 26px color-mix(in srgb,var(--tier) 22%,transparent),0 9px 30px #0004}
.case-card.active:after{height:3px;width:64%;left:18%;background:linear-gradient(90deg,transparent,var(--tier),#fff,var(--tier),transparent);box-shadow:0 0 18px var(--tier)}
.case-copy>strong{font-size:31px;font-weight:700;text-transform:uppercase;line-height:1.05}.case-copy>span{color:#bcc0d1;line-height:1.5}.case-card-price{font-size:18px}.case-card-top{color:#b5aeca}.case-card-bottom{color:#a9adc5}.case-card-bottom b{color:#e9e4fc}
.case-card .case-art img{animation:caseHover 5.8s ease-in-out infinite;filter:drop-shadow(0 13px 10px #0008) drop-shadow(0 0 18px color-mix(in srgb,var(--tier) 15%,transparent))}.case-card:nth-child(2) .case-art img{animation-delay:-1.7s}.case-card:nth-child(3) .case-art img{animation-delay:-3.2s}
.case-workspace{border-color:#72436490;border-radius:15px;box-shadow:0 14px 65px #0004,0 0 40px #ff167314,inset 0 1px #f58dc130;overflow:hidden;background:#0b1126}
.case-showroom{background:linear-gradient(150deg,#15132888,#06132750 60%,#21112c77),url('neon-surface.png') 50% 50%/cover;min-height:448px;overflow:hidden}
.case-showroom:before{content:attr(data-tier);position:absolute;top:53px;left:0;right:0;text-align:center;pointer-events:none;font:italic 800 clamp(92px,12vw,175px)/1 var(--font-display);letter-spacing:.045em;text-transform:uppercase;color:#c2bdf80e;-webkit-text-stroke:1px #b2a0e929;mask-image:linear-gradient(#0008,transparent);z-index:0}
.showroom-top,.showroom-caption{position:relative;z-index:4}.showroom-top{border-bottom:1px solid #a778c511;background:linear-gradient(180deg,#0e13234d,transparent)}.showroom-caption{color:#aca6c7;font-size:10px}
.hero-stage{min-height:310px}.stage-light{filter:none;background:radial-gradient(ellipse,#3dcafe33,transparent 70%);opacity:1;animation:stageBreath 5s ease-in-out infinite}.stage-grid{background-image:linear-gradient(#7b8fff26 1px,transparent 1px),linear-gradient(90deg,#7b8fff26 1px,transparent 1px);opacity:.65}
.case-detail{background:linear-gradient(145deg,#342041b8,#161d37ed 65%),url('neon-surface.png') 6% 80%/900px auto;border-left:1px solid #975b8655;padding:25px 24px}.case-detail .pill{background:#30243c75;border-color:#d078b857;color:#e0c9e3}.case-detail .script-title{font-size:24px;margin-top:23px;color:#ff7ac6}.case-detail h2{font:italic 800 48px/.95 var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:9px 0 14px}.case-detail p{font-size:12px;color:#b4b5ce;line-height:1.75}.case-facts dd{font-family:var(--font-display);font-size:26px;letter-spacing:.01em}.case-facts dt{color:#a79dbb;font-size:10px}.price-line{border-color:#a571a73d}.price-line>strong{font-size:33px}.price-line small{font-family:var(--font-ui);font-size:11px;font-weight:400}.opening-button{min-height:52px;font-size:13px}.opening-button .art-icon{width:30px;height:30px}.eligibility-line{color:#b3b0c7}.eligibility-line .art-icon{width:21px;height:21px}.sound-button{color:#c3b6d7}.sound-button svg{stroke-width:2}
.collection-ribbon{background:linear-gradient(110deg,#22152ce8,#161e36d9),url('neon-surface.png') center/cover;border-color:#764a7c85;box-shadow:inset 0 1px #f1b9ff16,0 0 24px #6a40ff0a}.ribbon-label{background:linear-gradient(145deg,#56203e,#22213b);border-color:#94588a4f;color:#f2cee8}.collection-item{border-color:#77609639}.collection-item strong{font-size:11px;color:#d5cce8}.collection-item small{color:#ffb4d9}.ribbon-pause{border-color:#95729b70;background:#2d233df0}
.section-heading h2,.faq-layout h2{font:700 38px/1 var(--font-display);text-transform:uppercase;letter-spacing:.025em}.section-heading{margin-bottom:19px}.pool-context{background:linear-gradient(120deg,#211d30,#111c30);border-color:#59446180}.pool-context select,.filter-bar select,.search-field{background:#141a30;border-color:#5d5373;color:#d9d3e6}.pool-context>span{color:#d0b9d5}
.slot-card,.reward-card{background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--rarity,#9967fa) 15%,transparent),transparent 75%),linear-gradient(135deg,#27263dea,#11182be8),url('neon-surface.png') 45% 30%/680px auto;border-color:#58506980;box-shadow:inset 0 1px #e2c9f221,0 7px 18px #0003}
.slot-card:before,.reward-card:before{content:'';position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,10%),#d2b7ff17,transparent 75%);pointer-events:none;opacity:.5;transition:opacity 180ms}.slot-card:hover:before,.reward-card:hover:before{opacity:1}.slot-card:hover,.reward-card:hover{border-color:#d48eeeaa;box-shadow:inset 0 1px #ffc9ef40,0 10px 35px #9823d329;transform:translateY(-4px)}
.reward-card strong,.slot-copy>strong{font-size:14px;line-height:1.25}.reward-card>.reward-card-main>strong,.reward-card .reward-value,.slot-copy>b{font-family:var(--font-display);font-size:26px}.reward-card-top{color:#ada2bd}.reward-card .reward-tag,.slot-card .reward-tag{font-size:9px;letter-spacing:.12em}.reward-art,.slot-art{position:relative}.slot-art:before,.reward-art:before{content:'';position:absolute;bottom:3%;left:15%;right:15%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#9c5aff39,transparent 70%);pointer-events:none}.reward-art>.atlas-art,.slot-art>.atlas-art{transition:transform 500ms var(--ease-out);filter:drop-shadow(0 8px 10px #0005)}.reward-card:hover .reward-art>.atlas-art,.slot-card:hover .slot-art>.atlas-art{transform:translateY(-5px) rotate(-5deg) scale(1.03)}
.collection-banner,.holder-hero{background:linear-gradient(110deg,#301430d9,#101d36a8),url('neon-surface.png') center/cover;border-color:#975a9580;box-shadow:inset 0 1px #fbb1ea20,0 0 30px #bf2e9e0d}.collection-banner h2,.holder-hero h2{font:italic 800 clamp(38px,4vw,59px)/.98 var(--font-display);letter-spacing:.01em;text-transform:uppercase}.collection-banner .script-title,.holder-hero .script-title{font-size:24px}.holder-key{background:linear-gradient(145deg,#da54ce24,#6173ff0d);border-color:#b777ef70;box-shadow:inset 0 1px #edbeff50,0 0 50px #d538db20}.holder-key .art-icon{width:87px;height:87px;filter:drop-shadow(0 0 15px #ff279e66)}.holder-key b{font-family:var(--font-display);font-size:47px}
.level-card,.help-card{background:linear-gradient(135deg,#292239d9,#141c32e0),url('neon-surface.png') center/800px auto;border-color:#69557780;box-shadow:inset 0 1px #dbb4f621}.level-card.active{border-color:#ee66c9;box-shadow:0 0 32px #e03ab525,inset 0 1px #fadaff40}.level-name{font-size:28px}.level-threshold{font-size:44px}.help-card>.art-icon{width:53px;height:53px}.help-card h2{font-size:27px}.info-band{background:linear-gradient(120deg,#28223780,#12243c50);border-color:#76618855}.info-band>.art-icon{width:30px;height:30px}
.dialog{background:linear-gradient(145deg,#281b34f5,#151c33fa),url('neon-surface.png') center/cover;border-color:#a36b9e8a;box-shadow:0 35px 100px #000b,0 0 35px #a6309530,inset 0 1px #fbc8ee29}.dialog-title,.dialog h2{font-family:var(--font-display);font-size:35px;letter-spacing:.015em;text-transform:uppercase}.dialog-footer{background:#18182cee;border-color:#7a54824d}.dialog-body p{color:#b4b1cd}.dialog-body select,.dialog-body input:not([type=checkbox]){background:#10162a;border-color:#705576}.detail-record>div{background:#1b1d32;border-color:#5a415950}.dialog-body .detail-value{font-size:48px}.detail-art .atlas-art{filter:drop-shadow(0 0 25px #aa45e72d)}
.opening-theatre{background:radial-gradient(ellipse at 50% 70%,#554aa430,transparent 60%),linear-gradient(130deg,#0c1027d0,#160d26b5),url('neon-surface.png') center/cover}.opening-theatre:before{opacity:0}.theatre-header{background:linear-gradient(120deg,#29152ca3,#10152bba);border-color:#87546b50}.theatre-title h2{font:italic 800 clamp(37px,4.6vw,62px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.theatre-title .script-title{font:700 italic 27px/1 var(--font-display);letter-spacing:.05em}.roulette-tile{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--rarity) 19%,transparent),transparent 80%),linear-gradient(150deg,#292440ee,#111c35e8),url('neon-surface.png') center/550px auto;border-color:#685771}.roulette-name{font-size:12px}.roulette-value{font:700 26px/1 var(--font-display)}.roulette-tile.is-winner{border-color:#ff69b9;box-shadow:0 0 42px #ff268a70,inset 0 0 40px #f820771b}.roulette-pointer:before,.roulette-pointer:after{filter:drop-shadow(0 0 12px #ff299bcc)}.theatre-result h2{font:700 42px/1 var(--font-display);letter-spacing:.01em}.theatre-result>strong{font-family:var(--font-display);font-size:40px}.theatre-result .script-title{font-size:25px}.theatre-chest-slot .hero-stage{min-height:0}.theatre-footer{border-color:#aa67992b}.theatre-brand{font-family:var(--font-display);font-weight:800;font-style:italic;font-size:26px}
.bottom-nav{background:linear-gradient(110deg,#281c34f5,#121b31f5);border-color:#8d528665;box-shadow:0 -8px 35px #05051580}.bottom-nav .art-icon{width:31px;height:31px}.bottom-nav button{font-size:10px;gap:2px}.bottom-nav button.active{color:#ffa9d5}.bottom-nav button.active .art-icon{filter:drop-shadow(0 0 7px #ff23ad80)}.mobile-community .art-icon{width:25px;height:25px}.mobile-open-bar:not([hidden]){background:linear-gradient(110deg,#2d2039f5,#1b1730f7);border-color:#ef65b05e;box-shadow:0 -4px 30px #ff228521,0 -8px 25px #07081780}
.app-footer{border-color:#7f4b7255}.icon-button{background:linear-gradient(135deg,#352c44,#1b243b);border-color:#69577480}.text-button:hover{color:#ff7abe}.faq-list details{background:linear-gradient(110deg,#251e3380,#141c2a80);border-color:#60516e70}
.motion-enter{transition:opacity var(--motion-enter) var(--ease-out),translate var(--motion-enter) var(--ease-out);transition-delay:var(--enter-delay,0ms)}.motion-enter:not(.motion-seen){opacity:0;translate:0 18px}.motion-enter.motion-seen{opacity:1;translate:0 0}
body.is-away *,body.is-away *:before,body.is-away *:after{animation-play-state:paused!important}
@keyframes actionSheen{0%,58%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
@keyframes caseHover{0%,100%{translate:0 2px;rotate:-1deg}50%{translate:0 -5px;rotate:1deg}}
@media(min-width:1650px){.case-showroom{min-height:480px}.hero-stage{min-height:345px}}
@media(max-width:1200px){.page-heading h1{font-size:54px}.case-copy>strong{font-size:27px}.desktop-nav{gap:16px}.case-detail h2{font-size:42px}.case-detail{padding:23px 20px}.case-showroom{min-height:430px}}
@media(max-width:1000px){.app-header .brand{font-size:26px}.desktop-nav .art-icon{width:30px;height:30px}.case-showroom{min-height:390px}.hero-stage{min-height:300px}.case-detail h2{font-size:39px}}
@media(max-width:680px){body{background:linear-gradient(160deg,#111025d9,#091325db),url('neon-surface.png') center top/auto 1500px fixed}.app-header .brand{font-size:26px}.brand-mark{width:29px;height:29px}.brand-mark .art-icon{width:29px;height:29px}.access-button{font-size:10px;min-height:34px;padding:8px 10px}.page-heading h1{font-size:43px;line-height:1.02;margin-top:9px;max-width:320px}.page-heading p{font-size:11px;max-width:275px}.page-heading{margin-bottom:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:.16em}.case-grid{gap:9px;margin-bottom:21px}.case-card{min-height:176px;padding-top:8px;border-radius:10px}.case-copy>strong{font-size:25px}.case-card-price{font-size:18px}.case-card-bottom{font-size:8px}.case-card .case-art{height:85px}.case-card .case-art img{height:110px}.case-showroom{min-height:310px}.case-showroom:before{font-size:102px;top:45px;letter-spacing:.02em}.hero-stage{min-height:260px;height:260px}.case-detail{border-left:0;border-top:1px solid #995a8950;padding:22px 22px}.case-detail .script-title{margin-top:14px;font-size:22px}.case-detail h2{font-size:43px;margin-bottom:10px}.case-detail p{font-size:12px}.section-heading h2{font-size:32px}.slot-copy>strong{font-size:12px}.collection-banner h2,.holder-hero h2{font-size:39px}.collection-banner .script-title,.holder-hero .script-title{font-size:23px}.reward-card strong{font-size:14px}.dialog-title,.dialog h2{font-size:30px}.theatre-title h2{font-size:36px;line-height:1}.theatre-title .script-title{font-size:23px}.theatre-result h2{font-size:33px}.theatre-result .script-title{font-size:23px}.roulette-value{font-size:22px}.bottom-nav{height:calc(67px + env(safe-area-inset-bottom))}.mobile-open-bar:not([hidden]){bottom:calc(77px + env(safe-area-inset-bottom))}.mobile-open-bar button{font-size:11px}.mobile-open-bar strong{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.015em}.mobile-open-bar span{font-size:9px}.help-card h2{font-size:28px}}
@media(max-width:360px){.app-header .brand{font-size:23px}.page-heading h1{font-size:38px}.case-copy>strong{font-size:23px}.case-card{min-height:164px}.case-card .case-art{height:77px}.case-card .case-art img{height:95px}.case-card-price{font-size:17px}.theatre-title h2{font-size:30px}.mobile-open-bar strong{font-size:18px}.mobile-open-bar button{padding:10px 9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-enter{opacity:1!important;translate:none!important}.case-card .case-art img{translate:none;rotate:none}.pink:before{display:none}.slot-card:hover,.reward-card:hover{transform:none}}

/* Supplied LOOTVAULT logo, preserved as uploaded; CSS frames its existing margins. */
.brand-mark.lootvault-mark{display:inline-block;flex:none;width:39px;height:39px;transform:none;border:0;border-radius:0;box-shadow:none;background:#070a16 url('lootvault-logo.jpg') 53% 45%/152% no-repeat;mix-blend-mode:lighten}
.theatre-brand .brand-mark.lootvault-mark{width:33px;height:33px}.reward-back .brand-mark.lootvault-mark{width:54px;height:54px}.reward-back>strong{font-size:11px;letter-spacing:.02em}.app-footer .brand-mark.lootvault-mark{width:30px;height:30px}
@media(max-width:680px){.brand-mark.lootvault-mark{width:31px;height:31px}.app-header .brand{gap:6px;font-size:25px}.theatre-brand{font-size:24px}.theatre-brand .brand-mark.lootvault-mark{width:28px;height:28px}}

/* Individual reward images keep the same framing as atlas-backed rewards. */
.atlas-art.standalone-art img{width:100%;height:100%;object-fit:contain;left:0;top:0;transform:none}

/* Token destination stays visible at every navbar breakpoint. */
.app-header .access-button{white-space:nowrap}
@media(min-width:681px) and (max-width:1000px){.app-header{gap:18px}.desktop-nav{margin-left:0;gap:12px}.app-header .access-button{font-size:12px;padding-left:12px;padding-right:12px}}
.loot-token-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:6px 11px;border:1px solid #ad55947d;border-radius:8px;background:linear-gradient(125deg,#50254380,#232038);box-shadow:inset 0 1px #ffbbdd1f;color:#ffe5f3;font-size:13px;font-weight:700;letter-spacing:.015em;white-space:nowrap;cursor:pointer;transition:background 180ms,border-color 180ms,transform 180ms}
.loot-token-button img{object-fit:contain;filter:drop-shadow(0 0 7px #f7329860)}
.loot-token-button:hover{border-color:#ff72b5;background:linear-gradient(125deg,#752b578c,#302245)}
.loot-token-button:active{transform:translateY(1px)}
.footer-x{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color 180ms}
.footer-x svg{width:13px;height:13px;flex:none}.footer-x:hover{color:#ff7abe}
@media(max-width:680px){.loot-token-button{min-height:34px;padding:5px 8px;font-size:12px;gap:4px}.loot-token-button img{width:21px;height:21px}.app-header .access-button{width:34px;height:34px;min-height:34px;padding:7px;gap:0}.app-header .access-button>span:last-child{display:none}.app-header .access-button .icon{display:block;width:17px;height:17px}.app-footer nav{flex-wrap:wrap;row-gap:16px}}