@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cyan:#69f7ff;--magenta:#ff4fd8;--gold:#ffd166;--void:#070711;--wheel-glow:#69f7ff;--wheel-glow-rgb:105, 247, 255;--cinematic-delay:0s;--cinematic-ease:cubic-bezier(.16, 1, .3, 1);background:#070711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at 18% 20%, #69f7ff38, transparent 34rem), radial-gradient(circle at 86% 18%, #ff4fd833, transparent 30rem), radial-gradient(circle at 50% 100%, #635bff30, transparent 34rem), radial-gradient(circle at 50% 46%, rgba(var(--wheel-glow-rgb), .24), transparent 42rem), var(--void);min-width:320px;min-height:100vh;margin:0;transition:background .9s,color .9s;overflow-x:hidden}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.ui-icon,.status-icon{fill:#69f7ff24;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;vector-effect:non-scaling-stroke;flex:none;display:inline-block}.ui-icon{vertical-align:-.16em;filter:drop-shadow(0 0 8px);width:1.1em;height:1.1em}.status-icon{width:42px;height:42px;color:var(--cyan);background:radial-gradient(circle at 30% 20%,#ffffff42,#0000 34%),linear-gradient(135deg,#69f7ff29,#69f7ff0b);border:1px solid #69f7ff5c;border-radius:16px;padding:8px;box-shadow:inset 0 0 18px #ffffff0f,0 0 24px #69f7ff38}.status-icon-magenta{fill:#ff4fd824;color:var(--magenta);background:linear-gradient(135deg,#ff4fd82e,#ffffff0d);border-color:#ff4fd861;box-shadow:inset 0 0 18px #ffffff0f,0 0 24px #ff4fd838}.status-icon-gold{fill:#ffd16629;color:var(--gold);background:linear-gradient(135deg,#ffd16633,#ffffff0d);border-color:#ffd1666b;box-shadow:inset 0 0 18px #ffffff0f,0 0 24px #ffd16638}.demo-panel-icon{margin-bottom:8px}body:before,#app:before,#app:after{pointer-events:none;content:"";position:fixed}body:before{z-index:0;mix-blend-mode:overlay;opacity:.36;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px);inset:0}#app:before,#app:after{z-index:3;width:100%;height:12vh;animation:letterbox-open 2.8s var(--cinematic-ease) .12s both;background:linear-gradient(#070711fa,#070711ad,#0000);left:0}#app:before{top:0}#app:after{bottom:0;transform:rotate(180deg)}#app{isolation:isolate;min-height:100vh;position:relative}#cosmic-canvas{z-index:-2;contain:strict;width:100%;height:100%;position:fixed;inset:0}.landing-shell{align-content:start;justify-items:center;width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:clamp(96px,14vh,132px) 0 56px;display:grid}.eyebrow{z-index:9;color:#f8fbffc7;letter-spacing:.18em;text-transform:uppercase;opacity:1;animation:eyebrow-cue .78s var(--cinematic-ease) var(--cinematic-delay) backwards;background:#070711d1;border:1px solid #69f7ff52;border-radius:999px;margin:0;padding:10px 18px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(.74rem,1.6vw,.9rem);position:fixed;top:28px;left:50%;transform:translate(-50%)scale(1);box-shadow:0 0 36px #69f7ff29,inset 0 0 18px #69f7ff14}body.feature-eyebrow .landing-shell{padding-top:clamp(132px,16vh,164px)}.hero-card{text-align:center;width:min(100%,940px);box-shadow:0 40px 120px #0000008c, 0 0 90px #69f7ff2b, 0 0 130px rgba(var(--wheel-glow-rgb), .15), inset 0 0 54px #ffffff0f;opacity:1;transform-origin:bottom;animation:hero-arrival 1.25s var(--cinematic-ease) var(--cinematic-delay) backwards;contain:layout paint;isolation:isolate;background:linear-gradient(135deg,#ffffff24,#ffffff09),#070711bd;border:1px solid #ffffff29;border-radius:clamp(28px,5vw,56px);padding:clamp(44px,8vw,92px) clamp(22px,6vw,78px);position:relative;overflow:hidden}.hero-card:before,.hero-card:after{pointer-events:none;content:"";position:absolute}.hero-card:before{z-index:0;border-radius:inherit;background:conic-gradient(var(--cyan), transparent, var(--magenta), transparent, var(--gold), var(--cyan));animation:beam-spin 12s linear infinite, border-ignite 1.7s ease-out var(--cinematic-delay) both;opacity:.42;filter:blur(18px);will-change:transform;inset:-48%;transform:translateZ(0)}.hero-card:after{mix-blend-mode:screen;opacity:.38;animation:prism-sweep 5s ease-in-out infinite alternate, lens-bloom 1.8s ease-out calc(var(--cinematic-delay) + .42s) both;will-change:transform;background:linear-gradient(90deg,#0000 0 48%,#69f7ff3d,#0000 52% 100%),linear-gradient(#ffffff29,#0000 22% 78%,#69f7ff1c);inset:0}.orbital-ring{opacity:1;animation:orbit-materialize 1.3s var(--cinematic-ease) var(--cinematic-delay) backwards, orbit-warp 11s linear calc(var(--cinematic-delay) + 1.3s) infinite;will-change:transform;border:1px solid #69f7ff38;border-radius:48% 52% 50% 50%;position:absolute;inset:10%;box-shadow:inset 0 0 48px #69f7ff0f,0 0 54px #ff4fd81a}.hero-title-stage{z-index:1;opacity:1;animation:title-stage-in 1s var(--cinematic-ease) var(--cinematic-delay) backwards;position:relative}.glitch-title{z-index:1;letter-spacing:-.09em;text-transform:lowercase;background:linear-gradient(90deg, #fff, var(--cyan), #fff, var(--magenta), var(--gold));text-shadow:0 0 22px #69f7ff9e,0 0 54px #ff4fd86b;will-change:transform;-webkit-text-fill-color:transparent;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(4rem,15vw,12.4rem);font-weight:700;line-height:.86;animation:4s steps(48,end) infinite hologram-flow,5s ease-in-out infinite title-float;position:relative}.glitch-title:before,.glitch-title:after{content:attr(data-text);background:inherit;opacity:.7;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.glitch-title:before{animation:2.1s steps(2,end) infinite glitch-shift;transform:translate(.025em,-.012em)}.glitch-title:after{animation:1.6s steps(2,start) infinite reverse glitch-shift;transform:translate(-.02em,.012em)}.hero-copy{z-index:1;color:#f8fbffc7;opacity:1;max-width:720px;animation:cinematic-rise .82s var(--cinematic-ease) var(--cinematic-delay) backwards;margin:32px auto 0;font-size:clamp(1rem,2.4vw,1.28rem);position:relative}.hero-actions,.status-grid{z-index:1;position:relative}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:38px;display:flex}.button{color:#fff;letter-spacing:.04em;text-transform:uppercase;opacity:1;min-height:48px;animation:cinematic-rise .76s var(--cinematic-ease) var(--cinematic-delay) backwards;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.button:hover,.button:focus-visible{border-color:#69f7ffcc;transform:translateY(-2px)scale(1.02);box-shadow:0 0 34px #69f7ff52}.button-primary{background:linear-gradient(135deg,#69f7ffeb,#ff4fd8e6)}.button-ghost{background:#ffffff14}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(100%,940px);margin-top:22px;display:grid}.status-grid article,.demo-panel{opacity:1;animation:cinematic-rise .84s var(--cinematic-ease) var(--cinematic-delay) backwards;background:#070711c2;border:1px solid #ffffff21;border-radius:24px;padding:20px;box-shadow:inset 0 0 32px #ffffff0a}.status-grid strong{margin-top:12px;font-family:Space Grotesk,Inter,sans-serif;display:block}.status-grid p,.demo-panel span:last-child{color:#f8fbffa8;margin:6px 0 0;font-size:.92rem}.demo-panel{color:#fff;flex-direction:column;min-height:100%;text-decoration:none;display:flex}.demo-panel:hover,.demo-panel:focus-visible{border-color:#69f7ffcc;box-shadow:inset 0 0 32px #ffffff0a,0 0 28px #69f7ff33}.demo-panel-kicker{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-family:Space Grotesk,Inter,sans-serif;font-size:.76rem;font-weight:700}.status-light{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 18px var(--cyan), 0 0 42px var(--cyan);border-radius:999px;display:inline-block}.status-light-magenta{background:var(--magenta);box-shadow:0 0 18px var(--magenta), 0 0 42px var(--magenta)}.status-light-gold{background:var(--gold);box-shadow:0 0 18px var(--gold), 0 0 42px var(--gold)}.color-wheel-corner{z-index:4;perspective:900px;opacity:1;max-width:176px;transform-style:preserve-3d;animation:cinematic-rise .9s var(--cinematic-ease) var(--cinematic-delay) backwards;justify-items:center;display:grid;position:fixed;bottom:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px)}.color-wheel-button{aspect-ratio:1;color:#fff;cursor:pointer;width:clamp(92px,13vw,132px);box-shadow:0 18px 60px #0000007a, 0 0 42px rgba(var(--wheel-glow-rgb), .42), inset 0 0 18px #ffffff26;transform-style:preserve-3d;background:#070711a8;border:1px solid #ffffff57;border-radius:50%;padding:0;transition:box-shadow .48s,transform .18s;display:grid;position:relative}.color-wheel-button:hover,.color-wheel-button:focus-visible{box-shadow:0 20px 76px #0000008f, 0 0 68px rgba(var(--wheel-glow-rgb), .68), inset 0 0 24px #fff3;transform:translateY(-3px)rotateX(8deg)}.color-wheel-button:disabled{cursor:wait}.color-wheel-disc{border-radius:inherit;transform-style:preserve-3d;will-change:transform, filter;background-image:conic-gradient(#ff3b30,#ff7a00,#ffd166,#b8ff2c,#2cff7a,#53ffd6,#69f7ff,#35a7ff,#3d5afe,#8f5cff,#bf5fff,#ff4fd8,#ff3b30);position:absolute;inset:8px;transform:rotate(0);box-shadow:inset 0 0 22px #00000073}.color-wheel-disc:before,.color-wheel-disc:after{border-radius:inherit;content:"";position:absolute;inset:0}.color-wheel-disc:before{background:repeating-conic-gradient(#fff6 0 1deg, transparent 1deg 15deg), radial-gradient(circle, transparent 0 42%, #07071138 43% 100%);mix-blend-mode:screen}.color-wheel-disc:after{opacity:.36;background:radial-gradient(circle at 32% 28%,#ffffffb8,#0000 24%);border:1px solid #ffffff5c;inset:10%}.color-wheel-core{z-index:1;letter-spacing:.12em;text-transform:uppercase;background:#070711c2;border:1px solid #ffffff5c;border-radius:999px;place-self:center;padding:9px 10px;font-family:Space Grotesk,Inter,sans-serif;font-size:.72rem;font-weight:700;position:relative;box-shadow:0 0 18px #00000085}.color-wheel-pointer{z-index:2;clip-path:polygon(50% 100%,0 0,100% 0);width:18px;height:24px;filter:drop-shadow(0 0 12px rgba(var(--wheel-glow-rgb), .8));background:#fff;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.color-wheel-status{color:#f8fbffb8;text-align:center;text-shadow:0 0 18px rgba(var(--wheel-glow-rgb), .6);margin:10px 0 0;font-size:.76rem;line-height:1.25}.color-wheel-chip{vertical-align:-1px;background:var(--wheel-glow);width:10px;height:10px;box-shadow:0 0 12px rgba(var(--wheel-glow-rgb), .85);opacity:0;transition:opacity .24s ease, transform .24s var(--cinematic-ease), background .32s ease, box-shadow .32s ease;border:1px solid #ffffff8c;border-radius:999px;margin-right:6px;display:inline-block;transform:scale(.5)}.color-wheel-chip[data-active=true]{opacity:1;transform:scale(1)}.color-wheel-button[data-spinning=true]{box-shadow:0 22px 84px #0009, 0 0 96px rgba(var(--wheel-glow-rgb), .82), inset 0 0 30px #ffffff3d}.color-wheel-button[data-spinning=true] .color-wheel-core{animation:.42s ease-in-out infinite alternate wheel-core-pulse}@keyframes wheel-core-pulse{0%{transform:scale(1);box-shadow:0 0 18px #00000085}to{box-shadow:0 0 30px rgba(var(--wheel-glow-rgb), .92);transform:scale(1.08)}}body.feature-global-lighting .hero-card:after,body.feature-global-lighting .cinematic-vignette,:root[data-landing-color] .hero-card:after,:root[data-landing-color] .cinematic-vignette{background:radial-gradient(circle at 50% 42%, rgba(var(--wheel-glow-rgb), .2), transparent 34%), linear-gradient(115deg, transparent 0 43%, rgba(var(--wheel-glow-rgb), .22) 48%, transparent 56% 100%)}body.feature-global-lighting .eyebrow,body.feature-global-lighting .unlock-menu-toggle,body.feature-global-lighting .shop-toggle,body.feature-global-lighting .hero-card,body.feature-global-lighting .orbital-ring,body.feature-global-lighting .status-grid article,body.feature-global-lighting .demo-panel,body.feature-global-lighting .ai-guide-panel,body.feature-global-lighting .unlock-menu-panel,body.feature-global-lighting .ai-tip-card{transition:border-color .9s,box-shadow .9s}body.feature-global-lighting .eyebrow{border-color:rgba(var(--wheel-glow-rgb), .46);box-shadow:0 0 36px rgba(var(--wheel-glow-rgb), .26), inset 0 0 18px rgba(var(--wheel-glow-rgb), .12)}body.feature-global-lighting .unlock-menu-toggle{border-color:rgba(var(--wheel-glow-rgb), .64);box-shadow:0 0 34px rgba(var(--wheel-glow-rgb), .26)}body.feature-global-lighting .unlock-menu-toggle span{box-shadow:0 0 12px rgba(var(--wheel-glow-rgb), .78)}body.feature-global-lighting .unlock-menu-panel{box-shadow:0 24px 80px #00000085, 0 0 42px rgba(var(--wheel-glow-rgb), .26)}body.feature-global-lighting .shop-toggle{border-color:rgba(var(--wheel-glow-rgb), .6);box-shadow:0 0 34px rgba(var(--wheel-glow-rgb), .3)}body.feature-global-lighting .hero-card{border-color:rgba(var(--wheel-glow-rgb), .36)}body.feature-global-lighting .orbital-ring{border-color:rgba(var(--wheel-glow-rgb), .38);box-shadow:inset 0 0 48px rgba(var(--wheel-glow-rgb), .1), 0 0 54px rgba(var(--wheel-glow-rgb), .2)}body.feature-global-lighting .glitch-title{text-shadow:0 0 22px rgba(var(--wheel-glow-rgb), .68), 0 0 54px rgba(var(--wheel-glow-rgb), .4)}body.feature-global-lighting .status-grid article,body.feature-global-lighting .demo-panel{border-color:rgba(var(--wheel-glow-rgb), .3);box-shadow:inset 0 0 32px rgba(var(--wheel-glow-rgb), .08)}body.feature-global-lighting .ai-guide-panel,body.feature-global-lighting .ai-tip-card{border-color:rgba(var(--wheel-glow-rgb), .32)}body.feature-global-lighting .button:hover,body.feature-global-lighting .button:focus-visible{border-color:rgba(var(--wheel-glow-rgb), .85);box-shadow:0 0 34px rgba(var(--wheel-glow-rgb), .42)}body.feature-global-lighting:before{background:repeating-linear-gradient(0deg, rgba(var(--wheel-glow-rgb), .06) 0, rgba(var(--wheel-glow-rgb), .06) 1px, transparent 1px, transparent 4px)}.lighting-wash{z-index:10;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 44%, rgba(var(--wheel-glow-rgb), .42), rgba(var(--wheel-glow-rgb), .12) 44%, transparent 74%);mix-blend-mode:screen;contain:strict;position:fixed;inset:0}.lighting-wash.is-pulsing{animation:lighting-wash-pulse 1.15s var(--cinematic-ease) both}@keyframes lighting-wash-pulse{0%{opacity:0;transform:scale(1.08)}26%{opacity:.9}to{opacity:0;transform:scale(1)}}.unlock-menu{z-index:12;position:fixed;top:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px)}.unlock-menu-toggle{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#69f7ff33,#ff4fd829),#070711e0;border:1px solid #69f7ffa3;border-radius:18px;place-items:center;width:54px;height:54px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 0 34px #69f7ff38}.unlock-menu-toggle span{background:#fff;border-radius:999px;width:24px;height:3px;display:block;box-shadow:0 0 12px #69f7ffbd}.unlock-menu-toggle:hover,.unlock-menu-toggle:focus-visible,.unlock-menu-toggle[aria-expanded=true]{transform:translateY(-2px)scale(1.03);box-shadow:0 0 42px #69f7ff6b,0 0 28px #ff4fd838}.unlock-menu-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform-origin:100% 0;width:min(280px,100vw - 24px);transition:opacity .18s ease, transform .18s var(--cinematic-ease);background:#070711f0;border:1px solid #ffffff2e;border-radius:22px;padding:16px;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-8px)scale(.96);box-shadow:0 24px 80px #00000085,0 0 42px #69f7ff38}.unlock-menu-panel[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.unlock-menu-kicker{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-family:Space Grotesk,Inter,sans-serif;font-size:.72rem;font-weight:700}.unlock-menu-list{gap:8px;display:grid}.unlock-menu-list a{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px;font-weight:800;text-decoration:none;display:block}.unlock-menu-list a:hover,.unlock-menu-list a:focus-visible{border-color:#69f7ffb8;box-shadow:0 0 22px #69f7ff33}.loot-chest-launcher,.shop-launcher,.ak-launcher{z-index:5;animation:cinematic-rise .92s var(--cinematic-ease) var(--cinematic-delay) backwards;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:clamp(12px,2vw,20px);left:clamp(12px,2vw,20px)}.shop-launcher{align-items:flex-start;top:clamp(12px,2vw,20px);bottom:auto}.ak-launcher{align-items:flex-start;top:clamp(82px,10vw,96px);bottom:auto}.shop-launcher[hidden],.ak-launcher[hidden]{display:none}.shop-toggle{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#69f7ff3d,#ff4fd82e),#070711db;border:1px solid #69f7ffa3;border-radius:999px;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:8px;min-height:54px;padding:8px 18px;font-weight:900;display:grid;box-shadow:0 0 34px #69f7ff3d}.shop-toggle-icon{color:var(--cyan)}.shop-toggle-stats{color:var(--gold);letter-spacing:.08em;text-shadow:0 0 14px #ffd166ad;grid-column:1/-1;font-size:.64rem;line-height:1}.shop-toggle:hover,.shop-toggle:focus-visible,.shop-toggle[aria-expanded=true]{transform:translateY(-2px)scale(1.03);box-shadow:0 0 42px #69f7ff6b,0 0 28px #ff4fd838}.loot-chest-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(at 50% 8%,#ffffff38,#0000 34%),linear-gradient(#633010eb 0 44%,#371a0bf5 45% 100%);border:1px solid #ffd166c7;border-radius:18px 18px 14px 14px;place-items:center;width:68px;height:58px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 0 34px #ffd16652,inset 0 2px #fff3,inset 0 -10px 18px #0000003d}.loot-chest-toggle:hover,.loot-chest-toggle:focus-visible,.loot-chest-toggle[aria-expanded=true]{transform:translateY(-2px)scale(1.04);box-shadow:0 0 48px #ffd16680,0 0 28px #ff4fd833,inset 0 0 22px #ffffff1f}.loot-chest-icon{--loot-chest-width:46px;--loot-chest-height:34px;--loot-chest-lid-height:16px;--loot-chest-body-height:22px;--loot-chest-body-top:12px;--loot-chest-band-height:4px;--loot-chest-lock-size:12px;--loot-chest-border:2px;--loot-chest-glow:#ffd1669e;--loot-chest-gold:#ffd166;--loot-chest-neon-gold:#ffd166db;--loot-chest-neon-pink:#ff4fd894;--loot-chest-neon-cyan:#69f7ff94;--loot-chest-wood-top:#9c4f1d;--loot-chest-wood-mid:#b86f20;--loot-chest-wood-bottom:#3f1d0c;--loot-chest-lock-border:#44230ce6;width:var(--loot-chest-width);height:var(--loot-chest-height);filter:drop-shadow(0 0 12px var(--loot-chest-glow)) drop-shadow(0 0 6px #ff4fd829);display:block;position:relative}.loot-chest-icon:before,.loot-chest-icon:after,.loot-chest-icon span{content:"";position:absolute}.loot-chest-icon:before{inset:0 calc(var(--loot-chest-border) * 1) auto;z-index:2;height:var(--loot-chest-lid-height);border:var(--loot-chest-border) solid var(--loot-chest-gold);border-bottom-width:calc(var(--loot-chest-border) * 1.5);border-radius:calc(var(--loot-chest-lid-height) * 1.1) calc(var(--loot-chest-lid-height) * 1.1) calc(var(--loot-chest-border) * 2.5) calc(var(--loot-chest-border) * 2.5);background:linear-gradient(90deg, transparent 0 16%, var(--loot-chest-neon-gold) 17% 24%, transparent 25% 75%, var(--loot-chest-neon-gold) 76% 83%, transparent 84%), radial-gradient(circle at 50% 0, #ffffff6b, transparent 48%), linear-gradient(135deg, var(--loot-chest-wood-top), #7a3718 42%, #5f2d12);box-shadow:inset 0 calc(var(--loot-chest-border) * 2) 0 #ffffff29, inset 0 calc(var(--loot-chest-border) * -1) calc(var(--loot-chest-border) * 3) #0003, 0 0 calc(var(--loot-chest-border) * 5) #ffd16675}.loot-chest-icon:after{left:50%;top:calc(var(--loot-chest-body-top) + var(--loot-chest-border) * 1.5);z-index:5;width:var(--loot-chest-lock-size);height:var(--loot-chest-lock-size);border:var(--loot-chest-border) solid var(--loot-chest-lock-border);border-radius:calc(var(--loot-chest-border) * 2);box-shadow:0 0 calc(var(--loot-chest-border) * 5) #ffd166c2, 0 0 calc(var(--loot-chest-border) * 6) #ff4fd838;background:linear-gradient(#fff3bd,#ffe29a 36%,#d8962f);transform:translate(-50%)}.loot-chest-icon span:first-child{inset-inline:0;z-index:1;height:var(--loot-chest-body-height);border:var(--loot-chest-border) solid var(--loot-chest-gold);border-radius:calc(var(--loot-chest-border) * 2) calc(var(--loot-chest-border) * 2) calc(var(--loot-chest-border) * 5) calc(var(--loot-chest-border) * 5);background:linear-gradient(90deg, transparent 0 16%, var(--loot-chest-neon-gold) 17% 24%, transparent 25% 75%, var(--loot-chest-neon-gold) 76% 83%, transparent 84%), repeating-linear-gradient(90deg, #ffffff14 0 1px, transparent 1px 13px), radial-gradient(circle at 48% 18%, #ff8bdc3d, transparent 36%), linear-gradient(180deg, var(--loot-chest-wood-mid), #6b3514 58%, var(--loot-chest-wood-bottom));box-shadow:inset 0 0 calc(var(--loot-chest-border) * 7) #ff4fd81f, 0 0 calc(var(--loot-chest-border) * 5) #69f7ff29;bottom:0}.loot-chest-icon span:last-child{inset-inline:0;top:var(--loot-chest-lid-height);z-index:4;height:var(--loot-chest-band-height);box-shadow:0 0 calc(var(--loot-chest-border) * 4) #ffd166b8, 0 0 calc(var(--loot-chest-border) * 5) #69f7ff38;background:linear-gradient(90deg,#c47a26,#ffe29a 18% 50%,#69f7ff 52% 64%,#ffe29a 66% 82%,#c47a26);border-radius:999px}.loot-chest-label{color:#f8fbffe0;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070711d6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;max-width:190px;padding:8px 10px 8px 12px;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 0 26px #ffd1662e}.loot-chest-label[hidden]{display:none}.loot-chest-label button,.loot-panel-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;place-items:center;width:26px;height:26px;font-size:1rem;font-weight:900;line-height:1;display:grid}.loot-box-panel,.shop-panel{z-index:11;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform-origin:top;width:min(760px,100vw - 32px);max-height:calc(100vh - clamp(108px,16vh,152px));transition:opacity .22s ease, transform .22s var(--cinematic-ease);background:radial-gradient(circle at 50% 0,#ffd16629,#0000 38%),#070711f0;border:1px solid #ffffff38;border-radius:clamp(28px,5vw,44px);gap:18px;padding:clamp(18px,3vw,30px);display:grid;position:fixed;top:clamp(84px,12vh,120px);left:50%;overflow-y:auto;transform:translate(-50%,18px)scale(.94);box-shadow:0 28px 110px #000000ad,0 0 86px #ffd16652,inset 0 0 40px #ffffff0f}.loot-box-panel[data-open=true],.shop-panel[data-open=true]{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.shop-panel{width:min(1040px,100vw - 24px);max-height:calc(100vh - clamp(96px,14vh,136px))}.shop-panel-actions{align-items:center;gap:12px;display:flex}.shop-panel-stats{color:#f8fbffc2;letter-spacing:.08em;text-transform:uppercase;justify-items:end;gap:4px;font-size:.78rem;display:grid}.shop-panel-stats strong{color:var(--gold);text-shadow:0 0 16px #ffd1669e}.loot-panel-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.loot-wallet,.shop-panel-stats span{align-items:center;gap:8px;display:flex}.loot-wallet{color:#f8fbffc7;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;display:flex}.loot-wallet strong{color:var(--gold);text-shadow:0 0 18px #ffd166b8;font-family:Space Grotesk,Inter,sans-serif;font-size:1.08rem}.loot-box-button{isolation:isolate;color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 0,#ffffff3d,#0000 38%),linear-gradient(135deg,#ffd16647,#ff4fd82e),#070711bd;border:1px solid #ffd1668a;border-radius:22px;min-height:clamp(160px,28vh,240px);transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #ffd1661a,0 0 32px #ffd1662e}.loot-box-button:hover,.loot-box-button:focus-visible{transform:translateY(-2px)scale(1.02);box-shadow:inset 0 0 34px #ffd16629,0 0 48px #ffd16657}.loot-box-button:disabled{cursor:wait}.loot-box-button:before,.loot-box-button:after{z-index:0;pointer-events:none;content:"";opacity:0;position:absolute;inset:-24%}.loot-box-button:before{filter:blur(16px);background:radial-gradient(circle at 50% 42%,#ffffffe6,#0000 0 8%,#ffd16657 9%,#0000 34%),conic-gradient(from 90deg,#0000,#ffd16666,#0000,#ff4fd85c,#0000,#69f7ff57,#0000);transform:scale(.72)rotate(0)}.loot-box-button:after{mix-blend-mode:screen;background:radial-gradient(circle,#ffffffe0 0 2px,#0000 3px) 18% 28%/42px 42px,radial-gradient(circle,#ffd166c7 0 1px,#0000 2px) 64% 62%/29px 29px;transform:translateY(12px)scale(.86)}.loot-box-button[data-opening=true]:before{animation:loot-aura-burst .9s var(--cinematic-ease) 58% both}.loot-box-button[data-opening=true]:after{animation:loot-spark-shower .9s var(--cinematic-ease) 58% both}.loot-box-button[data-rarity=mythic]:before{background:radial-gradient(circle at 50% 42%,#ffffffeb,#0000 0 8%,#ff4f4f80 9%,#0000 36%),conic-gradient(from 90deg,#0000,#ff4f4f9e,#0000,#ffd1667a,#0000,#ff4fd86b,#0000)}.loot-box-icon{--loot-chest-width:clamp(132px, 26vw, 220px);--loot-chest-height:clamp(100px, 18vw, 156px);--loot-chest-lid-height:clamp(34px, 6vw, 54px);--loot-chest-body-height:clamp(70px, 12vw, 108px);--loot-chest-body-top:clamp(30px, 6vw, 48px);--loot-chest-band-height:clamp(8px, 1.4vw, 12px);--loot-chest-lock-size:clamp(30px, 5vw, 46px);--loot-chest-border:clamp(3px, .5vw, 5px);--loot-chest-glow:#ffd166d1;--loot-chest-gold:#ffe19af0;--loot-chest-neon-gold:#ffe19af0;--loot-chest-wood-top:#ff8bdc;--loot-chest-wood-mid:#ffd166;--loot-chest-wood-bottom:#271144;--loot-chest-lock-border:#271144d1;filter:drop-shadow(0 0 22px #ffd16685)drop-shadow(0 0 20px #ff4fd852)drop-shadow(0 0 18px #69f7ff42);position:absolute;top:clamp(28px,5vw,44px);left:50%;transform:translate(-50%)}.loot-box-icon:before{transform-origin:0 100%;transition:transform .32s var(--cinematic-ease);background:linear-gradient(90deg,#0000 0 16%,#ffffff8a 17% 24%,#0000 25% 75%,#ffffff8a 76% 83%,#0000 84%),radial-gradient(circle at 50% 0,#ffffffa8,#0000 48%),linear-gradient(135deg,#ffd166,#ff8bdc 48%,#69f7ff)}.loot-box-icon span:first-child{background:linear-gradient(90deg,#0000 0 16%,#ffffff85 17% 24%,#0000 25% 75%,#ffffff85 76% 83%,#0000 84%),repeating-linear-gradient(90deg,#ffffff29 0 2px,#0000 2px 18px),radial-gradient(circle at 48% 18%,#ffffff57,#0000 36%),linear-gradient(135deg,#ffd166,#ff8bdc 48%,#69f7ff)}.loot-box-button[data-opening=true] .loot-box-icon:before{transform:rotate(-18deg)translateY(-12px)}.loot-box-label{inset-inline:12px;letter-spacing:.11em;text-transform:uppercase;font-family:Space Grotesk,Inter,sans-serif;font-size:.72rem;font-weight:700;position:absolute;bottom:18px}.loot-reel{isolation:isolate;background:linear-gradient(90deg,#070711db,#0000 20% 80%,#070711db),#ffffff14;border:1px solid #ffffff2e;border-radius:18px;min-height:82px;padding:9px 50% 9px 10px;position:relative;overflow:hidden}.loot-reel-track{will-change:transform, filter;align-items:stretch;gap:10px;width:max-content;display:flex}.loot-reel:before,.loot-reel:after{pointer-events:none;content:"";position:absolute}.loot-reel:before{z-index:1;background:linear-gradient(90deg,#070711eb,#0000 18% 82%,#070711eb),repeating-linear-gradient(90deg,#0000 0 26px,#ffffff0a 27px 28px);inset:0}.loot-reel[data-spinning=true]:before{animation:.72s linear infinite loot-reel-scan}.loot-reel:after{background:var(--gold);z-index:2;border-radius:999px;width:2px;inset:4px 50% 4px auto;box-shadow:0 0 18px #ffd166d1,0 0 34px #ff4fd86b}.loot-reel-track span{color:#fff;text-align:center;background:linear-gradient(135deg,#69f7ff3d,#ffffff14);border:1px solid #69f7ff6b;border-radius:14px;flex:0 0 148px;align-content:center;gap:3px;padding:7px 9px;font-size:.7rem;transition:border-color .22s,box-shadow .22s,transform .22s;display:grid;box-shadow:inset 0 0 16px #ffffff0f,0 0 18px #69f7ff1f}.loot-reel-track span.is-selected{border-color:#ffffffeb;transform:translateY(-3px)scale(1.05);box-shadow:0 0 34px #ffffff5c,0 0 54px #ffd1666b}.loot-reel-track span strong{letter-spacing:.13em;text-transform:uppercase;font-size:.58rem}.loot-reel-track span em{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:Space Grotesk,Inter,sans-serif;font-style:normal;font-weight:800;overflow:hidden}.loot-reel-track span[data-rarity=rare]{background:linear-gradient(135deg,#7cf58a4d,#ffffff14);border-color:#7cf58a9e;box-shadow:0 0 22px #7cf58a33}.loot-reel-track span[data-rarity=epic]{background:linear-gradient(135deg,#bf5fff57,#ffffff14);border-color:#bf5fffad;box-shadow:0 0 26px #bf5fff47}.loot-reel-track span[data-rarity=legendary]{background:linear-gradient(135deg,#ffd1666b,#ff4fd824);border-color:#ffd166bd;box-shadow:0 0 30px #ffd16657}.loot-reel-track span[data-rarity=mythic]{background:linear-gradient(135deg,#ff4f4f8f,#0a000080);border-color:#ff4f4fe6;box-shadow:0 0 34px #ff4f4f75,inset 0 0 20px #ffffff1f}.loot-combo{color:#fff0bd;letter-spacing:.12em;text-align:center;text-transform:uppercase;background:linear-gradient(90deg,#ffd1662e,#ff4fd824,#69f7ff24);border:1px solid #ffd1666b;border-radius:999px;margin:-2px 0;padding:8px 12px;font-size:.72rem;font-weight:900;box-shadow:0 0 24px #ffd1662e}.loot-result{color:#f8fbffe6;background:#ffffff12;border:1px solid #69f7ff3d;border-radius:16px;min-height:68px;margin:0;padding:10px 12px;font-size:.82rem;font-weight:800;line-height:1.35;box-shadow:inset 0 0 18px #ffffff0d,0 0 26px #69f7ff1f}.loot-result[data-rarity=rare]{color:#caffcf;border-color:#7cf58a9e;box-shadow:0 0 30px #7cf58a38}.loot-result[data-rarity=epic]{color:#ebd2ff;border-color:#bf5fffad;box-shadow:0 0 34px #bf5fff4d}.loot-result[data-rarity=legendary]{color:#fff0bd;border-color:#ffd166c7;box-shadow:0 0 40px #ffd1665c}.loot-result[data-rarity=mythic]{color:#ffd5d5;text-shadow:0 0 18px #ff4f4fcc;border-color:#ff4f4fe6;box-shadow:0 0 48px #ff4f4f7a,inset 0 0 24px #ff4f4f1f}.loot-reveal-stage{z-index:13;width:min(560px,100vw - 36px);font:inherit;cursor:pointer;color:#fff;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 50% 0,#fff3,#0000 36%),radial-gradient(circle at 15% 20%,#69f7ff3d,#0000 28%),radial-gradient(circle at 85% 24%,#ff4fd83d,#0000 30%),#070711eb;border:1px solid #ffffff52;border-radius:clamp(26px,5vw,42px);gap:10px;padding:clamp(22px,4vw,38px);display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 38px 120px #000000b8,0 0 80px #69f7ff47,inset 0 0 48px #ffffff14}.loot-reveal-stage[hidden]{display:none}.loot-reveal-stage:before,.loot-reveal-stage:after{pointer-events:none;content:"";position:absolute;inset:-45%}.loot-reveal-stage:before{filter:blur(22px);opacity:.8;background:conic-gradient(from 90deg,#0000,#ffd16661,#0000,#69f7ff57,#0000,#ff4fd852,#0000);animation:5.4s linear infinite loot-reveal-orbit}.loot-reveal-stage:after{mix-blend-mode:screen;opacity:.72;animation:loot-reveal-sparkles 1.5s var(--cinematic-ease) both;background-image:radial-gradient(circle,#ffffffe6 0 2px,#0000 3px),radial-gradient(circle,#ffd166bf 0 1px,#0000 2px);background-position:20% 30%,70% 58%;background-size:58px 58px,38px 38px}.loot-reveal-stage>*{z-index:1;position:relative}.loot-reveal-kicker{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900}.loot-reveal-title{text-transform:uppercase;text-shadow:0 0 30px #69f7ff7a,0 0 48px #ff4fd852;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,7vw,4.4rem);line-height:.95}.loot-reveal-stage span[data-loot-reveal-description]{color:#f8fbffd6;max-width:42rem;margin:0 auto;font-weight:800;line-height:1.45}.loot-reveal-continue{width:fit-content;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;background:#ffd1661f;border:1px solid #ffd1668a;border-radius:999px;margin:8px auto 0;padding:8px 14px;font-size:.72rem;font-weight:900;box-shadow:0 0 22px #ffd16638}.loot-reveal-stage:hover,.loot-reveal-stage:focus-visible{border-color:#ffd166ad;box-shadow:0 38px 130px #000000c7,0 0 96px #ffd16657,inset 0 0 54px #ffffff1a}.loot-reveal-stage[data-rarity=legendary],.loot-reveal-stage[data-rarity=mythic]{box-shadow:0 38px 130px #000000c2,0 0 100px #ffd16661,inset 0 0 56px #ffffff1a}.unlock-reveal-focus{z-index:12;outline-offset:8px;animation:unlock-reveal-focus 1.8s var(--cinematic-ease) both;outline:2px solid #ffd166eb;position:relative}@keyframes loot-reveal-orbit{to{transform:rotate(1turn)}}@keyframes loot-reveal-sparkles{0%{opacity:0;transform:translateY(24px)scale(.8)}55%{opacity:.88}to{opacity:.58;transform:translateY(-18px)scale(1.08)}}@keyframes unlock-reveal-focus{0%{filter:brightness();box-shadow:none}35%{filter:brightness(1.42)saturate(1.35);box-shadow:0 0 64px #ffd1666b}to{filter:brightness();box-shadow:none}}.loot-reveal-stage{--reveal-rgb:105, 247, 255;--reveal-stagger:.11s;border-color:rgba(var(--reveal-rgb), .55);box-shadow:0 38px 120px #000000b8, 0 0 110px rgba(var(--reveal-rgb), .4), inset 0 0 48px rgba(var(--reveal-rgb), .12)}.loot-reveal-stage[data-rarity=rare]{--reveal-rgb:124, 245, 138}.loot-reveal-stage[data-rarity=epic]{--reveal-rgb:191, 95, 255}.loot-reveal-stage[data-rarity=legendary]{--reveal-rgb:255, 209, 102}.loot-reveal-stage[data-rarity=mythic]{--reveal-rgb:255, 79, 79}.loot-reveal-stage:before{background:conic-gradient(from 90deg, transparent, rgba(var(--reveal-rgb), .52), transparent, rgba(var(--reveal-rgb), .3), transparent, #fff3, transparent)}.loot-reveal-stage .loot-reveal-kicker{color:rgb(var(--reveal-rgb));text-shadow:0 0 18px rgba(var(--reveal-rgb), .78);animation:reveal-item-rise .62s var(--cinematic-ease) var(--reveal-stagger) backwards}.loot-reveal-stage .loot-reveal-title{background:linear-gradient(100deg, #fff, rgb(var(--reveal-rgb)) 45%, #fff 80%);text-shadow:none;filter:drop-shadow(0 0 26px rgba(var(--reveal-rgb), .55));animation:reveal-title-pop .72s var(--cinematic-ease) calc(var(--reveal-stagger) * 2) backwards, hologram-flow 4s linear infinite;-webkit-text-fill-color:transparent;background-size:220% 100%;-webkit-background-clip:text;background-clip:text}.loot-reveal-description{animation:reveal-item-rise .62s var(--cinematic-ease) calc(var(--reveal-stagger) * 3) backwards}.loot-reveal-flavor{max-width:40rem;color:rgba(var(--reveal-rgb), .94);letter-spacing:.05em;animation:reveal-item-rise .62s var(--cinematic-ease) calc(var(--reveal-stagger) * 4) backwards;margin:0 auto;font-size:.82rem;font-style:italic;font-weight:800}.loot-reveal-stage .loot-reveal-continue{border-color:rgba(var(--reveal-rgb), .62);color:rgb(var(--reveal-rgb));background:rgba(var(--reveal-rgb), .12);box-shadow:0 0 22px rgba(var(--reveal-rgb), .3);animation:reveal-item-rise .62s var(--cinematic-ease) calc(var(--reveal-stagger) * 5) backwards, reveal-continue-pulse 1.7s ease-in-out calc(var(--reveal-stagger) * 5 + .7s) infinite}.loot-reveal-stage[data-rarity=mythic] .loot-reveal-title{animation:reveal-title-pop .72s var(--cinematic-ease) calc(var(--reveal-stagger) * 2) backwards, hologram-flow 4s linear infinite, mythic-title-quake .34s ease-in-out calc(var(--reveal-stagger) * 2 + .72s) infinite alternate}@keyframes reveal-item-rise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes reveal-title-pop{0%{opacity:0;filter:blur(16px)brightness(2.4);transform:scale(1.9)}58%{opacity:1;filter:blur()brightness(1.3);transform:scale(.94)}to{opacity:1;filter:blur()brightness();transform:scale(1)}}@keyframes reveal-continue-pulse{50%{box-shadow:0 0 34px rgba(var(--reveal-rgb), .62);transform:scale(1.05)}}@keyframes mythic-title-quake{0%{transform:translate(-1px,1px)scale(1)}to{transform:translate(1.5px,-1px)scale(1.015)}}.loot-reveal-fx{--reveal-rgb:105, 247, 255;z-index:14;pointer-events:none;contain:strict;position:fixed;inset:0}.loot-reveal-shockwave,.loot-reveal-shockwave:before,.loot-reveal-shockwave:after{border:2px solid rgba(var(--reveal-rgb), .62);opacity:0;box-shadow:0 0 44px rgba(var(--reveal-rgb), .4), inset 0 0 34px rgba(var(--reveal-rgb), .22);border-radius:50%;position:absolute}.loot-reveal-shockwave{width:44vmin;height:44vmin;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}.loot-reveal-shockwave:before,.loot-reveal-shockwave:after{content:"";inset:0;transform:scale(.2)}.loot-reveal-shockwave[data-waves="1"]:before,.loot-reveal-shockwave[data-waves="1"]:after,.loot-reveal-shockwave[data-waves="2"]:after{display:none}.loot-reveal-shockwave[data-waves="4"],.loot-reveal-shockwave[data-waves="4"]:before,.loot-reveal-shockwave[data-waves="4"]:after{box-shadow:0 0 72px rgba(var(--reveal-rgb), .6), inset 0 0 54px rgba(var(--reveal-rgb), .3);border-width:3px}.loot-reveal-shockwave.is-rippling{animation:.94s ease-out both shockwave-ring}.loot-reveal-shockwave.is-rippling:before{animation:1.04s ease-out .13s both shockwave-ring-inner}.loot-reveal-shockwave.is-rippling:after{animation:1.14s ease-out .26s both shockwave-ring-inner}@keyframes shockwave-ring{0%{opacity:.95;transform:translate(-50%,-50%)scale(.16)}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}@keyframes shockwave-ring-inner{0%{opacity:.85;transform:scale(.16)}to{opacity:0;transform:scale(2.4)}}.loot-reveal-burst{display:block;position:absolute;inset:0}.loot-reveal-burst i{width:var(--particle-size,5px);height:var(--particle-size,5px);background:radial-gradient(circle at 35% 30%, #fff, rgb(var(--reveal-rgb)) 55%, transparent 78%);box-shadow:0 0 14px rgba(var(--reveal-rgb), .9);opacity:0;transform:rotate(var(--particle-angle,0deg)) translateX(0) scale(.4);animation:reveal-particle-fly var(--particle-duration,.9s) cubic-bezier(.16, 1, .3, 1) var(--particle-delay,0s) forwards;border-radius:999px;position:absolute;top:50%;left:50%}@keyframes reveal-particle-fly{0%{opacity:0;transform:rotate(var(--particle-angle,0deg)) translateX(6vmin) scale(.4)}16%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle,0deg)) translateX(calc(14vmin + var(--particle-distance,160px))) scale(1.1)}}.gem-shop{background:#ffffff0e;border:1px solid #69f7ff38;border-radius:20px;gap:12px;padding:14px;display:grid}.gem-shop-header{justify-content:space-between;align-items:end;gap:12px;display:flex}.gem-shop-kicker,.gem-shop-header h2{margin:0}.gem-shop-kicker{color:#f8fbff9e;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:900}.gem-shop-header h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1rem;line-height:1.1}.gem-shop-header strong{color:var(--gold);white-space:nowrap}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;max-height:300px;padding-right:4px;display:grid;overflow-y:auto}.shop-card{background:linear-gradient(135deg,#69f7ff1f,#ffffff0e);border:1px solid #69f7ff42;border-radius:16px;gap:8px;padding:12px;display:grid}.shop-card[data-unlocked=true]{border-color:#7cf58a8f;box-shadow:inset 0 0 20px #7cf58a14}.shop-card[data-rarity=epic]{border-color:#bf5fff75}.shop-card[data-rarity=legendary]{border-color:#ffd16694}.shop-card[data-rarity=mythic]{border-color:#ff4f4fb8}.shop-card h3,.shop-card p{margin:0}.shop-card h3{font-family:Space Grotesk,Inter,sans-serif;font-size:.92rem}.shop-card p{color:#f8fbffb3;font-size:.72rem;line-height:1.35}.shop-card p:first-of-type{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.shop-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffd16661,#ff4fd82e);border:1px solid #ffd16680;border-radius:999px;min-height:34px;font-weight:900}.shop-card button:disabled{cursor:not-allowed;opacity:.52}.font-selector-row{color:#f8fbffbd;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:800;display:grid}.font-selector-row[hidden]{display:none}.font-selector-row select{color:#fff;cursor:pointer;width:100%;min-height:38px;font:inherit;letter-spacing:.04em;background:linear-gradient(135deg,#7cf58a47,#69f7ff24),#111120;border:1px solid #7cf58a75;border-radius:999px;box-shadow:0 0 24px #7cf58a29}.font-selector-row select:focus-visible{outline-offset:2px;outline:2px solid #7cf58ab8}.ak-equip-button{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ff4f4f94,#ffd16629),#070711e0;border:1px solid #ff4f4f9e;border-radius:999px;min-height:48px;padding:10px 18px;font-weight:900;box-shadow:0 0 30px #ff4f4f3d}.ak-equip-button:hover,.ak-equip-button:focus-visible,.ak-equip-button[aria-pressed=true]{transform:translateY(-2px)scale(1.03);box-shadow:0 0 44px #ff4f4f75,0 0 24px #ffd16633}body.loot-font-mono .glitch-title{letter-spacing:-.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}body.loot-font-arcade .glitch-title{letter-spacing:.01em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,fantasy}body.loot-font-comic .glitch-title{letter-spacing:-.02em;font-family:Comic Sans MS,Comic Neue,Chalkboard SE,cursive}body.loot-font-wizard .glitch-title{letter-spacing:-.04em;font-family:Georgia,Times New Roman,Palatino Linotype,serif;font-style:italic}.ufo-pet{z-index:6;pointer-events:none;filter:drop-shadow(0 0 16px #69f7ffa8);will-change:transform;font-size:clamp(26px,4vw,38px);animation:56s ease-in-out infinite ufo-cruise;position:fixed;top:16vh;left:4vw}.ufo-pet span{animation:3.2s ease-in-out infinite ufo-bob;display:inline-block}body:not(.feature-ufo-pet) .ufo-pet{display:none}@keyframes ufo-cruise{0%{transform:translate(0)}16%{transform:translate(74vw,8vh)}34%{transform:translate(82vw,52vh)}52%{transform:translate(38vw,66vh)}70%{transform:translate(6vw,44vh)}86%{transform:translate(30vw,10vh)}to{transform:translate(0)}}@keyframes ufo-bob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-10px)rotate(6deg)}}.cursor-spark{z-index:24;pointer-events:none;background:radial-gradient(circle at 35% 30%, #fff, var(--spark-color,#69f7ff) 55%, transparent 80%);width:7px;height:7px;box-shadow:0 0 12px var(--spark-color,#69f7ff);border-radius:999px;animation:.64s ease-out forwards cursor-spark-fall;position:fixed;transform:translate(-50%,-50%)}@keyframes cursor-spark-fall{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--spark-dx,0px)), calc(-50% + var(--spark-dy,24px))) scale(.25)}}.ak-equipped{cursor:crosshair}.bullet-hole{z-index:20;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 0 8px #ff4f4f70);width:28px;transform:translate(-50%, -50%) rotate(var(--shot-rotation,0deg));animation:bullet-pop .26s var(--cinematic-ease) both;background:radial-gradient(circle,#020208 0 28%,#020208db 29% 42%,#ffffff3d 43% 48%,#0000 49% 100%),radial-gradient(circle at 72% 28%,#ff4f4fa6,#0000 24%);border-radius:50%;position:absolute}.ui-damaged{filter:saturate(1.35)contrast(1.1)}.ui-destroyed{pointer-events:none;transition:opacity .42s ease, transform .42s var(--cinematic-ease), filter .42s ease;opacity:.24!important;filter:grayscale()blur(1px)!important;transform:rotate(2deg)translateY(18px)scale(.92)!important}@keyframes loot-aura-burst{0%{opacity:0;transform:scale(.72)rotate(0)}38%{opacity:.72;transform:scale(1.02)rotate(90deg)}to{opacity:0;transform:scale(1.34)rotate(180deg)}}@keyframes loot-spark-shower{0%{opacity:0;transform:translateY(12px)scale(.86)}34%{opacity:.9;transform:translateY(-8px)scale(1.04)}to{opacity:0;transform:translateY(-34px)scale(1.18)}}@keyframes loot-reel-scan{0%{background-position:0 0,0 0}to{background-position:0 0,56px 0}}@keyframes bullet-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.rarity-flash{--flash-rgb:255, 255, 255;--flash-peak:.4;z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%, rgba(var(--flash-rgb), .95), rgba(var(--flash-rgb), .4) 38%, transparent 78%);mix-blend-mode:screen;contain:strict;position:fixed;inset:0}.rarity-flash.is-flashing{animation:.72s ease-out both rarity-flash-burst}@keyframes rarity-flash-burst{0%{opacity:0}12%{opacity:var(--flash-peak)}to{opacity:0}}#app.is-shaking{animation:.52s ease-in-out both screen-shake}@keyframes screen-shake{10%{transform:translate(calc(var(--shake-distance,6px) * -1), calc(var(--shake-distance,6px) * .6))}26%{transform:translate(var(--shake-distance,6px), calc(var(--shake-distance,6px) * -.7))}44%{transform:translate(calc(var(--shake-distance,6px) * -.7), calc(var(--shake-distance,6px) * .4))}62%{transform:translate(calc(var(--shake-distance,6px) * .5), calc(var(--shake-distance,6px) * -.3))}80%{transform:translate(calc(var(--shake-distance,6px) * -.25), calc(var(--shake-distance,6px) * .15))}to{transform:translate(0)}}.loot-wallet strong{display:inline-block}.loot-wallet strong.is-counting{animation:.36s ease-in-out infinite alternate gem-count-pop}@keyframes gem-count-pop{0%{transform:scale(1)}to{text-shadow:0 0 28px #ffd166;transform:scale(1.24)}}.cinematic-vignette{z-index:-1;pointer-events:none;contain:strict;opacity:0;background:radial-gradient(circle at 50% 42%,#0000 0 42%,#0202088a 75%,#000000db 100%),linear-gradient(115deg,#0000 0 45%,#69f7ff1f 48%,#0000 54% 100%);animation:1.8s ease-out .4s both vignette-fade;position:fixed;inset:0}.noise{z-index:-1;pointer-events:none;opacity:.1;contain:strict;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes letterbox-open{0%{height:28vh}to{height:5.2vh}}@keyframes eyebrow-cue{0%{opacity:0;filter:blur(12px);transform:translate(-50%,-18px)scale(.96)}to{opacity:1;filter:blur();transform:translate(-50%)scale(1)}}@keyframes hero-arrival{0%{opacity:0;filter:blur(24px)saturate(70%);transform:translateY(38px)scale(.94)rotateX(9deg)}62%{opacity:1;filter:blur()saturate(180%)}to{opacity:1;filter:blur()saturate(140%);transform:translateY(0)scale(1)rotateX(0)}}@keyframes border-ignite{0%{opacity:0}to{opacity:.48}}@keyframes lens-bloom{0%{opacity:0}to{opacity:.38}}@keyframes orbit-materialize{0%{opacity:0;filter:blur(18px);transform:rotate(-18deg)scale(.72)}to{opacity:1;filter:blur();transform:rotate(0)scale(1)}}@keyframes title-stage-in{0%{opacity:0;filter:blur(18px)brightness(1.7);transform:translateY(32px)scale(1.08)}to{opacity:1;filter:blur()brightness();transform:translateY(0)scale(1)}}@keyframes cinematic-rise{0%{opacity:0;filter:blur(12px);transform:translateY(28px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes vignette-fade{to{opacity:1}}@keyframes beam-spin{to{transform:rotate(360deg)translateZ(0)}}@keyframes hologram-flow{to{background-position:260%}}@keyframes title-float{50%{transform:translateY(-.05em)rotateX(8deg)}}@keyframes glitch-shift{0%,92%,to{clip-path:inset(0);filter:hue-rotate()}94%{clip-path:inset(12% 0 64%);filter:hue-rotate(80deg)}96%{clip-path:inset(66% 0 12%);filter:hue-rotate(-80deg)}}@keyframes prism-sweep{0%{transform:translate(-18%)}to{transform:translate(18%)}}@keyframes orbit-warp{to{transform:rotate(360deg)scale(1.04)}}@media (width<=980px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ai-guide-panel{width:min(100%,940px);animation:hero-arrival 1s var(--cinematic-ease) var(--cinematic-delay) backwards;background:linear-gradient(135deg,#69f7ff24,#ff4fd814),#070711c7;border:1px solid #69f7ff3d;border-radius:clamp(22px,4vw,38px);margin-top:28px;padding:clamp(24px,5vw,44px);position:relative;overflow:hidden;box-shadow:0 26px 90px #0000006b,inset 0 0 44px #ffffff0d}.ai-guide-panel:before{pointer-events:none;content:"";opacity:.64;background:linear-gradient(90deg,#69f7ff24,#0000 30% 70%,#ff4fd821);position:absolute;inset:0}.ai-guide-panel>*{z-index:1;position:relative}.ai-guide-kicker{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-family:Space Grotesk,Inter,sans-serif;font-size:.82rem;font-weight:700}.ai-guide-panel h2{letter-spacing:-.055em;text-transform:lowercase;margin:0 0 20px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:.95}.ai-guide-intro,.ai-guide-status{color:#f8fbffc2;text-align:left;margin:0 0 18px}.ai-tip-grid{color:#f8fbffd6;text-align:left;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:0;padding:0;display:grid}.ai-tip-card{background:radial-gradient(circle at 18% 0,#ffd1662e,#0000 32%),linear-gradient(145deg,#ffffff1f,#ffffff09);border:1px solid #69f7ff47;border-radius:24px;flex-direction:column;min-height:230px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #ffffff0b,0 18px 46px #00000047}.ai-tip-card:before{content:"";opacity:.45;will-change:transform;background:conic-gradient(from 90deg,#0000,#69f7ff2e,#0000,#ff4fd829,#0000);animation:8s linear infinite orbit-warp;position:absolute;inset:-50%}.ai-tip-card>*{z-index:1;position:relative}.ai-tip-card[data-unlocked=false]{filter:saturate(1.2);border-color:#ffd16680}.ai-tip-card[data-unlocked=false] h3{color:var(--gold)}.ai-tip-card[data-category=agentic-workflows]{border-color:#ff4fd86b}.ai-tip-card[data-category=llm-workflows]{border-color:#69f7ff6b}.ai-tip-category{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:700}.ai-tip-card h3{margin:0 0 10px;font-family:Space Grotesk,Inter,sans-serif;font-size:1.25rem}.ai-tip-card p{margin:0 0 18px}.ai-tip-card button{color:#170f02;cursor:pointer;background:linear-gradient(135deg,#ffe18a,#ff9f1c);border:1px solid #ffd1668a;border-radius:999px;width:100%;margin-top:auto;padding:10px 12px;font-weight:900;box-shadow:0 0 28px #ffd16647}.ai-tip-card button:disabled{cursor:not-allowed;opacity:.58}.ai-guide-status{color:var(--gold);margin:18px 0 0;font-weight:800}@media (width<=740px){.landing-shell{padding:92px 0 40px}.eyebrow{text-align:center;width:calc(100% - 32px)}.color-wheel-corner{max-width:132px;bottom:12px;right:12px}.unlock-menu{right:12px}.loot-chest-launcher,.shop-launcher,.ak-launcher{bottom:12px;left:12px}.shop-launcher{top:12px;bottom:auto}.ak-launcher{top:76px;bottom:auto}.loot-chest-label{max-width:160px}.loot-box-panel,.shop-panel{gap:12px;width:min(640px,100vw - 24px);max-height:calc(100vh - 104px);padding:16px;top:86px;left:50%}.color-wheel-status{font-size:.68rem}.status-grid{grid-template-columns:1fr}.ai-guide-panel{margin-top:20px}}@media (prefers-reduced-motion:reduce){[data-cinematic],[data-cinematic]:before,[data-cinematic]:after,.cinematic-vignette,.color-wheel-corner,.color-wheel-disc,.loot-chest-launcher,.unlock-menu,.loot-reel,.unlock-reveal-focus,.loot-box-button:before,.loot-box-button:after,.bullet-hole{opacity:0!important;filter:none!important;transform:none!important}#app:before,#app:after{height:5.2vh!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body.performance-lite{transition-duration:.18s}body.performance-lite:before,body.performance-lite .cinematic-vignette,body.performance-lite .noise{display:none}body.performance-lite .hero-card{box-shadow:0 28px 74px #0000007a, 0 0 48px rgba(var(--wheel-glow-rgb), .12), inset 0 0 38px #ffffff0a}body.performance-lite .hero-card:before,body.performance-lite .hero-card:after,body.performance-lite .glitch-title,body.performance-lite .glitch-title:before,body.performance-lite .glitch-title:after,body.performance-lite .orbital-ring,body.performance-lite .color-wheel-button,body.performance-lite .color-wheel-pointer{filter:none;animation-duration:18s}body.performance-lite .hero-card:before,body.performance-lite .hero-card:after,body.performance-lite .glitch-title:before,body.performance-lite .glitch-title:after{opacity:.26}body.performance-lite .glitch-title{text-shadow:0 0 18px rgba(var(--wheel-glow-rgb), .36)}body.performance-lite .hero-card:before,body.performance-lite .hero-card:after,body.performance-lite .glitch-title:before,body.performance-lite .glitch-title:after,body.performance-lite .ai-tip-card:before,body.performance-lite .color-wheel-disc:before{display:none}body.performance-lite .glitch-title,body.performance-lite .orbital-ring{animation:none}body.performance-lite .unlock-menu-toggle,body.performance-lite .unlock-menu-panel,body.performance-lite .shop-toggle,body.performance-lite .loot-chest-toggle,body.performance-lite .loot-chest-label,body.performance-lite .ak-equip-button,body.performance-lite .completion-close,body.performance-lite .loot-box-panel,body.performance-lite .shop-panel,body.performance-lite .loot-reveal-stage{-webkit-backdrop-filter:none;backdrop-filter:none}body:not(.feature-background-animation){color:#fff;background:#000}body:not(.feature-background-animation):before,body:not(.feature-background-animation) #app:before,body:not(.feature-background-animation) #app:after,body:not(.feature-background-animation) #cosmic-canvas,body:not(.feature-background-animation) .cinematic-vignette,body:not(.feature-background-animation) .noise,body:not(.feature-eyebrow) .eyebrow,body:not(.feature-color-wheel) .color-wheel-corner,body:not(.feature-orbital-ring) .orbital-ring,body:not(.feature-hero-copy) .hero-copy,body:not(.feature-actions) .hero-actions,body:not(.feature-gems) .loot-wallet,body:not(.feature-demo-panel) .demo-panel,body:not(.feature-ai-guide) .ai-guide-panel,body:not(.feature-status-grid) .status-grid article,body:not(.feature-status-grid):not(.feature-demo-panel) .status-grid{display:none}body:not(.feature-animated-title) .hero-card{width:auto;box-shadow:none;contain:none;background:0 0;border:0;border-radius:0;padding:0;animation:none;overflow:visible}body:not(.feature-animated-title) .hero-card:before,body:not(.feature-animated-title) .hero-card:after,body:not(.feature-animated-title) .hero-title-stage:before,body:not(.feature-animated-title) .hero-title-stage:after,body:not(.feature-animated-title) .glitch-title:before,body:not(.feature-animated-title) .glitch-title:after{display:none}body:not(.feature-animated-title) .hero-title-stage{animation:none}body:not(.feature-animated-title) .glitch-title{color:#fff;letter-spacing:-.06em;text-shadow:none;text-transform:lowercase;-webkit-text-fill-color:currentColor;background:0 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(3rem,16vw,8rem);font-weight:600;animation:none}body:not(.feature-animated-title).loot-font-mono .glitch-title{letter-spacing:-.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}body:not(.feature-animated-title).loot-font-arcade .glitch-title{letter-spacing:.01em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,fantasy}body:not(.feature-animated-title).loot-font-comic .glitch-title{letter-spacing:-.02em;font-family:Comic Sans MS,Comic Neue,Chalkboard SE,cursive}body:not(.feature-animated-title).loot-font-wizard .glitch-title{letter-spacing:-.04em;font-family:Georgia,Times New Roman,Palatino Linotype,serif;font-style:italic}.loot-chest-launcher,.shop-launcher,.ak-launcher{z-index:12}.loot-chest-label{display:none}.loot-chest-toggle:focus-visible{outline-offset:4px;outline:2px solid #fff}.completion-credits{z-index:40;color:#fff;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 24%,#ffd16633,#0000 18%),radial-gradient(circle at 18% 72%,#69f7ff2e,#0000 22%),linear-gradient(#070711f5,#020208fa);place-items:center;transition:opacity .52s;display:grid;position:fixed;inset:0;overflow:hidden}.completion-credits[hidden]{display:none}.completion-credits[data-open=true]{opacity:1;pointer-events:auto}.completion-credits:before,.completion-credits:after{pointer-events:none;content:"";position:absolute;inset:-20%}.completion-credits:before{filter:drop-shadow(0 0 14px #69f7ff6b);opacity:.5;background:linear-gradient(90deg,#0000 49%,#69f7ff1f 50%,#0000 51%) 0 0/180px 100%,radial-gradient(circle,#ffffffbf 0 1px,#0000 2px) 0 0/72px 72px;animation:18s linear infinite credits-star-drift;transform:perspective(700px)rotateX(62deg)translateY(12%)}.completion-credits:after{mix-blend-mode:screen;opacity:.58;background:conic-gradient(from 180deg,#0000,#ff4fd82e,#0000,#ffd16629,#0000);animation:14s linear infinite credits-light-sweep}.completion-marquee{width:max-content;color:var(--gold);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 0 18px #ffd166b8;font-size:clamp(.74rem,1.4vw,1rem);font-weight:900;animation:18s linear infinite credits-marquee;position:absolute;top:18px}.completion-credits-vignette{pointer-events:none;background:radial-gradient(#0000 35%,#000000b8 100%);position:absolute;inset:0}.completion-credits-roll{z-index:1;text-align:center;gap:28px;width:min(760px,100vw - 32px);padding-top:70vh;animation:32s cubic-bezier(.2,0,.1,1) forwards credits-roll;display:grid;position:relative}.completion-kicker,.completion-congrats,.completion-easter-egg{color:#f8fbffc7;letter-spacing:.12em;text-transform:uppercase;margin:0}.completion-credits-roll h2{text-shadow:0 0 34px #69f7ff8a,0 0 64px #ff4fd85c;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.4rem,8vw,6.8rem);line-height:.9}.completion-credits-roll dl{gap:clamp(22px,4vh,38px);margin:10vh 0 0;display:grid}.completion-credits-roll dl div{gap:8px;display:grid}.completion-credits-roll dt{color:var(--cyan);letter-spacing:.24em;text-transform:uppercase;font-size:clamp(.76rem,1.6vw,1rem);font-weight:900}.completion-credits-roll dd{text-transform:lowercase;text-shadow:0 0 28px #ffffff52;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.8rem,5vw,4.8rem);font-weight:900}.completion-easter-egg{color:var(--gold);margin:8vh 0 18vh}.completion-close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff52;border-radius:999px;padding:10px 16px;font-weight:900;position:absolute;bottom:clamp(14px,3vw,32px);right:clamp(14px,3vw,32px)}@keyframes credits-roll{0%{transform:translateY(0)}to{transform:translateY(-118%)}}@keyframes credits-marquee{0%{transform:translate(55vw)}to{transform:translate(-105vw)}}@keyframes credits-star-drift{0%{background-position:0 0,0 0}to{background-position:0 0,0 -720px}}@keyframes credits-light-sweep{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.completion-credits:before,.completion-credits:after,.completion-marquee,.completion-credits-roll{animation:none}.completion-credits-roll{max-height:100vh;padding:clamp(64px,12vh,110px) 0;overflow-y:auto}.rarity-flash,.lighting-wash,.loot-reveal-fx,.cursor-spark{display:none}#app.is-shaking,.ufo-pet,.ufo-pet span{animation:none}}