:root{--void:#04030a;--deep:#0c0914;--abyss:#13101d;--pit:#1a1428;--dusk:#231b34;--bone:#f2eadb;--parch:#e4d9c0;--aged:#b8a882;--dust:#7a6c52;--tarnish:#524230;--blood:#6e1010;--crimson:#b52020;--ember:#d03818;--silver:#a8bac8;--moon:#d8e8f4;--cold:#4a7a99;--gold:#c08020;--gilt:#d9a838;--pale:#f0d860;--village:#c9a84c;--wolves:#b52020;--solo:#6040a0;--violet:#6040a0;--violet-dim:#3a2660;--f-display:"Cinzel Decorative", serif;--f-ui:"Cinzel", serif;--f-body:"EB Garamond", Georgia, serif;--font-deco:var(--f-display);--font-ui:var(--f-ui);--font-body:var(--f-body);--wrap:min(1200px, 92vw);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--bone);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}body:after{content:"";pointer-events:none;z-index:9999;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--tarnish)}::selection{color:var(--pale);background:#c0802038}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.5rem}.section{padding:7rem 0;position:relative;overflow:hidden}.fade-edges:before,.fade-edges:after{content:"";pointer-events:none;z-index:4;height:100px;position:absolute;left:0;right:0}.fade-edges:before{background:linear-gradient(to bottom, var(--void), transparent);top:0}.fade-edges:after{background:linear-gradient(to top, var(--void), transparent);bottom:0}.eyebrow{font-family:var(--f-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--dust);font-size:.65rem;display:block}.gold-line{background:linear-gradient(90deg, transparent, var(--gilt), transparent);width:80px;height:1px;margin:1rem auto}.title-carved{font-family:var(--f-display);letter-spacing:-.02em;background:linear-gradient(160deg,#fff8e7 0%,#f5e4a0 15%,#d9a838 35%,#c08020 55%,#8a5a10 75%,#5a3a08 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 80px #c0802059)drop-shadow(0 0 30px #c0802040)drop-shadow(0 4px 12px #000c)drop-shadow(0 1px #fff0a04d);-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1;transition:filter .4s}.title-carved:hover{filter:drop-shadow(0 0 100px #d9a83880)drop-shadow(0 0 40px #c0802066)drop-shadow(0 4px 12px #000c)}.title-crimson{color:var(--crimson);text-shadow:0 0 30px #b5202099,0 0 70px #8c141452,0 2px #320404eb,1px 2px #5a0808b3}.lead{font-family:var(--f-body);color:var(--aged);letter-spacing:.022em;font-size:clamp(.98rem,1.65vw,1.2rem);font-style:italic;line-height:1.78}.gold-diamond{background:var(--gilt);width:5px;height:5px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 10px #d9a838e0,0 0 22px #d9a8386b}.gold-divider{background:linear-gradient(to right, transparent, var(--gilt), transparent);width:180px;height:1px;margin-block:1.5rem}.lore-text:first-letter{font-family:var(--f-display);float:left;background:linear-gradient(160deg,#f5e4a0 0%,#d9a838 40%,#7a5010 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #c080204d);-webkit-background-clip:text;background-clip:text;margin-top:.05em;margin-right:.12em;font-size:4.5rem;font-weight:900;line-height:.8}.art-slot{background:linear-gradient(135deg, var(--pit) 0%, var(--abyss) 50%, #6e101040 100%);border:1px solid #c080201f;position:relative;overflow:hidden}.art-slot:before{content:"";background:radial-gradient(#c080200d 0%,#0000 70%);position:absolute;inset:0}.art-slot:after{content:"";opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px;position:absolute;inset:0}.grimm-card{background:linear-gradient(145deg,#12101af5,#0a0912fa);border:1px solid #c0802024;box-shadow:inset 0 0 60px #0000008c,inset 0 1px #c0802014,0 4px 28px #00000094}.btn-primary{font-family:var(--f-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--void);background:linear-gradient(135deg, var(--pale) 0%, var(--gilt) 35%, var(--gold) 65%, #8a5808 100%);clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,8px 100%,0% 50%);transition:filter .22s, transform .18s var(--ease-out), box-shadow .22s;cursor:pointer;border:1px solid #f0c03c8c;align-items:center;gap:.65rem;padding:.85rem 2.4rem;font-size:.62rem;display:inline-flex;box-shadow:0 0 0 1px #f0c03c2e,0 4px 18px #0000009e,0 0 35px #c080203d,inset 0 1px #fff0a059}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 0 1px #f0c03c47,0 8px 32px #000000b8,0 0 60px #c0802066,inset 0 1px #fff0a073}.btn-crimson{font-family:var(--f-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--bone);clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,8px 100%,0% 50%);transition:filter .22s, transform .18s var(--ease-out);cursor:pointer;background:linear-gradient(135deg,#b52020d9 0%,#6e1010e6 100%);border:1px solid #b520208c;align-items:center;gap:.65rem;padding:.85rem 2.4rem;font-size:.62rem;animation:3s ease-in-out infinite crimsonPulse;display:inline-flex;box-shadow:0 0 0 1px #b520202e,0 4px 18px #0000009e,0 0 35px #b5202038,inset 0 1px #ff64641f}.btn-crimson:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-ghost{font-family:var(--f-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--aged);background:#c080200d;border:1px solid #c0802047;align-items:center;gap:.6rem;padding:.78rem 1.8rem;font-size:.58rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.btn-ghost:hover{color:var(--gilt);background:#c0802017;border-color:#c0802085}.btn-blood{font-family:var(--f-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--bone);cursor:pointer;transition:transform .18s var(--ease-out), filter .22s;background:linear-gradient(135deg,#b52020eb 0%,#6e0a0af5 100%);border:1px solid #c8282873;align-items:center;gap:.65rem;padding:.85rem 2.4rem;font-size:.62rem;animation:2.8s ease-in-out infinite bloodPulse;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #b5202026,0 4px 18px #000000a6,0 0 40px #b5202047,inset 0 1px #ff50501f}.btn-blood:after{content:"";background:linear-gradient(105deg,#0000 30%,#ff787824 50%,#0000 70%);transition:transform;position:absolute;inset:0;transform:translate(-100%)}.btn-blood:hover:after{transition:transform .55s;transform:translate(100%)}.btn-blood:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn-gold-ghost{font-family:var(--f-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--gilt);cursor:pointer;background:#c080200f;border:1px solid #d9a83852;align-items:center;gap:.6rem;padding:.78rem 1.8rem;font-size:.58rem;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #d9a83814}.btn-gold-ghost:before{content:"";background:linear-gradient(90deg,#0000,#d9a83814,#0000);transition:transform;position:absolute;inset:0;transform:translate(-100%)}.btn-gold-ghost:hover:before{transition:transform .48s;transform:translate(100%)}.btn-gold-ghost:hover{color:var(--pale);background:#c080201f;border-color:#d9a83894;box-shadow:0 0 20px #c0802026,inset 0 1px #d9a83824}.card-rim{position:relative;overflow:hidden}.card-rim:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;border:1px solid #0000;border-top-color:#ffffff2e;position:absolute;inset:0}.card-rim-gold:before{border-image:linear-gradient(135deg,#d9a838b3,#c0802026,#d9a8388c) 1}.card-rim-gold:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 1px #d9a83840,0 0 20px #c080202e}.card-rim-crimson:before{border-image:linear-gradient(135deg,#b52020b3,#6e0a0a26,#b520208c) 1}.card-rim-crimson:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 1px #b5202040,0 0 20px #b520202e}.card-rim-violet:before{border-image:linear-gradient(135deg,#8060c8b3,#40288c26,#8060c88c) 1}.card-rim-violet:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 1px #8060c840,0 0 20px #8060c82e}.bg-vignette{background:radial-gradient(90% 80%,#0000 40%,#04030ab8 80%,#04030af5 100%)}.tint-crimson{background:radial-gradient(80% 70%,#6e080838 0%,#0000 65%)}.grain-heavy:after{content:"";pointer-events:none;z-index:5;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.reveal-target{will-change:transform, opacity}@keyframes fogDrift{0%,to{transform:translate(-3%)scaleX(1.06)}50%{transform:translate(3%)scaleX(1.04)}}@keyframes fogDrift2{0%,to{transform:translate(4%)scaleX(1.04)}50%{transform:translate(-4%)scaleX(1.06)}}@keyframes fogDrift3{0%,to{transform:translate(0%)scaleX(1.02)translateY(-2%)}50%{transform:translate(2%)scaleX(1.04)translateY(2%)}}@keyframes moonBreath{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes moonHalo{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.95;transform:scale(1.1)}}@keyframes godRayPulse{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes goldPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes emberFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.9}85%{opacity:.6}to{transform:translateY(-110vh) translateX(var(--drift,18px)) scale(.3);opacity:0}}@keyframes revealUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes sigilSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bloodDrip{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0 0 0%)}}@keyframes bloodBlob{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}@keyframes cardShake{0%{transform:translate(0)rotate(0)}15%{transform:translate(-4px)rotate(-.8deg)}30%{transform:translate(4px)rotate(.8deg)}45%{transform:translate(-3px)rotate(-.5deg)}60%{transform:translate(2px)rotate(.3deg)}80%{transform:translate(-1px)}to{transform:translate(0)rotate(0)}}@keyframes scrollChevron{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:.88;transform:translateY(6px)}}@keyframes crimsonPulse{0%,to{box-shadow:0 0 0 1px #b520202e,0 4px 18px #0000009e,0 0 35px #b5202038}50%{box-shadow:0 0 0 1px #b5202047,0 4px 24px #000000b8,0 0 55px #b520206b}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bloodPulse{0%,to{box-shadow:0 0 0 1px #b5202026,0 4px 18px #000000a6,0 0 30px #b5202038}50%{box-shadow:0 0 0 1px #b5202047,0 4px 24px #000000bf,0 0 55px #b5202073,0 0 90px #8c0a0a38}}@keyframes twinkle{0%,to{opacity:var(--base-op,.35);transform:scale(1)}50%{opacity:calc(var(--base-op,.35) * 2.2);transform:scale(1.4)}}.btn-blood,.btn-gold,.btn-ghost-3d{cursor:pointer;background:0 0;border:0;border-radius:4px;outline:none;min-width:220px;height:56px;padding:0;display:inline-block;position:relative}.btn-blood .gbg,.btn-gold .gbg,.btn-ghost-3d .gbg{border-radius:inherit;filter:blur(1px);pointer-events:none;position:absolute;inset:0}.btn-blood .gw,.btn-gold .gw,.btn-ghost-3d .gw{border-radius:inherit;height:100%;padding:1.5px;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s;position:relative;overflow:hidden}.btn-blood .gc,.btn-gold .gc,.btn-ghost-3d .gc{pointer-events:none;letter-spacing:.15em;text-transform:uppercase;border-radius:3px;justify-content:center;align-items:center;gap:10px;height:100%;font-family:Cormorant Upright,serif;font-size:17px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden}.btn-blood .gbg:before{content:"";filter:blur(4px);background:#2a0606;border-radius:6px;transition:all .3s;position:absolute;inset:0;box-shadow:-5px 5px #3208088c,-10px 10px #32080861,-15px 15px 4px #32080840,-20px 20px 8px #32080826,-25px 25px 12px #32080814}.btn-blood .gw{background:linear-gradient(#e03535 0%,#7a1212 100%);transform:translate(5px,-5px)}.btn-blood .gc{color:#f8ead8;background:linear-gradient(#c02828 0%,#881818 50%,#6e1010 100%);animation:2.8s ease-in-out infinite bloodPulse3d;box-shadow:inset -2px 12px 12px -6px #e6646438,inset 1px -4px 10px #00000073,inset 0 1px #ffb4b41f}.btn-blood .gc:after{content:"";background:linear-gradient(90deg,#0000,#ffffff17,#0000);width:55%;height:100%;transition:left .5s;position:absolute;top:0;left:-80%;transform:skew(-15deg)}.btn-blood:hover .gc:after{left:130%}@keyframes bloodPulse3d{0%,to{box-shadow:inset -2px 12px 12px -6px #e6646438,inset 1px -4px 10px #00000073,0 0 #b5202000}50%{box-shadow:inset -2px 12px 12px -6px #e6646447,inset 1px -4px 10px #00000073,0 0 22px #b5202052,0 0 40px #8c141426}}.btn-blood:hover .gw{transform:translate(7px,-7px)}.btn-blood:hover .gbg:before{box-shadow:-7px 7px #3208088c,-14px 14px #32080859,-20px 20px 4px #32080838,-26px 26px 8px #3208081f,-32px 32px 12px #3208080f}.btn-blood:active .gw{transform:translate(2px,-2px)}.btn-blood:active .gbg:before{box-shadow:-2px 2px #32080866,-4px 4px #32080833}.btn-blood:active .gc{box-shadow:inset -1px 8px 8px -4px #0006,inset 0 -2px 8px #e6505026}.btn-gold .gbg:before{content:"";filter:blur(4px);background:#2a1e00;border-radius:6px;transition:all .3s;position:absolute;inset:0;box-shadow:-5px 5px #5a3c0080,-10px 10px #5a3c0052,-15px 15px 4px #5a3c0033,-20px 20px 8px #5a3c001a,-25px 25px 12px #5a3c000f}.btn-gold .gw{background:linear-gradient(#f0c050 0%,#8a5808 100%);transform:translate(5px,-5px)}.btn-gold .gc{color:#120c00;background:linear-gradient(#c89020 0%,#9a6c10 50%,#7a5008 100%);box-shadow:inset -2px 12px 12px -6px #ffe67859,inset 1px -4px 10px #0006,inset 0 1px #fff5b433}.btn-gold .gc:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:55%;height:100%;animation:3.5s ease-in-out infinite goldShine3d;position:absolute;top:0;left:-80%;transform:skew(-15deg)}@keyframes goldShine3d{0%{left:-80%}45%,to{left:130%}}.btn-gold:hover .gw{transform:translate(7px,-7px)}.btn-gold:hover .gbg:before{box-shadow:-7px 7px #5a3c0080,-14px 14px #5a3c004d,-20px 20px 6px #5a3c002e,-26px 26px 10px #5a3c001a}.btn-gold:active .gw{transform:translate(2px,-2px)}.btn-gold:active .gbg:before{box-shadow:-2px 2px #5a3c0066,-4px 4px #5a3c0033}.btn-ghost-3d .gbg:before{content:"";filter:blur(3px);background:#080610;border-radius:6px;transition:all .3s;position:absolute;inset:0;box-shadow:-4px 4px #c0802038,-8px 8px #c0802024,-12px 12px 4px #c0802014}.btn-ghost-3d .gw{background:linear-gradient(#c08020a6 0%,#78460859 100%);transform:translate(3px,-3px)}.btn-ghost-3d .gc{color:#c08020;background:linear-gradient(#0f0c1a 0%,#06040e 100%);box-shadow:inset 0 1px #c080201f,inset 0 -1px #0000004d}.btn-ghost-3d:hover .gw{transform:translate(5px,-5px)}.btn-ghost-3d:hover .gc{color:#d9a838;background:linear-gradient(#120e20 0%,#08061a 100%)}.btn-ghost-3d:hover .gbg:before{box-shadow:-5px 5px #c080204d,-10px 10px #c080202e,-15px 15px 4px #c080201a}.btn-ghost-3d:active .gw{transform:translate(1px,-1px)}.btn-nav-circle{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.1rem;display:flex;position:relative}.btn-nav-circle .gbg:before{content:"";filter:blur(2px);background:#08060e;border-radius:50%;transition:all .25s;position:absolute;inset:0;box-shadow:-3px 3px #c080202e,-5px 5px #c080201a}.btn-nav-circle .gw{background:linear-gradient(#c0802080,#643c084d);border-radius:50%;transition:transform .25s cubic-bezier(.23,1,.32,1);transform:translate(3px,-3px)}.btn-nav-circle .gc{color:#c08020;background:linear-gradient(#0f0c1a,#06040e);border-radius:50%;font-family:inherit;font-size:1.1rem;transition:all .25s;box-shadow:inset 0 1px #c080201a}.btn-nav-circle:hover .gw{transform:translate(4px,-4px)}.btn-nav-circle:hover .gc{color:#d9a838}.btn-nav-circle:active .gw{transform:translate(1px,-1px)}.btn-nav-circle:disabled{opacity:.25;pointer-events:none}.flip-card{perspective:1000px;background:0 0;width:100%;height:100%}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:6px;width:100%;height:100%;position:absolute}.flip-card-front{background-image:url(/assets/faction-bg.png);background-position:50%;background-size:cover}.flip-card-back{transform:rotateY(180deg)}.card-glow{z-index:1;border-radius:8px;width:100%;height:100%;padding:4px;position:relative;overflow:visible}.card-glow:after{content:"";z-index:-1;filter:blur(25px);width:100%;height:100%;transition:opacity .5s;position:absolute;top:30px;left:0;right:0;transform:scale(.8)}.card-glow.dorf,.card-glow.dorf:after{background:linear-gradient(270deg,#c08020 0%,#d9a838 100%)}.card-glow.wolf,.card-glow.wolf:after{background:linear-gradient(270deg,#6e1010 0%,#b52020 100%)}.card-glow.solo,.card-glow.solo:after{background:linear-gradient(270deg,#3a1870 0%,#6040a0 100%)}.card-glow:hover:after{opacity:0}.card-glow-inner{background:#0a0812;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.grm-btn-full{--c-light:#fff8e7;--c-100:#f5e4a0;--c-200:#d9a838;--c-300:#c08020;--c-400:#8a5010;--c-500:#3a1a00;--c-blood:#b52020;--c-blood2:#6e1010;--radius:6px;border-radius:var(--radius);cursor:pointer;letter-spacing:.12em;background:0 0;border:0;outline:none;width:260px;height:64px;font-family:Cormorant Upright,serif;font-size:16px;font-weight:700;position:relative;transform:rotate(357deg)skew(2deg)}.grm-btn-full .bg{border-radius:inherit;filter:blur(1px);position:absolute;inset:0}.grm-btn-full .bg:before,.grm-btn-full .bg:after{content:"";border-radius:calc(var(--radius) * 1.1);background:var(--c-blood2);position:absolute;inset:0}.grm-btn-full .bg:before{filter:blur(5px);transition:all .3s;box-shadow:-7px 6px #500a0a73,-14px 12px #500a0a52,-21px 18px 4px #500a0a38,-28px 24px 8px #500a0a24,-35px 30px 12px #500a0a1a,-42px 36px 16px #500a0a12,-56px 42px 20px #500a0a0a}.grm-btn-full .wrap{border-radius:inherit;background:linear-gradient(to bottom, var(--c-100) 0%, var(--c-blood) 100%);height:100%;padding:2px;transition:all .3s;position:relative;overflow:hidden;transform:translate(6px,-6px)}.grm-btn-full .outline{opacity:0;border-radius:inherit;outline:none;transition:all .4s;position:absolute;inset:0;overflow:hidden}.grm-btn-full .outline:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff0c899 50%,#0000 100%);width:120px;height:300px;margin:auto;animation:3s linear infinite paused grm-spin;position:absolute;inset:2px}.grm-btn-full .content{pointer-events:none;z-index:1;border-radius:calc(var(--radius) * .85);background:linear-gradient(to bottom, var(--c-300) 0%, var(--c-blood) 100%);height:100%;box-shadow:inset -2px 12px 11px -5px var(--c-200), inset 1px -3px 11px 0px #0006;justify-content:center;align-items:center;gap:14px;font-weight:700;transition:all .3s;display:flex;position:relative}.grm-btn-full .content:before{content:"";z-index:10;opacity:.6;background:linear-gradient(to bottom, transparent, var(--c-blood));filter:brightness(1.3)blur(5px);width:80%;margin:auto;position:absolute;inset:45% 0 35%}.grm-btn-full .char{color:var(--c-light);text-shadow:-1px 1px 2px var(--c-500);justify-content:center;align-items:center;transition:all .3s;display:flex}.grm-btn-full .char span{color:#0000;display:block;position:relative}.grm-btn-full .char.state-1 span{animation:grm-charAppear 1.2s ease backwards calc(var(--i) * 30ms)}.grm-btn-full .char.state-1 span:before,.grm-btn-full .char span:after{content:attr(data-label);color:var(--c-light);text-shadow:-1px 1px 2px var(--c-500);position:absolute;left:0}.grm-btn-full .char span:before{opacity:0;transform:translateY(-100%)}.grm-btn-full .char.state-2{opacity:0;position:absolute;left:50%;transform:translate(-50%)}.grm-btn-full .char.state-2 span:after{opacity:1}.grm-btn-full .icon{z-index:10;animation:.8s cubic-bezier(.7,-.5,.3,1.2) forwards grm-resetArrow}.grm-btn-full .icon div,.grm-btn-full .icon div:before,.grm-btn-full .icon div:after{background-color:var(--c-light);border-radius:1px;height:3px}.grm-btn-full .icon div:before,.grm-btn-full .icon div:after{content:"";transform-origin:100%;border-radius:15px;width:14px;transition:all .3s;position:absolute;right:0}.grm-btn-full .icon div{width:24px;box-shadow:-2px 2px 5px var(--c-blood);background:linear-gradient(to bottom, var(--c-light), var(--c-100));animation:1s ease-in-out infinite paused grm-swingArrow;position:relative;transform:scale(.9)}.grm-btn-full .icon div:before{box-shadow:1px -2px 3px -1px var(--c-blood);animation:1s linear infinite paused grm-rotateArrowLine;top:1px;transform:rotate(44deg)}.grm-btn-full .icon div:after{box-shadow:-2px 2px 3px 0 var(--c-blood);background:linear-gradient(200deg, var(--c-light), var(--c-100));animation:1s linear infinite paused grm-rotateArrowLine2;bottom:1px;transform:rotate(316deg)}.grm-btn-full .path{z-index:12;stroke-dasharray:150 480;stroke-dashoffset:150px;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.grm-btn-full .splash{pointer-events:none;stroke-dasharray:60 60;stroke-dashoffset:60px;stroke:var(--c-200);position:absolute;top:0;left:0;transform:translate(-17%,-31%)}.grm-btn-full:hover .wrap{transform:translate(8px,-8px)}.grm-btn-full:hover .outline{opacity:1}.grm-btn-full:hover .outline:before,.grm-btn-full:hover .icon div:before,.grm-btn-full:hover .icon div:after,.grm-btn-full:hover .icon div{animation-play-state:running}.grm-btn-full:hover .char.state-1 span:before{animation:grm-charAppear .7s ease calc(var(--i) * 30ms)}.grm-btn-full:hover .char.state-1 span:after{opacity:1;animation:grm-charDisappear .7s ease calc(var(--i) * 30ms)}.grm-btn-full:active .bg:before{filter:blur(5px);opacity:.7;box-shadow:-7px 6px #500a0a66,-14px 12px #500a0a40,-21px 18px 4px #500a0a26}.grm-btn-full:active .content{box-shadow:inset -1px 12px 8px -5px #64000066, inset 0px -3px 8px 0px var(--c-200)}.grm-btn-full:active .outline{opacity:0}.grm-btn-full:active .wrap{transform:translate(3px,-3px)}.grm-btn-full:active .splash{animation:.8s cubic-bezier(.3,0,0,1) 50ms forwards grm-splash}.grm-btn-full:focus .path{animation:1.6s .2s forwards grm-path}.grm-btn-full:focus .icon{animation:1s cubic-bezier(.7,-.5,.3,1.5) forwards grm-arrow}.grm-btn-full .char.state-2 span:after,.grm-btn-full:focus .char.state-1 span{animation:grm-charDisappear .5s ease forwards calc(var(--i) * 30ms)}.grm-btn-full:focus .char.state-2 span:after{animation:grm-charAppear 1s ease backwards calc(var(--i) * 30ms)}@keyframes grm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grm-charAppear{0%{opacity:0;filter:blur(20px);transform:translateY(50%)}20%{opacity:1;transform:translateY(70%)}50%{opacity:1;filter:blur();transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}@keyframes grm-charDisappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;filter:blur(3px);transform:translateY(-70%)}}@keyframes grm-arrow{0%{opacity:1}50%{opacity:0;transform:translate(60px)}51%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(-128px)}}@keyframes grm-swingArrow{50%{transform:translate(5px)scale(.9)}}@keyframes grm-rotateArrowLine{50%{transform:rotate(30deg)}80%{transform:rotate(55deg)}}@keyframes grm-rotateArrowLine2{50%{transform:rotate(330deg)}80%{transform:rotate(300deg)}}@keyframes grm-resetArrow{0%{transform:translate(-128px)}to{transform:translate(0)}}@keyframes grm-path{0%{stroke:var(--c-200)}to{stroke-dashoffset:-480px;stroke:var(--c-100)}}@keyframes grm-splash{to{stroke-dasharray:2 60;stroke-dashoffset:-60px}}.ch4-inner{--w:271px;--h:452px;--translateZ:calc(var(--w) + var(--h));--rotateX:-8deg;--perspective:2000px;width:var(--w);height:var(--h);margin-top:calc(var(--h) / -2);margin-left:calc(var(--w) / -2);transform-style:preserve-3d;transform:perspective(var(--perspective));animation:20s linear infinite ch4-rotating;animation-play-state:var(--play-state,running);position:absolute;top:34%;left:50%}@keyframes ch4-rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(1turn)}}.ch4-card{border:2px solid rgba(var(--color-card), .5);transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(var(--translateZ));cursor:pointer;border-radius:12px;position:absolute;inset:0;overflow:hidden}.ch4-img{object-fit:cover;width:100%;height:100%;position:relative}.uv-nav-btn{cursor:pointer;background:radial-gradient(80px at 80% -10%,#fff,#181b1b);border:none;border-radius:16px;flex-shrink:0;padding:2px;font-size:1rem;transition:transform .2s;position:relative}.uv-nav-btn:after{content:"";z-index:-1;border-radius:120px;width:65%;height:60%;position:absolute;top:0;right:0;box-shadow:0 0 20px #ffffff38}.uv-nav-btn:hover{transform:scale(1.05)}.uv-nav-btn:active{transform:scale(.95)}.uv-nav-btn:disabled{opacity:.28;cursor:default;pointer-events:none}.uv-nav-blob{background:radial-gradient(60px at 0 100%,#3fe9ff,#0000ff80,#0000);border-radius:16px;width:70px;height:100%;position:absolute;bottom:0;left:0;box-shadow:-10px 10px 30px #0051ff2d}.uv-nav-btn-inner{color:#fff;z-index:3;font-family:var(--f-ui);letter-spacing:.08em;white-space:nowrap;background:radial-gradient(80px at 80% -50%,#777,#0f1111);border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:14px 25px;font-weight:600;display:flex;position:relative}.uv-nav-btn-inner:before{content:"";background:radial-gradient(60px at 0 100%,#00e1ff1a,#00f1,#0000);border-radius:14px;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:600px){.cookie-banner{padding:.65rem .85rem!important;bottom:.5rem!important}.cookie-banner p{font-size:.78rem!important;line-height:1.5!important}.cookie-banner .cookie-desc{display:none!important}}