:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#15173a;--night-2:#1d2050;--ink:#fff;--ink-2:#ddd7f3;--ink-3:#a79fcb;--stone-1:#423b62;--stone-2:#2c2747;--stone-edge:#120f24;--stone-line:#0c0a1a;--amber-1:#ffd84a;--amber-2:#ffa21a;--amber-edge:#8b4a00;--amber-line:#5b2f00;--amber-ink:#3b1d00;--leaf-1:#8ef05a;--leaf-2:#2fae45;--leaf-edge:#17641f;--leaf-line:#0d3d13;--gold:#ffcf5a;--gem:#4be36f;--blurple-1:#7a85ff;--blurple-2:#5865f2;--blurple-edge:#2f37a3;--red-1:#ff7a7a;--red-2:#e54848;--red-edge:#8a1f1f;--green-ok:#5ee07a;--common:#c9c3e6;--rare:#4fb4ff;--epic:#c86bff;--legendary:#ffb300;--font-display:"Paytone One", "Mitr", system-ui, sans-serif;--font-body:"Mitr", system-ui, sans-serif;--radius:18px;--maxw:1200px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-soft:cubic-bezier(.16, 1, .3, 1);--card-shadow:inset 0 2px 0 #ffffff1f, inset 0 -3px 0 #0000004d, 0 6px 0 var(--stone-edge), 0 12px 26px #00000073}*{box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}body{background:var(--night);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.65}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:var(--ink);border:3px solid var(--stone-line);background:#0f0d22;border-radius:12px;outline:none;width:100%;padding:10px 12px;box-shadow:inset 0 3px #00000059}input:focus,select:focus,textarea:focus{border-color:var(--amber-2);box-shadow:inset 0 3px #00000059,0 0 0 3px #ffa21a4d}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.ic{flex:none}.deco{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.title,.btn,.main-nav a,.mobile-nav a,.eyebrow,.chip,.tab,h1,h2,h3,h4{font-family:var(--font-display);font-synthesis:none;font-weight:600}.title{text-transform:uppercase;letter-spacing:.3px;text-wrap:balance;text-shadow:0 3px #0006;margin:0;line-height:1.15}h1.title{font-size:clamp(2rem,4.4vw,3rem)}h2.title{font-size:clamp(1.7rem,3.4vw,2.4rem)}h3.title{font-size:clamp(1.4rem,2.6vw,1.9rem)}.site{isolation:isolate;position:relative;overflow-x:clip}.site-bg{z-index:-1;height:1200px;position:absolute;top:0;left:0;right:0;overflow:hidden}.site-bg-img{background:url(/media/backdrop-soft.webp) 50% 30%/cover no-repeat;position:absolute;inset:-60px;-webkit-mask-image:linear-gradient(#000 25%,#0000 100%);mask-image:linear-gradient(#000 25%,#0000 100%)}.site-bg:after{content:"";background:radial-gradient(900px 500px at 15% 10%,#ffa21a29,#0000 60%),radial-gradient(800px 500px at 90% 30%,#7a85ff2e,#0000 60%);position:absolute;inset:0}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:16px}.stack{gap:24px;padding-block:28px 56px;display:grid}.stack-sm{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-main{min-height:calc(100vh - 320px)}.dim{color:var(--ink-3)}.small{font-size:.88rem}.center{text-align:center}.r{text-align:right}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,Consolas,monospace}.panel{background:linear-gradient(180deg, var(--stone-1), var(--stone-2));border:4px solid var(--stone-line);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:22px;position:relative}a.panel,button.panel{color:inherit;cursor:pointer;text-align:left;transition:transform .2s var(--ease), box-shadow .2s var(--ease);text-decoration:none;display:block}a.panel:hover,button.panel:hover{box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -3px 0 #0000004d, 0 10px 0 var(--stone-edge), 0 18px 30px #00000080;transform:translateY(-4px)}.chip{text-transform:uppercase;letter-spacing:.5px;border:3px solid var(--amber-line);background:linear-gradient(180deg, var(--amber-1), var(--amber-2));color:var(--amber-ink);box-shadow:inset 0 2px 0 #ffffff73, 0 3px 0 var(--amber-edge);border-radius:8px;align-items:center;gap:6px;padding:3px 12px;font-size:.78rem;display:inline-flex}.chip-dark{color:#fff;box-shadow:none;background:#0a081ab8;border-color:#ffffff40}.chip-green{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2));border-color:var(--leaf-line);color:#fff;text-shadow:0 2px #0000004d;box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--leaf-edge)}.btn{--b1:var(--stone-1);--b2:var(--stone-2);--edge:var(--stone-edge);--line:var(--stone-line);--fg:#fff;isolation:isolate;text-transform:uppercase;letter-spacing:.3px;border:3px solid var(--line);cursor:pointer;color:var(--fg);white-space:nowrap;background:linear-gradient(180deg, var(--b1), var(--b2));box-shadow:inset 0 2px 0 #fff6, inset 0 -3px 0 #0003, 0 4px 0 var(--edge), 0 8px 16px #00000059;transition:transform .12s var(--ease), box-shadow .12s var(--ease), filter .15s;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;line-height:1.1;display:inline-flex;position:relative;overflow:hidden;text-decoration:none!important}.btn:hover{filter:brightness(1.07);box-shadow:inset 0 2px 0 #fff6, inset 0 -3px 0 #0003, 0 6px 0 var(--edge), 0 12px 20px #0006;transform:translateY(-2px)}.btn:active{box-shadow:inset 0 2px 0 #ffffff4d, inset 0 -2px 0 #0003, 0 1px 0 var(--edge), 0 3px 6px #0000004d;transform:translateY(3px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-yellow{--b1:var(--amber-1);--b2:var(--amber-2);--edge:var(--amber-edge);--line:var(--amber-line);--fg:var(--amber-ink)}.btn-green{--b1:var(--leaf-1);--b2:var(--leaf-2);--edge:var(--leaf-edge);--line:var(--leaf-line);text-shadow:0 2px #0000004d}.btn-dark{--b1:#4d4670;--b2:#312b50}.btn-discord{--b1:var(--blurple-1);--b2:var(--blurple-2);--edge:var(--blurple-edge);--line:#1f2575}.btn-facebook{--b1:#4d94ff;--b2:#1877f2;--edge:#0d4fb0;--line:#0a3a85}.btn-tiktok{--b1:#33333f;--b2:#121218;--edge:#000;--line:#000}.btn-tiktok .ic{filter:drop-shadow(-1.5px -1px #25f4ee)drop-shadow(1.5px 1px #fe2c55)}.btn-red{--b1:var(--red-1);--b2:var(--red-2);--edge:var(--red-edge);--line:#5e1212}.btn-ghost{box-shadow:none;background:#0a081a99;border-color:#ffffff73}.btn-ghost:hover{box-shadow:none;background:#0a081aa6}.btn-lg{border-radius:14px;padding:15px 26px;font-size:1.2rem}.btn-sm{padding:9px 14px;font-size:.88rem}.btn-xs{box-shadow:0 2px 0 var(--edge);border-width:2px;border-radius:8px;margin-left:6px;padding:5px 10px;font-size:.75rem}.btn-icon{padding:9px}.btn-block{width:100%}.btn-split{background:#0003;align-self:stretch;width:2px;margin:-4px 4px;box-shadow:1px 0 #ffffff59}.btn-online{opacity:.85;align-items:center;gap:6px;font-size:.78em;display:inline-flex}.btn-shine:after{content:"";z-index:-1;will-change:transform;width:40%;animation:shine 4.5s var(--ease) infinite;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-150%)skew(-20deg)}@keyframes shine{0%,60%{transform:translate(-150%)skew(-20deg)}to{transform:translate(325%)skew(-20deg)}}.site-header{top:env(safe-area-inset-top,0px);z-index:50;padding-block:10px;transition:background .25s,box-shadow .25s;position:sticky}.site-header.scrolled{background:#15173af5;box-shadow:0 4px #00000040,0 10px 26px #00000059}.header-row{align-items:center;gap:10px;display:flex}.brand{transition:transform .5s var(--ease-soft);flex:none}.brand:hover{transform:scale(1.05)rotate(-2deg)}.brand img{filter:drop-shadow(0 4px 6px #0000008c);width:auto;height:64px;display:block}.main-nav{align-items:center;gap:2px;margin-left:2px;display:flex}.main-nav a{color:#fff;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px #00000059;transition:background .15s, transform .15s var(--ease);border:3px solid #0000;border-radius:12px;align-items:center;gap:7px;padding:8px 11px;font-size:1rem;text-decoration:none;display:flex}.main-nav a .ic{color:var(--gold);transition:transform .2s var(--ease)}.main-nav a:hover{background:#ffffff1a}.main-nav a:hover .ic{transform:scale(1.2)rotate(-8deg)}.main-nav a.active{box-shadow:inset 0 -3px 0 var(--gold);background:#0a081a73}.main-nav a.accent{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2));border-color:var(--leaf-line);box-shadow:inset 0 2px 0 #fff6, 0 4px 0 var(--leaf-edge)}.main-nav a.accent .ic{color:#fff}.main-nav a.accent:hover{filter:brightness(1.07);transform:translateY(-2px)}.main-nav a.accent.active{box-shadow:inset 0 2px 0 #fff6, 0 4px 0 var(--leaf-edge), 0 0 0 3px var(--gold)}.header-right{align-items:center;gap:7px;margin-left:auto;display:flex}.burger{display:none}.ip-pill{cursor:pointer;font-family:var(--font-display);border:3px solid var(--stone-line);box-shadow:inset 0 2px 0 #ffffff14, 0 4px 0 var(--stone-edge);transition:transform .15s var(--ease);background:#0a081ac7;border-radius:12px;align-items:center;gap:8px;padding:7px 10px;font-size:.88rem;display:inline-flex}.ip-pill:hover{border-color:var(--amber-2);transform:translateY(-2px)}.ip-count{color:var(--ink-2);border-left:2px solid #ffffff26;align-items:center;gap:4px;padding-left:8px;display:inline-flex}.dot{background:var(--ink-3);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.on{background:var(--green-ok);animation:2s infinite pulse;box-shadow:0 0 0 4px #5ee07a40}.dot.off{background:var(--red-2)}.dot.big{width:16px;height:16px}@keyframes pulse{50%{box-shadow:0 0 0 8px #5ee07a00}}.user-menu{position:relative}.head{image-rendering:pixelated;border-radius:4px}.dropdown{background:linear-gradient(180deg, var(--stone-1), var(--stone-2));border:4px solid var(--stone-line);min-width:200px;box-shadow:var(--card-shadow);animation:pop .18s var(--ease);border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.dropdown:before{content:"";height:12px;position:absolute;inset:-12px 0 auto}.dropdown a,.dropdown button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;text-decoration:none;display:flex}.dropdown a:hover,.dropdown button:hover{background:#ffffff14}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.mobile-nav{border-bottom:4px solid var(--stone-line);animation:pop .2s var(--ease);background:#15173af7;gap:8px;padding:10px 16px 16px;display:grid}.mobile-nav a{color:#fff;text-transform:uppercase;background:linear-gradient(180deg, var(--stone-1), var(--stone-2));border:3px solid var(--stone-line);box-shadow:0 3px 0 var(--stone-edge);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.mobile-nav a small{font-family:var(--font-body);color:var(--ink-3);text-transform:none;margin-left:auto;font-weight:400}.mobile-nav a .ic{color:var(--gold)}.mobile-nav a.accent{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2));border-color:var(--leaf-line);box-shadow:0 3px 0 var(--leaf-edge)}.mobile-nav a.accent .ic,.mobile-nav a.accent small{color:#fff}.section-title{text-align:center;justify-items:center;gap:6px;margin-bottom:8px;display:grid}.section-title.align-left{text-align:left;justify-items:start}.eyebrow{color:var(--gold);letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px #0006;font-size:.85rem}.section-title .sub{color:var(--ink-2);max-width:640px;margin:4px 0 0}.home-top{gap:22px;padding-block:18px 40px;display:grid}.hero{border:4px solid var(--stone-line);min-height:560px;box-shadow:0 8px 0 var(--stone-edge), 0 20px 40px #0000008c;border-radius:22px;align-items:center;display:flex;position:relative}.hero-video,.hero-tint,.leaves{border-radius:18px;position:absolute;inset:0}.hero-video{object-fit:cover;background:#1c1f4a url(/media/hero-poster.webp) 50%/cover;width:100%;height:100%}.hero-tint{background:linear-gradient(90deg,#0e0c28db 0%,#0e0c288c 42%,#0e0c2800 75%),linear-gradient(#0000 55%,#0e0c28bf)}.leaves{overflow:hidden}.leaves img{opacity:0;filter:drop-shadow(0 4px 4px #00000059);height:auto;animation:11s linear infinite leaf-fall;position:absolute;top:-60px}@keyframes leaf-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.95}50%{transform:translate(60px,330px)rotate(200deg)}90%{opacity:.9}to{opacity:0;transform:translate(-30px,680px)rotate(420deg)}}.hero-inner{z-index:2;justify-items:start;gap:12px;max-width:640px;padding:44px 48px;display:grid;position:relative}.hero-logo{filter:drop-shadow(0 8px 12px #0009);transform-origin:50% 70%;width:min(460px,100%);height:auto;animation:6s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-10px)rotate(-1deg)}}.hero-title{text-shadow:0 3px #00000073;margin:0;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.3}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.hero-corner{z-index:3;filter:drop-shadow(0 8px 10px #00000080);width:190px;top:-22px;left:-20px}.hero-corner-r{z-index:3;filter:drop-shadow(0 8px 10px #00000080);width:150px;top:-22px;right:-18px}.hero-flowers{z-index:3;filter:drop-shadow(0 6px 8px #00000080);transform-origin:50% 100%;width:110px;animation:5s ease-in-out infinite sway;bottom:-26px;right:24px}@keyframes sway{50%{transform:rotate(4deg)}}.shop-card{color:#fff;min-height:220px;transition:transform .2s var(--ease);background:radial-gradient(500px 260px at 85%,#8ef05a47,#0000 70%),linear-gradient(#226b4b,#11402d);border:4px solid #07261a;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:30px 36px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff26,inset 0 -3px #0000004d,0 6px #062017,0 14px 28px #00000073;text-decoration:none!important}.shop-card:hover{transform:translateY(-4px)}.shop-text{z-index:2;justify-items:start;gap:10px;max-width:520px;display:grid;position:relative}.shop-text p{color:#d6f5dd;margin:0}.shop-art{flex:none;place-items:center;width:360px;height:210px;display:grid;position:relative}.shop-chestgems{z-index:1;filter:drop-shadow(0 12px 14px #00000080);width:340px;max-width:100%;animation:4.5s ease-in-out infinite bob;position:relative}.shop-card:hover .shop-chestgems{animation-duration:2s}.shop-art .spark{z-index:2;position:absolute}@keyframes bob{50%{transform:translateY(-10px)rotate(2deg)}}.spark{width:34px;animation:2.6s ease-in-out infinite twinkle;filter:drop-shadow(0 0 8px #beff78cc)!important}.s1{top:0;left:150px}.s2{width:26px;animation-delay:.9s;top:10px;right:20px}.s3{width:24px;animation-delay:1.7s;top:30px;left:30px}@keyframes twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick{color:#fff;background:linear-gradient(180deg, var(--stone-1), var(--stone-2));border:4px solid var(--stone-line);box-shadow:var(--card-shadow);transition:transform .2s var(--ease);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex;text-decoration:none!important}.quick:hover{transform:translateY(-4px)}.quick b{font-family:var(--font-display);letter-spacing:.3px;font-size:1.15rem;font-weight:600;display:block}.quick small{color:var(--ink-3)}.quick-ic{width:48px;height:48px;transition:transform .7s var(--ease-soft);border:3px solid #00000059;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 2px #ffffff59,0 3px #00000059}:is(.quick,.codex-tab):hover .quick-ic{transform:rotate(-8deg)scale(1.08)}.q0 .quick-ic,.quick-ic.q0{background:linear-gradient(#7cf08e,#23a04a)}.q1 .quick-ic,.quick-ic.q1{background:linear-gradient(#ff9b6a,#d8472a)}.q2 .quick-ic,.quick-ic.q2{background:linear-gradient(#b58cff,#6b3fd0)}.band{padding-block:76px;position:relative;overflow:hidden;box-shadow:inset 0 6px #00000038,inset 0 8px #ffffff0d}.band:before{content:"";opacity:.035;pointer-events:none;background-image:repeating-linear-gradient(135deg,#fff 0 2px,#0000 2px 22px);position:absolute;inset:0}.fx-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.band-grid{z-index:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.band-grid.rev .art-frame{order:2}.band-text{justify-items:start;gap:14px;display:grid}.band-text p{color:#ffffffe0;max-width:56ch;margin:0;font-size:1.06rem}.band-welcome{background:linear-gradient(#74391a,#4b230c 55%,#2e1405)}.band-c0{background:linear-gradient(#1f7042,#134d2c)}.band-c1{background:linear-gradient(#52278c,#36195e)}.band-c2{background:linear-gradient(#11636a,#0b4449)}.band-c3{background:linear-gradient(#27459a,#1a2e6b)}.band-c4{background:linear-gradient(#8a2a2a,#5c1818)}.band-more{background:linear-gradient(#141633,#261d57)}.band-news{background:linear-gradient(#1b1e48,#15173a)}.band-join{background:linear-gradient(#11664a,#0a4130)}.band-swirl-l{opacity:.55;width:150px;top:18px;left:-20px;transform:scaleX(-1)}.band-swirl-r{opacity:.55;width:150px;bottom:18px;right:-20px}.art-frame{aspect-ratio:16/10;background:#0c0a1a;border:4px solid #0000008c;border-radius:20px;position:relative;box-shadow:inset 0 2px #ffffff26,0 8px #00000059,0 18px 30px #0006}.art-frame>img:first-child,.sample-art{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);background-size:180%;border-radius:16px;position:absolute;inset:0}.art-frame{overflow:visible}.art-frame:hover>img:first-child,.art-frame:hover .sample-art{transform:scale(1.02)}.sample-tag{color:var(--ink-2);background:#0000008c;border-radius:8px;padding:2px 10px;font-size:.75rem;position:absolute;bottom:12px;left:12px}.fc-tl,.fc-br{z-index:2;filter:drop-shadow(0 6px 8px #00000080);width:26%;max-width:132px;transition:transform .6s var(--ease-soft)}.fc-tl{top:-14px;left:-14px}.fc-br{bottom:-14px;right:-14px}.art-frame:hover .fc-tl{transform:translate(-4px,-4px)}.art-frame:hover .fc-br{transform:translate(4px,4px)}.band-more .wrap{z-index:1;gap:28px;display:grid;position:relative}.crest{filter:drop-shadow(0 6px 8px #00000080);width:240px;margin:0 auto -18px;animation:7s ease-in-out infinite float;display:block}.system-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.system-card{border:4px solid var(--stone-line);box-shadow:var(--card-shadow);transition:transform .2s var(--ease);background:linear-gradient(#423b62e6,#2c2747e6);border-radius:18px;align-content:start;gap:8px;padding:22px;display:grid}.system-card:hover{transform:translateY(-5px)rotate(-.4deg)}.system-card h3{margin:4px 0 0;font-size:1.2rem;line-height:1.3}.system-card p{color:var(--ink-2);margin:0;font-size:.95rem}.system-ic{border:3px solid #00000059;border-radius:14px;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 2px #ffffff59,0 4px #00000059}.sc0 .system-ic{color:var(--amber-ink);background:linear-gradient(#ffd84a,#ff8f1a)}.sc1 .system-ic{background:linear-gradient(#7cf08e,#23a04a)}.sc2 .system-ic{background:linear-gradient(#6ec8ff,#2c7fe0)}.sc3 .system-ic{background:linear-gradient(#ff9b6a,#d8472a)}.sc4 .system-ic{background:linear-gradient(#d59cff,#8b46e0)}.sc5 .system-ic{background:linear-gradient(#ff7aa8,#d0306a)}.band-news .wrap{z-index:1;gap:24px;display:grid;position:relative}.news-grid{grid-template-columns:repeat(auto-fit,minmax(260px,360px));justify-content:center;gap:18px;display:grid}.news-card img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;margin-bottom:10px}.news-card h3{margin:4px 0 6px;font-size:1.15rem}.news-card p{margin:0}.join{z-index:1;text-align:center;justify-items:center;gap:16px;display:grid;position:relative}.join-ver{color:#d6f5dd;margin:0}.join-ver strong{background:linear-gradient(180deg, var(--amber-1), var(--amber-2));color:var(--amber-ink);border:2px solid var(--amber-line);font-family:var(--font-display);border-radius:8px;margin-right:4px;padding:1px 8px;font-weight:600}.steps{text-align:left;gap:10px;width:100%;max-width:620px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:#00000038;border:3px solid #00000040;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.steps li span{width:32px;height:32px;font-family:var(--font-display);background:linear-gradient(180deg, var(--amber-1), var(--amber-2));color:var(--amber-ink);border:2px solid var(--amber-line);border-radius:10px;flex:none;place-items:center;display:grid}.ip-box{cursor:pointer;border:4px dashed var(--gold);min-width:min(460px,100%);transition:transform .15s var(--ease), background .2s;background:#0b2a1f;border-radius:18px;justify-items:center;gap:4px;padding:18px 34px;display:grid;box-shadow:0 6px #0000004d}.ip-box:hover{background:#0e3526;transform:translateY(-3px)scale(1.01)}.ip-box.copied{border-style:solid;border-color:var(--green-ok)}.ip-label{letter-spacing:3px;color:#9fd8b2;font-size:.75rem}.ip-big{font-family:var(--font-display);color:var(--gold);word-break:break-all;text-shadow:0 3px #0006;font-size:clamp(1.15rem,3.6vw,1.9rem)}.ip-hint{color:#d6f5dd;align-items:center;gap:6px;font-size:.88rem;display:inline-flex}.join-rock-l{opacity:.9;width:300px;bottom:-20px;left:-40px}.join-rock-r{opacity:.9;width:230px;bottom:-14px;right:-30px}.join-card{text-align:left;gap:12px;width:min(660px,100%);padding:24px 26px;display:grid}.join-badges{flex-wrap:wrap;gap:8px;display:flex}.badge{font-family:var(--font-display);text-shadow:0 1px #0000004d;border:2px solid #00000059;border-radius:8px;padding:3px 10px;font-size:.82rem;font-weight:600;box-shadow:inset 0 2px #ffffff4d,0 2px #0000004d}.badge-blue{background:linear-gradient(#5aa2ff,#2f6fe0)}.badge-green{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2))}.join-steps{color:var(--ink-2);gap:6px;margin:0;padding-left:24px;display:grid}.join-steps li::marker{color:var(--gold);font-family:var(--font-display)}.join-steps em{color:var(--gold);font-style:normal}.join-label{letter-spacing:3px;color:var(--ink-3);margin-top:6px;font-size:.78rem}.type-ip{align-items:stretch;display:flex}.type-field{text-align:left;cursor:copy;white-space:nowrap;color:#fff;letter-spacing:.5px;border:3px solid var(--stone-line);text-shadow:0 0 8px #ffffff40;background:#07060f;border-right:0;border-radius:12px 0 0 12px;flex:1;min-width:0;padding:12px 14px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:clamp(1.1rem,3.2vw,1.45rem);font-weight:500;line-height:1.1;overflow:hidden;box-shadow:inset 0 3px #00000073}.type-field:hover{background:#0d0b1c}.caret{color:var(--gold);margin-left:1px;font-style:normal;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.type-copy{border-radius:0 12px 12px 0}.join-card p{margin:0}.faq-card{gap:6px;width:100%;max-width:860px;margin:0 auto;padding:24px 26px;display:grid}.faq-card .section-title{margin-bottom:0}.faq-item{border-bottom:2px solid #ffffff14}.faq-item:last-child{border-bottom:0}.faq-q{text-align:left;width:100%;font-family:var(--font-display);color:#fff;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 4px;font-size:1.02rem;font-weight:600;transition:color .4s;display:flex}.faq-q:hover{color:var(--gold)}.faq-q .ic{color:var(--gold);transition:transform .6s var(--ease-soft);flex:none;transform:rotate(90deg)}.faq-item.open .faq-q .ic{transform:rotate(-90deg)}.faq-a{transition:grid-template-rows .7s var(--ease-soft);grid-template-rows:0fr;display:grid}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{color:var(--ink-2);margin:0 4px 16px}.modal{z-index:100;background:#060512db;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal-video{aspect-ratio:16/9;width:min(960px,100%)}.modal-video iframe{border:0;border-radius:14px;width:100%;height:100%}.modal-box{width:min(460px,100%);max-height:90vh;animation:pop .22s var(--ease);gap:12px;display:grid;position:relative;overflow:auto}.modal-box.wide{width:min(640px,100%)}.modal-box p{margin:0}.modal-x{cursor:pointer;color:var(--ink-2);background:0 0;border:0;position:absolute;top:10px;right:10px}.stat-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat{align-items:center;gap:14px;display:flex}.stat .ic{color:var(--gold)}.stat b{font-family:var(--font-display);font-size:1.35rem;font-weight:600;display:block}.stat .small{display:block}.cta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cta-row p{margin:4px 0 0}.store{position:relative}.store-spark{filter:drop-shadow(0 0 8px #beff78cc);width:40px;animation:3s ease-in-out infinite twinkle}.store-spark.s-a{top:40px;left:18%}.store-spark.s-b{width:30px;animation-delay:1.2s;top:70px;right:20%}.confirm-bar{flex-wrap:wrap;align-items:center;gap:16px 22px;width:100%;max-width:820px;margin:0 auto;display:flex}.confirm-label{display:grid}.confirm-label b,.confirm-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.confirm-name{color:var(--gold);display:block}.confirm-input{flex:1;gap:10px;min-width:260px;display:flex}.confirm-input .input-icon{flex:1}.confirm-bar .alert{flex-basis:100%}.confirm-bar.done>div{flex:1}.confirm-bar.done .head{box-shadow:0 0 0 3px var(--stone-line), 0 0 0 5px var(--gold);border-radius:8px}.confirm-bar.shake{box-shadow:var(--card-shadow), 0 0 0 4px var(--amber-2);animation:.5s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pack-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:22px 20px;padding-top:16px;display:grid}@media (max-width:1100px) and (min-width:701px){.pack-grid{grid-template-columns:repeat(3,1fr)}}.td-dock{z-index:40;will-change:transform;animation:5.5s ease-in-out infinite td-float;position:fixed;top:50%;left:0}.td-dock:hover{animation-play-state:paused}@keyframes td-float{0%,to{transform:translateY(7px)}50%{transform:translateY(-7px)}}.td-dock:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffcf5a3d,#ffcf5a14 55%,#0000);width:420px;height:min(92vh,720px);animation:4.5s ease-in-out infinite td-aura;position:absolute;top:0;left:-70px;transform:translateY(-50%)}@keyframes td-aura{0%,to{opacity:.4;transform:translateY(-50%)scale(.94)}50%{opacity:1;transform:translateY(-50%)scale(1.04)}}.td-dock .top-donate{width:260px;max-height:min(80vh,640px);animation:td-in .7s var(--ease-soft) backwards;gap:10px;display:grid;position:absolute;top:0;left:14px;overflow:auto;transform:translateY(-50%)}@keyframes td-in{0%{opacity:0;transform:translate(-60px,-50%)scale(.96)}}.td-shine{z-index:1;pointer-events:none;border-radius:14px;position:absolute;inset:0;overflow:hidden}.td-shine:after{content:"";background:linear-gradient(100deg,#0000,#fff0c829,#0000);width:45%;animation:7s ease-in-out 1.5s infinite td-shine;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)skew(-18deg)}@keyframes td-shine{0%,70%{transform:translate(-120%)skew(-18deg)}to{transform:translate(340%)skew(-18deg)}}.td-crown{transform-origin:50% 90%;flex:none;animation:3.6s ease-in-out infinite td-crown;display:inline-flex}@keyframes td-crown{0%,to{transform:rotate(-8deg)}50%{transform:translateY(-2px)rotate(8deg)}}.td-tab,.td-close{display:none}@media (max-width:1779px){.td-tab{writing-mode:vertical-rl;border:3px solid var(--stone-line);cursor:pointer;line-height:1;font-family:var(--font-display);letter-spacing:1px;color:var(--amber-ink);background:linear-gradient(90deg, var(--amber-2), var(--amber-1));box-shadow:-3px 0 0 var(--amber-edge), 0 6px 16px #0006;isolation:isolate;border-right:0;border-radius:12px 0 0 12px;align-items:center;gap:6px;padding:12px 6px;font-size:.8rem;transition:opacity .2s,padding .2s;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)rotate(180deg)}.td-tab:hover{padding-left:9px}.td-tab .ic{animation:3.6s ease-in-out infinite td-pop;transform:rotate(90deg)}@keyframes td-pop{0%,to{scale:1}50%{scale:1.2}}.td-tab:after{content:"";z-index:-1;pointer-events:none;height:35%;animation:td-tab-shine 5s var(--ease) 1s infinite;background:linear-gradient(#0000,#ffffff8c,#0000);position:absolute;top:0;left:-30%;right:-30%;transform:translateY(-150%)skewY(-20deg)}@keyframes td-tab-shine{0%,60%{transform:translateY(-150%)skewY(-20deg)}to{transform:translateY(400%)skewY(-20deg)}}.td-dock:before{width:150px;height:240px;left:-50px}.td-dock.open:before{opacity:0;animation:none}.td-dock .top-donate{visibility:hidden;transition:transform .35s var(--ease-soft), visibility 0s .35s;border-left:0;border-radius:0 18px 18px 0;animation:none;left:0;transform:translate(-105%,-50%)}.td-dock.open .top-donate{visibility:visible;transition:transform .35s var(--ease-soft);box-shadow:var(--card-shadow), 12px 0 40px #00000080;transform:translateY(-50%)}.td-dock.open .td-tab{opacity:0;pointer-events:none}.td-close{cursor:pointer;color:#fff;background:#00000059;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px}}.td-head{align-items:center;gap:10px;display:flex}.td-head .ic{color:var(--gold);flex:none}.td-head b{font-family:var(--font-display);letter-spacing:1px;color:var(--gold);font-size:1.15rem;line-height:1.1;display:block}.td-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.td-row{animation:td-row-in .5s var(--ease-soft) backwards;animation-delay:calc(.45s + var(--i,0) * 70ms);background:#00000038;border-radius:10px;grid-template-columns:34px 30px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}@keyframes td-row-in{0%{opacity:0;transform:translate(-18px)}}.td-who{min-width:0;line-height:1.2;display:grid}.td-row.td-first{isolation:isolate;background:linear-gradient(90deg,#ffcf5a38,#00000038);position:relative;box-shadow:inset 0 0 0 2px #ffcf5a73}.td-row.td-first:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffcf5a4d,#0000 75%);animation:2.8s ease-in-out infinite td-glow;position:absolute;inset:0}@keyframes td-glow{0%,to{opacity:.15}50%{opacity:1}}.td-sparks{z-index:2;pointer-events:none;position:absolute;inset:0}.td-sparks img{pointer-events:none;width:16px;animation:2.8s ease-in-out infinite twinkle;position:absolute}.td-sparks img:first-child{top:-7px;left:-6px}.td-sparks img:nth-child(2){width:12px;animation-delay:.9s;top:-8px;right:10px}.td-sparks img:nth-child(3){width:14px;animation-delay:1.8s;bottom:-6px;right:-5px}.td-row .head{image-rendering:pixelated;border-radius:6px}.td-row .rank-text.sm{justify-self:center;font-size:1.05rem}.td-no{font-family:var(--font-display);color:var(--ink-3);justify-self:center}.td-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.td-amount{font-family:var(--font-display);color:var(--gold);white-space:nowrap;font-size:.85rem}.td-empty{text-align:center;background:#0003;border-radius:10px;margin:4px 0;padding:14px 6px}.td-note{margin:0;font-size:.75rem}@media (max-width:1779px){.td-row{animation:none}.td-dock.open .td-row{animation:td-row-in .45s var(--ease-soft) backwards;animation-delay:calc(.15s + var(--i,0) * 55ms)}}.pack{--pk1:var(--stone-1);--pk2:var(--stone-2);--pk-line:var(--stone-line);--pk-glow:transparent;text-align:center;background:linear-gradient(180deg, var(--pk1), var(--pk2));border:4px solid var(--pk-line);box-shadow:var(--card-shadow), 0 0 26px var(--pk-glow);transition:transform .25s var(--ease-soft), box-shadow .25s;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:0 14px 16px;display:flex;position:relative}.pack:hover{transform:translateY(-6px)}.pack:hover .pack-art{transform:scale(1.08)rotate(-2deg)}.pack-ribbon{line-height:1.2;font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(180deg, var(--red-1), var(--red-2));text-shadow:0 2px #0000004d;border-radius:13px 13px 0 0;align-self:stretch;margin:0 -14px 4px;padding:14px 8px 5px;font-size:.8rem;box-shadow:inset 0 -3px #0003}.pack-ribbon.empty{box-shadow:none;background:0 0}.pack-amount{font-family:var(--font-display);color:#d9ff9e;text-shadow:0 3px #00000073;align-items:center;gap:6px;font-size:1.9rem;line-height:1;display:flex}.pack-art{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 10px #00000080);width:100%;max-width:170px;transition:transform .4s var(--ease-soft)}.pack-art-wrap{place-items:center;width:100%;display:grid;position:relative}.pack-art{z-index:1;position:relative}.pack-name{font-family:var(--font-display);letter-spacing:2px;background:linear-gradient(#fff8d8,#ffd35a 55%,#e8922a);color:#0000;filter:drop-shadow(0 2px #0009);-webkit-background-clip:text;background-clip:text;margin:2px 0 0;font-size:1.3rem;font-weight:600;line-height:1.1}.pack-sub{color:var(--ink-2);margin-top:-2px;font-size:.85rem}.pack-bonus{color:var(--ink-3);margin-top:2px;font-size:.8rem}.pack-bonus b{color:var(--green-ok);font-weight:600}.rays{aspect-ratio:1;pointer-events:none;z-index:0;background:repeating-conic-gradient(from 0deg, var(--ray,#ffdc784d) 0deg 9deg, transparent 9deg 28deg);border-radius:50%;width:150%;animation:22s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 0 15%,#0000 66%);mask-image:radial-gradient(circle,#000 0 15%,#0000 66%)}.rays-best{--ray:#96ff6e52}.rays-hot{--ray:#ffc85057}.pack-price{font-family:var(--font-display);margin-top:2px;font-size:1.35rem}.pack-foot{width:100%;margin-top:auto;display:grid}.pack-label{isolation:isolate;font-family:var(--font-display);background:linear-gradient(180deg, var(--red-1), var(--red-2));text-shadow:0 2px #0000004d;border-radius:10px 10px 0 0;margin:0 10px -3px;padding:4px 8px;font-size:.82rem;position:relative;overflow:hidden}.pack.hot{--pk1:#6a4a1d;--pk2:#3d2610;--pk-line:#2a1605;--pk-glow:#ffaa2873}.pack.hot .pack-label{background:linear-gradient(180deg, var(--amber-1), var(--amber-2));color:var(--amber-ink);text-shadow:none}.pack.best{--pk1:#1f5e3c;--pk2:#103723;--pk-line:#06200f;--pk-glow:#78f05a80}.pack.best:after{content:"";z-index:-1;pointer-events:none;opacity:0;will-change:opacity;border-radius:20px;animation:2.8s ease-in-out infinite glow;position:absolute;inset:-4px;box-shadow:0 0 42px #78f05abf}.pack.best .pack-label{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2))}@keyframes glow{50%{opacity:1}}.pack-crown{z-index:3;white-space:nowrap;font-family:var(--font-display);border:3px solid #00000073;border-radius:999px;align-items:center;gap:6px;padding:3px 14px;font-size:.85rem;display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 3px #00000059}.hot .pack-crown{background:linear-gradient(180deg, var(--amber-1), var(--amber-2));color:var(--amber-ink)}.best .pack-crown{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2));text-shadow:0 2px #0000004d}.pack .fc{width:74px}.pack .fc-tl{top:-14px;left:-14px}.pack .fc-br{bottom:-14px;right:-14px}.secure-note{align-items:flex-start;gap:16px;display:flex}.secure-note h3{margin:0 0 4px}.secure-note p{margin:0 0 6px}.secure-ic{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2));border:3px solid var(--leaf-line);width:46px;height:46px;box-shadow:0 3px 0 var(--leaf-edge);border-radius:12px;flex:none;place-items:center;display:grid}.buy-modal{justify-items:stretch}.buy-art{filter:drop-shadow(0 10px 10px #00000080);width:150px;margin:-10px auto -6px;animation:3s ease-in-out infinite bob}.buy-sum{background:#00000040;border-radius:12px;grid-template-columns:auto 1fr;gap:8px 16px;padding:12px 16px;display:grid}.buy-sum>span{color:var(--ink-3)}.buy-sum>b{justify-self:end;align-items:center;gap:6px;display:inline-flex}.gem-amount{color:#d9ff9e}.confirm-user{border:3px solid var(--stone-line);background:#0f0d22;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:1.15rem;display:flex}.confirm-user img{image-rendering:pixelated;border-radius:6px}.note p{margin:6px 0 0}.tabs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tab{cursor:pointer;background:linear-gradient(180deg, var(--stone-1), var(--stone-2));border:3px solid var(--stone-line);box-shadow:inset 0 2px 0 #ffffff1a, 0 4px 0 var(--stone-edge);transition:transform .12s var(--ease);border-radius:12px;align-items:center;gap:6px;padding:9px 16px;font-size:.95rem;display:inline-flex}.tab:hover{transform:translateY(-2px)}.tab.active{background:linear-gradient(180deg, var(--amber-1), var(--amber-2));color:var(--amber-ink);border-color:var(--amber-line);box-shadow:inset 0 2px 0 #ffffff73, 0 4px 0 var(--amber-edge)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.search{border:3px solid var(--stone-line);background:#0f0d22;border-radius:12px;align-items:center;gap:8px;min-width:220px;padding:0 12px;display:flex;box-shadow:inset 0 3px #00000059}.search input{box-shadow:none;background:0 0;border:0;padding:9px 0}.empty{text-align:center;color:var(--ink-2)}.ladder-layout{grid-template-columns:250px 1fr;align-items:start;gap:20px;display:grid}.ladder-side{gap:10px;padding:14px;display:grid;position:sticky;top:96px}.ladder-side .search{min-width:0}.ladder-group{gap:4px;display:grid}.ladder-group-head{cursor:pointer;color:var(--gold);font-family:var(--font-display);letter-spacing:.5px;background:0 0;border:0;justify-content:space-between;align-items:center;padding:6px 4px;font-weight:600;display:flex}.ladder-group-head .ic{transition:transform .25s var(--ease-soft)}.ladder-group-head.open .ic{transform:rotate(90deg)}.ladder-board{cursor:pointer;color:var(--ink-2);text-align:left;transition:background .15s, transform .15s var(--ease);background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.ladder-board:hover{background:#ffffff0f;transform:translate(3px)}.ladder-board.active{border-color:var(--gold);color:#fff;background:#0a081a73}.ladder-board .ic{color:var(--gold)}.ladder-main{gap:20px;min-width:0;display:grid}.ladder-head{flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.ladder-head>div{flex:1}.ladder-head .title{font-size:1.6rem}.ladder-head select{width:auto;min-width:180px}.ladder-ic{background:linear-gradient(180deg, var(--amber-1), var(--amber-2));width:50px;height:50px;color:var(--amber-ink);border:3px solid var(--amber-line);box-shadow:0 3px 0 var(--amber-edge);border-radius:14px;place-items:center;display:grid}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;width:100%;max-width:680px;margin:26px auto 0;display:grid}.podium-slot{text-align:center;border:4px solid var(--stone-line);box-shadow:var(--card-shadow);background:linear-gradient(180deg, var(--stone-1), var(--stone-2));border-radius:18px;justify-items:center;gap:4px;padding:20px 10px 16px;display:grid}.place-1{background:linear-gradient(#6b5320,#3a2b10);border-color:#2a1c05;padding-top:34px}.place-2{background:linear-gradient(#4d5673,#2c3148)}.place-3{background:linear-gradient(#6b4630,#3a2618)}.podium-slot b{text-shadow:0 2px #0009;font-size:1.05rem}.podium-avatar{background:#0000004d;border:3px solid #ffffff2e;border-radius:50%;place-items:center;width:78px;height:78px;display:grid}.podium-avatar .head{border-radius:8px;width:56px;height:56px}.place-1 .podium-avatar{border-color:var(--gold);box-shadow:0 0 18px #ffd25a80}.podium-score{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px #0009}.place{font-family:var(--font-display);background:linear-gradient(180deg, var(--amber-1), var(--amber-2));width:36px;height:36px;color:var(--amber-ink);border:3px solid var(--amber-line);box-shadow:0 3px 0 var(--amber-edge);border-radius:50%;place-items:center;margin-top:6px;display:grid}.place-medal{filter:drop-shadow(0 4px 6px #0000008c);width:58px;height:auto;margin-top:-18px}.place-1 .place-medal{width:66px;animation:2.6s ease-in-out infinite medal-glow}@keyframes medal-glow{50%{filter:drop-shadow(0 0 14px #ffd25acc);transform:translateY(-3px)}}.row-medal{vertical-align:middle;filter:drop-shadow(0 2px 3px #00000080);width:30px;height:auto}.rank-no{text-align:center;width:30px;font-family:var(--font-display);color:var(--ink-3);display:inline-block}.table tr.hit td{background:#ffcf5a14}.table-wrap{padding:8px 12px;overflow-x:auto}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table th{text-align:left;font-family:var(--font-display);text-transform:uppercase;color:var(--ink-3);border-bottom:3px solid #0000004d;padding:10px;font-size:.8rem;font-weight:600}.table td{border-bottom:1px solid #ffffff12;padding:10px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#ffffff0a}.table th.r,.table td.r{text-align:right}.player{align-items:center;gap:10px;display:inline-flex}.player img{image-rendering:pixelated;border-radius:4px}.codex-tabs{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.codex-tab{cursor:pointer;text-align:left;color:#fff;background:linear-gradient(180deg, var(--stone-1), var(--stone-2));border:4px solid var(--stone-line);box-shadow:var(--card-shadow);transition:transform .2s var(--ease-soft);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.codex-tab:hover{transform:translateY(-3px)}.codex-tab b{font-family:var(--font-display);font-size:1.05rem;font-weight:600;display:block}.codex-tab small{color:var(--ink-3)}.codex-tab.active{box-shadow:var(--card-shadow), 0 0 0 3px var(--gold);background:linear-gradient(#5a4a1f,#33280d);border-color:#1d1503}.codex-filters{gap:12px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{cursor:pointer;color:var(--ink-2);background:#00000040;border:2px solid #ffffff1f;border-radius:999px;padding:5px 12px;font-size:.85rem;transition:background .15s,transform .15s}.chip-btn:hover{transform:translateY(-1px)}.chip-btn.active{background:linear-gradient(180deg, var(--leaf-1), var(--leaf-2));border-color:var(--leaf-line);color:#fff}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-row select{width:auto;min-width:190px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.codex-card{border-top-color:var(--rc,var(--stone-line));border-top-width:6px;justify-items:center;gap:4px;text-align:center!important;display:grid!important}.codex-card h3{margin:0;font-size:1.08rem}.codex-art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--rc) 30%, transparent), #0f0d22 70%);border:3px solid #00000059;border-radius:12px;place-items:center;width:100%;height:110px;margin-bottom:4px;display:grid;position:relative}.codex-pic{max-width:64px;max-height:64px;color:var(--rc);image-rendering:pixelated;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--rc) 60%, transparent));transition:transform .3s var(--ease-soft);position:relative}.codex-card:hover .codex-pic{transform:scale(1.15)rotate(-6deg)}.codex-detail{border-top:6px solid var(--rc);justify-items:stretch}.codex-detail .codex-art{height:140px}.codex-detail .codex-pic{max-width:84px;max-height:84px}.rarity{font-size:.75rem;font-family:var(--font-display);text-transform:uppercase;color:var(--rc);letter-spacing:.5px}.r-common{--rc:var(--common)}.r-uncommon{--rc:#7be07a}.r-rare{--rc:var(--rare)}.r-epic{--rc:var(--epic)}.r-legendary{--rc:var(--legendary)}.r-mythic{--rc:#ff5fa2}.vote-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:900px;margin:0 auto;display:grid}.vote-card{align-items:center;gap:14px;display:flex!important}.vote-card>div{flex:1}.vote-card b{font-family:var(--font-display);text-transform:uppercase;font-size:1.05rem;font-weight:600;display:block}.vote-card .small{display:block}.vote-ic{filter:drop-shadow(0 3px 4px #00000080);transition:transform .3s var(--ease-soft);flex:none}.vote-card:hover .vote-ic{transform:scale(1.15)rotate(-8deg)}.vote-ext{color:var(--ink-3)}.prose{width:100%;max-width:820px;margin:0 auto}.prose h3{color:var(--gold);margin:18px 0 4px}.prose p{color:var(--ink-2);margin:0 0 8px}.auth-wrap{place-items:center;padding-block:40px 70px;display:grid}.auth-card{gap:14px;width:min(440px,100%);display:grid}.auth-card p{margin:0}.auth-logo{filter:drop-shadow(0 8px 10px #00000080);width:220px;margin:-70px auto 0}.auth-card .title{text-align:center}.field{gap:6px;display:grid}.field>span{color:var(--ink-2);font-size:.92rem;font-weight:500}.input-icon{border:3px solid var(--stone-line);background:#0f0d22;border-radius:12px;align-items:center;gap:8px;padding-left:10px;display:flex;box-shadow:inset 0 3px #00000059}.input-icon:focus-within{border-color:var(--amber-2);box-shadow:inset 0 3px #00000059,0 0 0 3px #ffa21a4d}.input-icon input:focus{box-shadow:none}.input-icon input{box-shadow:none;background:0 0;border:0}.input-icon img{image-rendering:pixelated;border-radius:4px}.alert{border:3px solid;border-radius:12px;padding:10px 14px;font-size:.92rem}.alert.err{border-color:var(--red-2);color:#ffc9c9;background:#e5484824}.alert.ok{border-color:var(--green-ok);color:#c9f7d4;background:#5ee07a1f}.alert.info{border-color:var(--rare);color:#cfe9ff;background:#4fb4ff1f}.profile-card{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.profile-card img{image-rendering:pixelated}.status{background:#ffffff14;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:500;display:inline-block}.s-pending{color:var(--amber-1);background:#ffd84a2e}.s-paid{color:var(--rare);background:#4fb4ff2e}.s-delivered{color:var(--green-ok);background:#5ee07a2e}.s-cancelled{color:var(--red-1);background:#e5484829}.s-expired{color:var(--ink-3);background:#ffffff14}.d-sending,.d-retry{color:var(--amber-1);background:#ffd84a2e}.d-check{color:var(--red-1);background:#e5484829}.d-done{color:var(--green-ok);background:#5ee07a2e}.s-review{color:#ffc9c9;background:#e5484829}.sl-review{color:var(--amber-1);background:#ffd84a2e}.sl-accepted{color:var(--green-ok);background:#5ee07a2e}.sl-rejected,.sl-duplicate,.sl-error{color:var(--red-1);background:#e5484829}.admin-toolbar select.filter{width:auto;min-width:150px}.slip-card{background:#00000040;border:2px solid #0000;border-radius:12px;grid-template-columns:120px 1fr;gap:12px;padding:10px;display:grid}.slip-card.review{border-color:var(--amber-1)}.slip-card img{object-fit:contain;background:#fff;border-radius:8px;width:120px;max-height:200px}.slip-meta{align-content:start;gap:4px;display:grid}.slip-meta .status{justify-self:start}.slip-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.slip-actions select{flex:160px;width:auto;padding:6px 8px}.ro-log pre{white-space:pre-wrap;word-break:break-word;background:#0000004d;border-radius:8px;max-height:180px;margin:4px 0 0;padding:8px 10px;font-size:.78rem;overflow:auto}.pay-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:820px){.pay-grid{grid-template-columns:1fr}}.pay-qr{justify-items:center;gap:10px;display:grid}.pay-qr-head{width:100%;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:10px;display:flex}.pay-qr-head b{color:var(--gold);letter-spacing:.5px}.pay-timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;background:#0000004d;border-radius:999px;padding:3px 12px}.pay-timer.low{color:var(--red-1);animation:1s step-end infinite pay-tick}@keyframes pay-tick{50%{opacity:.55}}.pay-qr-img{aspect-ratio:1;border:4px solid var(--stone-line);width:min(280px,100%);box-shadow:0 0 0 4px var(--gold), 0 8px 0 #00000059;image-rendering:pixelated;background:#fff;border-radius:14px;padding:10px}.pay-amount{font-family:var(--font-display);font-size:2.2rem;line-height:1}.pay-steps{color:var(--ink-2);justify-self:stretch;gap:4px;margin:4px 0 0;padding-left:22px;display:grid}.pay-steps li::marker{color:var(--gold);font-family:var(--font-display)}.slip-upload{justify-items:center;gap:10px;display:grid}.slip-upload label.btn{cursor:pointer}.slip-preview{border:3px solid var(--stone-line);border-radius:10px;max-height:220px}.slip-busy{font-family:var(--font-display);justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.pay-result{text-align:center;justify-items:center;gap:10px;padding:8px 0;display:grid}.pay-result p{margin:0}.pay-result-ic{width:76px;height:76px;color:var(--rare);border:4px solid var(--stone-line);background:#4fb4ff29;border-radius:50%;place-items:center;display:grid}.pay-result.ok .pay-result-ic{color:var(--green-ok);animation:pop .4s var(--ease);background:#5ee07a2e}.pay-result.bad .pay-result-ic{color:var(--red-1);background:#e5484829}.gold{color:var(--gold)}.captcha{gap:8px;display:grid}.captcha[hidden]{display:none}.captcha-box:not(:empty){min-height:65px}.promo-row{gap:8px;display:flex}.promo-row input{text-transform:uppercase;letter-spacing:1px;flex:1}.promo-plus{color:var(--green-ok)}.buy-sum s{margin-right:6px;font-weight:400}.store-closed{align-items:center;gap:8px;font-size:1rem;display:flex}.site-footer{border-top:4px solid var(--stone-line);background:#0e0f2a;padding-block:44px 24px;position:relative;overflow:hidden}.footer-grid{z-index:1;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;display:grid;position:relative}.footer-brand{justify-items:start;gap:10px;display:grid}.footer-brand p{margin:0}.footer-grid h4{text-transform:uppercase;color:var(--gold);letter-spacing:1px;margin:0 0 10px}.footer-grid a:not(.btn){color:var(--ink-2);padding:3px 0;display:block}.footer-grid a:not(.btn):hover{color:var(--gold)}.footer-logo{width:190px}.footer-bottom{z-index:1;color:var(--ink-3);border-top:2px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;padding-top:16px;font-size:.85rem;display:flex;position:relative}.footer-rock-l{opacity:.35;width:280px;bottom:-40px;left:-60px}.footer-rock-r{opacity:.35;width:220px;bottom:-30px;right:-40px}html.js .site-main :is(.reveal,.section-title,.panel,.quick,.shop-card,.art-frame,.band-text,.system-card,.pack,.codex-tab,.podium-slot,.steps li,.ip-box,.join-ver):not(.modal *):not([data-in=done]){transition:opacity .8s var(--ease-soft) var(--rd,0s), transform .9s var(--ease-soft) var(--rd,0s)}html.js .site-main :is(.reveal,.section-title,.panel,.quick,.shop-card,.art-frame,.band-text,.system-card,.pack,.codex-tab,.podium-slot,.steps li,.ip-box,.join-ver):not(.modal *):not([data-in]){opacity:0;transform:translateY(46px)scale(.97)}html.reveal-all .site-main :is(.reveal,.section-title,.panel,.quick,.shop-card,.art-frame,.band-text,.system-card,.pack,.codex-tab,.podium-slot,.steps li,.ip-box,.join-ver){opacity:1!important;filter:none!important;transform:none!important}.page{animation:page-in .7s var(--ease-soft) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(34px)}}.site.leaving .page{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(-18px)}.route-bar{z-index:300;opacity:0;background:linear-gradient(90deg, var(--leaf-1), var(--gold), var(--amber-2));width:0;height:4px;box-shadow:0 0 12px var(--gold);pointer-events:none;position:fixed;top:0;left:0}.route-bar.leaving,.route-bar.loading{opacity:1;width:75%;transition:width 2.5s var(--ease-soft)}.route-bar.idle{opacity:0;width:100%;transition:width .25s,opacity .5s .25s}.sound-btn,.music-btn{padding:7px}.music-btn.off{opacity:.75}.maint-strip{z-index:60;background:linear-gradient(90deg, var(--amber-2), var(--amber-1), var(--amber-2));color:var(--amber-ink);justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:.88rem;font-weight:500;display:flex;position:relative}.spin{animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mt{isolation:isolate;place-items:center;min-height:100dvh;padding:40px 16px;display:grid;position:relative;overflow:hidden}.mt-video{object-fit:cover;z-index:-2;filter:saturate(1.2);background:#1c1f4a url(/media/hero-poster.webp) 50%/cover;width:100%;height:100%;position:absolute;inset:0}.mt-tint{z-index:-1;background:radial-gradient(#0e0c288c,#0e0c28e6 75%);position:absolute;inset:0}.mt-card{text-align:center;border:4px solid var(--stone-line);width:min(760px,100%);box-shadow:var(--card-shadow), 0 30px 60px #00000080;animation:page-in 1.1s var(--ease-soft) backwards;background:linear-gradient(#423b62e0,#2c2747eb);border-radius:22px;justify-items:center;gap:14px;padding:34px 28px 30px;display:grid;position:relative}.mt-card .fc{width:120px}.mt-card .fc-tl{top:-22px;left:-22px}.mt-card .fc-br{bottom:-22px;right:-22px}.mt-logo{filter:drop-shadow(0 10px 14px #0009);width:220px;height:auto;margin-top:-90px}.mt-card h1.title{font-size:clamp(1.9rem,5vw,2.8rem)}.mt-msg{color:var(--ink-2);max-width:52ch;margin:0}.mt-countdown{gap:10px;display:flex}.mt-countdown div{background:#0000004d;border:3px solid #0000004d;border-radius:12px;min-width:68px;padding:8px 6px;display:grid}.mt-countdown b{font-family:var(--font-display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.7rem;line-height:1.1}.mt-countdown span{color:var(--ink-3);font-size:.75rem}.mt-dash{grid-template-columns:1fr 1fr 1.45fr;gap:10px;width:100%;margin:6px 0;display:grid}.mt-stat{text-align:left;color:#fff;font:inherit;background:#00000047;border:3px solid #0000004d;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.mt-stat .ic{color:var(--gold);flex:none}.mt-stat b{font-family:var(--font-display);overflow-wrap:anywhere;font-size:.95rem;font-weight:600;display:block}.mt-ip b{font-size:.85rem}.mt-stat small{color:var(--ink-3);font-size:.75rem}.mt-ip{cursor:pointer;transition:transform .15s var(--ease)}.mt-ip:hover{border-color:var(--gold);transform:translateY(-2px)}.maint-box.on{box-shadow:var(--card-shadow), 0 0 0 3px var(--amber-2);border-color:#5b2f00}.maint-box h3{align-items:center;gap:8px;font-size:1.2rem;display:flex}.eyebrow.plaque{aspect-ratio:520/213;color:#ffe7a0;letter-spacing:1.5px;filter:drop-shadow(0 4px 5px #00000073);background:url(/ui/banner.webp) 50%/contain no-repeat;place-items:center;width:210px;max-width:100%;margin-bottom:-4px;padding:0 38px 3px;font-size:.8rem;line-height:1;display:inline-grid}.hero-corner,.hero-corner-r{width:112px}.hero-corner{top:-12px;left:-12px}.hero-corner-r{top:-12px;right:-12px}@media (max-width:700px){.hero-corner,.hero-corner-r{width:86px}}.rank-text{--r1:#fff4b0;--r2:#ffc933;--r3:#d17a0a;--glow:#ffc83c8c;font-family:var(--font-display);background:linear-gradient(180deg, var(--r1) 10%, var(--r2) 50%, var(--r3) 90%);color:#0000;-webkit-text-stroke:1.5px #140c1e8c;filter:drop-shadow(0 3px 0 #0000008c) drop-shadow(0 0 10px var(--glow));-webkit-background-clip:text;background-clip:text;align-items:flex-start;font-size:2.4rem;line-height:1;display:inline-flex;position:relative}.rank-text small{letter-spacing:1px;margin:.12em 0 0 1px;font-size:.45em}.rank-text.rt2{--r1:#fff;--r2:#cfd8ee;--r3:#7d88a8;--glow:#c8d7ff73}.rank-text.rt3{--r1:#ffd9b0;--r2:#e39a5c;--r3:#8f4a1c;--glow:#e68c5073}.rank-text:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(110deg,#0000 35%,#ffffffe6 50%,#0000 65%) -150% 0/250% 100% no-repeat;animation:3.2s ease-in-out infinite rank-shine;position:absolute;inset:-10%}@keyframes rank-shine{0%,55%{background-position:-150% 0}to{background-position:150% 0}}.place-1 .rank-text{font-size:3rem;animation:2.8s ease-in-out infinite rank-bob}@keyframes rank-bob{50%{transform:translateY(-3px)scale(1.04)}}.rank-text.sm{-webkit-text-stroke-width:1px;font-size:1.35rem}.rank-text.sm:after{display:none}.podium-slot .rank-text{margin-top:2px}.baht{background:linear-gradient(#fff3a0,#ffc933 55%,#f08a12);color:#0000;filter:drop-shadow(0 2px #00000080);-webkit-background-clip:text;background-clip:text;margin-left:3px;font-family:Kanit,Mitr,sans-serif;font-weight:800}.play-grid{grid-template-columns:1fr 280px;align-items:start;gap:18px;width:100%;max-width:980px;margin:0 auto;display:grid}.play-grid .join-card{width:100%}.play-side{gap:14px;display:grid}@media (max-width:800px){.play-grid{grid-template-columns:1fr}.play-side{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.play-side{grid-template-columns:1fr}}.admin{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-side{border-right:4px solid var(--stone-line);background:#0e0f2a;flex-direction:column;gap:14px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;justify-items:center;gap:2px;display:grid;text-decoration:none!important}.admin-brand img{width:160px}.admin-side nav{gap:4px;display:grid}.admin-side nav button{cursor:pointer;text-align:left;color:var(--ink-2);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-side nav button:hover{color:var(--ink);background:#ffffff0f}.admin-side nav button.active{background:linear-gradient(180deg, var(--stone-1), var(--stone-2));color:var(--ink);box-shadow:inset 4px 0 0 var(--gold)}.admin-user{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;font-size:.9rem;display:flex}.admin-user img{image-rendering:pixelated;border-radius:4px}.admin-main{min-width:0;padding:24px}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.kpi-alert{box-shadow:0 0 0 3px var(--red-2), var(--card-shadow)}.kpi-alert .ic{color:var(--red-1)}.kpi{gap:4px;display:grid!important}.kpi .ic{color:var(--gold)}.kpi b{font-family:var(--font-display);font-size:1.8rem;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.span2{grid-column:span 2}.vote-row{grid-template-columns:1fr 1.4fr 1fr auto;align-items:center;gap:8px;display:grid}.ro-row{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:4px 0;display:flex}.switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.switch input{width:20px;height:20px;accent-color:var(--amber-2);box-shadow:none}@media (max-width:1240px){.main-nav{display:none}.burger{display:inline-flex}}@media (max-width:900px){.ladder-layout{grid-template-columns:200px 1fr}.band-grid{grid-template-columns:1fr;gap:28px}.band-grid.rev .art-frame{order:0}.system-grid{grid-template-columns:1fr 1fr}.shop-art{transform-origin:100%;width:240px;transform:scale(.8)}}@media (max-width:700px){.header-right .ip-pill,.header-right .btn-discord{display:none}.mobile-nav .ip-pill{justify-content:center}.brand img{height:48px}.hero{align-items:flex-end;min-height:520px}.hero-tint{background:linear-gradient(#0e0c281a,#0e0c2859 35%,#0e0c28eb 90%)}.hero-inner{padding:26px 20px}.hero-corner{width:110px;top:-20px;left:-14px}.hero-flowers{width:76px;top:-18px;bottom:auto;right:8px}.btn-lg{padding:13px 18px;font-size:1.05rem}.shop-card{flex-direction:column;align-items:flex-start;padding:24px 20px}.shop-art{opacity:.45;position:absolute;top:0;right:-40px}.quick-grid{grid-template-columns:1fr;gap:12px}.band{padding-block:56px}.band-swirl-l,.band-swirl-r{opacity:.35;width:90px}.system-grid{grid-template-columns:1fr}.stat-row,.kpi-grid,.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.podium{gap:8px}.panel{padding:16px}.join-rock-l{width:180px;left:-50px}.join-rock-r{width:140px;right:-40px}.admin{grid-template-columns:1fr}.admin-side{height:auto;position:static}.admin-side nav{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.vote-row,.mt-dash{grid-template-columns:1fr}.mt-countdown div{min-width:58px}.ladder-layout{grid-template-columns:1fr}.ladder-side{position:static}.codex-tabs,.vote-grid{grid-template-columns:1fr}.pack-grid{grid-template-columns:repeat(2,1fr);gap:26px 12px}.pack{padding:0 8px 12px}.pack-ribbon{margin:0 -8px 4px;font-size:.7rem}.pack-amount{font-size:1.5rem}.confirm-input{flex-basis:100%;min-width:0}.shop-art{width:260px;height:160px}.shop-chest{width:140px}.shop-mountain{width:160px}.header-right .sound-btn{display:none}}html,body{cursor:url(/ui/cur-arrow.png) 5 4,auto;cursor:-webkit-image-set(url(/ui/cur-arrow.png) 1x, url(/ui/cur-arrow@2x.png) 2x) 5 4, auto}a,button,select,summary,label.switch,[role=button],.btn,.ip-pill,.type-field,.quick,.shop-card,.pack,.codex-card,.vote-card,.tab,.chip-btn,.codex-tab,.ladder-board,.ladder-group-head,.faq-q{cursor:url(/ui/cur-hover.png) 5 4,pointer;cursor:-webkit-image-set(url(/ui/cur-hover.png) 1x, url(/ui/cur-hover@2x.png) 2x) 5 4, pointer}:is(a,button,.btn):active{cursor:url(/ui/cur-click.png) 5 4,pointer;cursor:-webkit-image-set(url(/ui/cur-click.png) 1x, url(/ui/cur-click@2x.png) 2x) 5 4, pointer}input,textarea{cursor:text}.btn{transition:transform .5s var(--ease-soft), box-shadow .5s var(--ease-soft), filter .4s ease, translate .8s var(--ease-soft)}.btn:active{transition:transform .1s ease, box-shadow .1s ease, filter .1s, translate .8s var(--ease-soft)}html :is(.btn,.main-nav a,.ip-pill,.tab,.chip-btn,.codex-tab,.ladder-board){translate:var(--tx,0px) var(--ty,0px)}html :is(.main-nav a,.ip-pill,.tab,.chip-btn,.ladder-board,.mt-ip){transition:transform .5s var(--ease-soft), background .4s ease, box-shadow .5s var(--ease-soft), border-color .4s ease, filter .4s ease, translate .8s var(--ease-soft)}.main-nav a .ic,.vote-ic,.codex-pic,.pack-art{transition:transform .7s var(--ease-soft)}html :is(.pack,.quick,.system-card,.shop-card,.codex-tab,.codex-card,.vote-card,.news-card){transition:transform .7s var(--ease-soft), box-shadow .7s var(--ease-soft), translate .8s var(--ease-soft)}.quick,.system-card{position:relative}html :is(.pack,.system-card,.quick,.codex-card,.vote-card,.shop-card,.news-card).tilt-on{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}html :is(.pack,.system-card,.quick,.codex-card,.vote-card,.shop-card,.news-card):after{content:"";border-radius:inherit;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #ffffff2b, transparent 62%);transition:opacity .6s;position:absolute;inset:0}html :is(.pack,.system-card,.quick,.codex-card,.vote-card,.shop-card,.news-card).tilt-on:after{opacity:1}.burst{z-index:400;pointer-events:none;width:0;height:0;position:fixed}.burst-p{width:10px;height:10px;animation:burst .8s var(--ease-soft) forwards;position:absolute;top:-5px;left:-5px}.burst-p.star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px #ffd24a);background:#ffe38a}.burst-p.dot{background:#9cff6e;border-radius:50%;width:7px;height:7px;top:-3px;left:-3px;box-shadow:0 0 8px #7dff4a}img.burst-p{width:16px;height:auto;top:-8px;left:-8px}@keyframes burst{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}70%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1) rotate(var(--rot));opacity:0}}.loader{align-items:center;gap:8px;display:inline-flex}.loader-sprite{width:var(--ls);height:var(--ls);background:url(/ui/loader.webp) 0 0 / calc(var(--ls) * 5) var(--ls) no-repeat;filter:drop-shadow(0 0 8px #beff7880);flex:none;animation:.75s steps(5,end) infinite loader-frames,3s linear infinite spin}@keyframes loader-frames{to{background-position:calc(var(--ls) * -5) 0}}.route-loader{z-index:250;pointer-events:none;background:radial-gradient(circle,#0e0c288c,#0000 40%);place-items:center;animation:.4s fade;display:grid;position:fixed;inset:0}.hero-media{border-radius:18px;position:absolute;inset:0;overflow:hidden}.hero-media .hero-video{border-radius:0;width:108%;height:108%;animation:28s ease-in-out infinite alternate kenburns,1.8s fade;inset:-4%}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)translate(-1.5%,-1%)}}.hero-video{--d:-14px}.hero-inner{--d:6px}.hero-logo-wrap{--d:10px}.hero-corner,.hero-corner-r{--d:18px}.hero-flowers{--d:24px}.hero [data-depth]{translate:calc(var(--hx,0) * var(--d)) calc(var(--hy,0) * var(--d));transition:translate 1.6s var(--ease-soft)}.hero-logo-wrap{width:min(460px,100%);display:block;position:relative}.hero-logo-wrap:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffd66e8c,#0000 65%);border-radius:50%;position:absolute;inset:10% 5%}.hero.intro .hero-logo-wrap:before{animation:1.8s ease-out .5s logo-glow}.hero-logo{width:100%}.hero.intro .hero-logo{animation:logo-in 1.4s var(--ease-soft) .2s backwards, float 6s ease-in-out 1.6s infinite}@keyframes logo-in{0%{opacity:0;filter:blur(8px);transform:translateY(-46px)scale(.7)rotate(-6deg)}60%{opacity:1;filter:blur()drop-shadow(0 8px 12px #0009);transform:translateY(6px)scale(1.04)rotate(1deg)}to{filter:drop-shadow(0 8px 12px #0009);transform:none}}@keyframes logo-glow{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(26px)}}.hero.intro .hero-inner>.chip{animation:rise .9s var(--ease-soft) .55s backwards}.hero.intro .hero-title{animation:rise 1s var(--ease-soft) .8s backwards}.hero.intro .hero-actions{animation:rise 1s var(--ease-soft) 1s backwards}.hero.intro .hero-corner{animation:corner-in 1.3s var(--ease-soft) .35s backwards}.hero.intro .hero-corner-r{animation:corner-in-r 1.3s var(--ease-soft) .45s backwards}.hero.intro .hero-flowers{animation:rise 1s var(--ease-soft) 1.1s backwards, sway 5s ease-in-out 2.1s infinite}@keyframes corner-in{0%{opacity:0;transform:translate(-34px,-34px)scale(.8)}}@keyframes corner-in-r{0%{opacity:0;transform:translate(34px,-34px)scale(.8)}}.mon{color:#ece8ff;min-height:100vh;padding:14px 14px calc(16px + env(safe-area-inset-bottom));background:#0b0a18;font-size:14px}.mon h1{letter-spacing:.5px;margin:0;font-family:Paytone One,Mitr,sans-serif;font-size:1.25rem}.mon h1 span{color:#a79cff}.mon h2{color:#cfc8ff;margin:0 0 8px;font-size:.95rem}.mon-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.mon-sub{color:#9b95b8;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:.8rem;display:flex}.mon-link{color:#cfc8ff;white-space:nowrap;border:1px solid #2d2a4a;border-radius:8px;padding:6px 10px;font-size:.8rem}.mon-pill{color:#fff;background:#2a2748;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600}.mon-err{color:#ff8a80}.mon-dim{color:#7f7a9c;margin:0;font-size:.85rem}.mon-foot{text-align:center;margin-top:14px;font-size:.75rem}.mon-ok .mon-dot,.mon-pill.mon-ok{background:#3fb950}.mon-warn .mon-dot,.mon-pill.mon-warn{background:#d29922}.mon-crit .mon-dot,.mon-pill.mon-crit{background:#f85149}.mon-down .mon-dot,.mon-unknown .mon-dot,.mon-pill.mon-down,.mon-pill.mon-unknown{background:#5a5a6e}.mon-alerts{gap:6px;margin-bottom:12px;display:grid}.mon-alert{background:#1a1730;border-left:3px solid #d29922;border-radius:8px;padding:8px 10px;font-size:.85rem}.mon-alert.mon-crit{border-left-color:#f85149}.mon-alert.mon-info{border-left-color:#58a6ff}.mon-alert b{opacity:.8;margin-right:6px;font-size:.7rem}.mon-alert small{color:#7f7a9c;margin-left:6px}.mon-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;display:grid}.mon-card{background:#15132a;border:1px solid #262346;border-radius:12px;padding:10px 12px}.mon-card-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mon-card-head b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:60px;font-size:.95rem;overflow:hidden}.mon-dot{border-radius:50%;flex:none;width:9px;height:9px}.mon-kind{color:#7f7a9c;text-overflow:ellipsis;white-space:nowrap;border:1px solid #2d2a4a;border-radius:4px;max-width:62px;padding:1px 5px;font-size:.62rem;overflow:hidden}.mon-stats{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.mon-stats small{color:#7f7a9c;text-transform:uppercase;letter-spacing:.3px;font-size:.68rem;display:block}.mon-stats b{letter-spacing:.2px;font-family:Mitr,Segoe UI,sans-serif;font-size:1.05rem;font-weight:600}.mon-bad{color:#f85149}.mon-off{color:#7f7a9c;font-size:.85rem}.mon-reason{color:#d29922;margin-top:8px;font-size:.78rem}.mon-backends{flex-wrap:wrap;gap:6px 10px;margin-top:8px;font-size:.75rem;display:flex}.mon-backends .up{color:#3fb950}.mon-backends .down{color:#7f7a9c}.mon-machine{background:#15132a;border:1px solid #262346;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px 12px;margin-top:12px;padding:10px 12px;display:grid}.mon-machine small{color:#7f7a9c;font-size:.68rem;display:block}.mon-machine b{font-size:.95rem}.mon-two{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}@media (min-width:720px){.mon-two{grid-template-columns:1fr 1.4fr}}.mon-two>div{background:#15132a;border:1px solid #262346;border-radius:12px;padding:10px 12px}.mon-players,.mon-events{gap:5px;margin:0;padding:0;list-style:none;display:grid}.mon-players li{align-items:center;gap:8px;font-size:.85rem;display:flex}.mon-players img{border-radius:4px}.mon-players small{color:#7f7a9c;margin-left:auto}.mon-events li{gap:8px;font-size:.78rem;line-height:1.35;display:flex}.mon-events small{color:#7f7a9c;flex:none;font-family:Cascadia Mono,monospace}.mon-events .mon-crit{color:#ff8a80}.mon-events .mon-warn{color:#e8b74a}