html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text);background:var(--night);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}main{overflow-x:clip}a{color:inherit}.wrap{max-width:1152px;margin:0 auto;padding:0 16px}.site-top{z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.site-brand{font:22px/1 var(--font-title);color:var(--bone);align-items:center;gap:10px;text-decoration:none;display:flex}.site-icon{width:38px;height:38px}.lang-switch{border:3px solid var(--ink);background:#0b0d1699;border-radius:999px;padding:3px;display:inline-flex}.lang-switch button{min-width:46px;height:34px;font:16px/1 var(--font-title);color:var(--bone-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px}.lang-switch button:hover{color:var(--bone)}.lang-switch button[aria-pressed=true]{color:var(--ink);background:linear-gradient(180deg, var(--gold-hi), var(--gold))}.lang-switch button:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.hero{text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 110%, #5fd4ff14, transparent 70%), linear-gradient(180deg, #0d1222, var(--night) 60%);padding:84px 16px 0;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(#f4b63f3d,#0000 65%);width:min(980px,100%);height:520px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.hero>:not(.hero-glow){position:relative}.hero-logo{max-width:780px;margin:0 auto;line-height:0}.hero-logo img{filter:drop-shadow(0 12px 22px #00000073);width:100%;height:auto;animation:4.5s ease-in-out infinite logo-bob}@keyframes logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-genre{max-width:100%;color:var(--ink);background:var(--bone);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;margin:6px 0 0;padding:6px 16px;font-size:14px;font-weight:700;line-height:1.4;display:inline-block}.hero-tagline{max-width:660px;color:var(--bone);word-break:keep-all;text-wrap:balance;margin:22px auto 0;font-size:clamp(17px,2.3vw,21px);line-height:1.65}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.btn--big{padding:.7em 1.5em;font-size:22px}.wall-top{background:repeating-linear-gradient(90deg, var(--wall) 0 52px, transparent 52px 84px);height:30px;filter:drop-shadow(0 -3px 0 var(--ink)) drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink));margin-top:72px}.features{background:repeating-linear-gradient(0deg, #00000029 0 2px, transparent 2px 44px), var(--wall);border-bottom:3px solid var(--ink);padding:24px 0 80px}.section-title{font:clamp(28px, 4vw, 40px)/1.2 var(--font-title);color:var(--gold-hi);text-align:center;word-break:keep-all;margin:0 0 30px}.section-lead{max-width:640px;color:var(--text-dim);text-align:center;word-break:keep-all;margin:-14px auto 34px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:34px 22px;display:grid}.feature{background:linear-gradient(180deg, var(--night-3), var(--night-2));border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink), inset 0 0 0 4px #f4b63f1f;border-radius:22px;padding:36px 24px 26px;position:relative}.feature-no{width:46px;height:46px;font:24px/1 var(--font-title);color:var(--ink);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 60%, var(--gold-lo));border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-22px;left:22px}.feature-title{font:25px/1.25 var(--font-title);color:var(--bone);margin:0 0 10px}.feature p{color:var(--text-dim);word-break:keep-all;margin:0;font-size:15.5px;line-height:1.75}.elements{background:radial-gradient(ellipse 80% 50% at 50% 0%, #9b5cff14, transparent 70%), var(--night);padding:76px 0 92px}.element-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.element-band{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){.element-band{grid-template-columns:repeat(6,minmax(0,1fr))}}.element{text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 26%, var(--night-3)), var(--night-2) 75%);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;flex-direction:column;align-items:center;padding:10px 10px 16px;display:flex}.element-art{aspect-ratio:2;width:100%;display:none}.has-sheet .element-art{background-image:var(--sheet);background-size:300% 200%;background-position:calc(var(--col) * 50%) calc(var(--row) * 100%);background-repeat:no-repeat;display:block}.element-name{font:21px/1.2 var(--font-title);color:var(--bone);align-items:center;gap:9px;margin-top:10px;display:flex}.element-state{color:var(--ink);background:var(--c);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:3px 10px;font-size:12.5px;font-weight:700;line-height:1.35;display:inline-flex}.element.is-closed .element-art{filter:grayscale(.85)brightness(.7)}.element.is-closed .element-state{color:var(--bone-dim);background:var(--stone)}.element.is-closed .gem{filter:grayscale(.5)}.element-lock{flex:none;width:12px;height:12px}.element-lock svg{width:100%;height:100%;display:block}.elements-cta{text-align:center;margin-top:46px}.site-foot{color:var(--text-dim);text-align:center;border-top:3px solid var(--ink);background:#0d1222;padding:26px 16px 34px;font-size:13px}@media (max-width:480px){.hero{padding-top:76px}.hero-cta .btn{width:100%}.btn--big{font-size:20px}}@media (min-width:720px){.site-top{padding:18px 28px}}