.arcanum{width:100%;overflow-x:hidden;background:#0a0a0f}.arc-stars{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.arc-star{position:absolute;border-radius:50%;background:#fff;animation:arcTwinkle infinite ease-in-out;will-change:opacity}@keyframes arcTwinkle{0%,to{opacity:.15}50%{opacity:.9}}.arc-floating-runes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.arc-floating-rune{position:absolute;color:#6366f114;animation:arcFloat infinite ease-in-out;will-change:transform,opacity}@keyframes arcFloat{0%,to{transform:translateY(0) rotate(0);opacity:.06}25%{opacity:.12}50%{transform:translateY(-30px) rotate(180deg);opacity:.08}75%{opacity:.14}}.arc-gateway{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(139,92,246,.04) 0%,transparent 50%),#0a0a0f}.arc-gateway-orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,rgba(139,92,246,.03) 40%,transparent 70%);top:50%;left:50%;margin-left:-250px;margin-top:-250px;pointer-events:none;will-change:transform;z-index:1}.arc-gateway-content{position:relative;z-index:2;text-align:center;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:0}.arc-rune-circle{position:relative;width:160px;height:160px;margin-bottom:32px;opacity:0;transform:scale(.5);transition:opacity 1.2s ease .2s,transform 1.2s cubic-bezier(.16,1,.3,1) .2s}.arc-entered .arc-rune-circle{opacity:1;transform:scale(1)}.arc-rune-svg{width:100%;height:100%}.arc-rune-ring{animation:arcSpinSlow 30s linear infinite;transform-origin:center}.arc-rune-ring-inner{animation:arcSpinSlow 20s linear infinite reverse;transform-origin:center}@keyframes arcSpinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arc-center-rune{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;color:#8b5cf6;text-shadow:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(139,92,246,.2);animation:arcRunePulse 3s ease-in-out infinite}@keyframes arcRunePulse{0%,to{text-shadow:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(139,92,246,.2)}50%{text-shadow:0 0 30px rgba(139,92,246,.8),0 0 60px rgba(139,92,246,.3)}}.arc-gateway-title-wrap{opacity:0;transform:translateY(30px);transition:opacity 1s ease .6s,transform 1s cubic-bezier(.16,1,.3,1) .6s}.arc-entered .arc-gateway-title-wrap{opacity:1;transform:translateY(0)}.arc-gateway-overline{display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.25em;color:#6366f1;margin-bottom:16px;text-transform:uppercase}.arc-gateway-title{font-family:Inter,sans-serif;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:900;letter-spacing:.15em;line-height:1;color:#fff;margin-bottom:20px;display:flex;justify-content:center;flex-wrap:wrap}.arc-letter{display:inline-block;opacity:0;transform:translateY(40px) scale(.8);animation:arcLetterIn .6s cubic-bezier(.16,1,.3,1) forwards;text-shadow:0 0 40px rgba(139,92,246,.3)}@keyframes arcLetterIn{to{opacity:1;transform:translateY(0) scale(1)}}.arc-gateway-subtitle{font-family:Inter,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:300;color:#a78bfa;letter-spacing:.08em;margin-bottom:12px;font-style:italic}.arc-gateway-desc{font-size:.88rem;line-height:1.8;max-width:400px;margin:0 auto}.arc-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:60px;opacity:0;animation:arcFadeIn 1s ease 2.5s forwards}.arc-scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,rgba(99,102,241,.6),transparent);animation:arcScrollPulse 2s ease-in-out infinite}@keyframes arcScrollPulse{0%,to{opacity:.4;height:50px}50%{opacity:1;height:65px}}.arc-scroll-text{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#6366f1}@keyframes arcFadeIn{to{opacity:1}}.arc-gateway-fade{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,#0a0a0f);z-index:3;pointer-events:none}.arc-map-section{position:relative;padding:80px 4% 60px;max-width:1100px;margin:0 auto;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.arc-map-section.arc-visible{opacity:1;transform:translateY(0)}.arc-map-header{text-align:center;margin-bottom:40px}.arc-map-overline{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.3em;display:block;margin-bottom:12px}.arc-map-title{font-family:Inter,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.3;margin-bottom:8px}.arc-map-desc{font-size:.82rem}.arc-constellation-wrap{position:relative;max-width:800px;margin:0 auto}.arc-constellation-svg{width:100%;height:auto}.arc-map-line{stroke:#ffffff0f;stroke-width:1;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke .3s ease,stroke-width .3s ease}.arc-map-section.arc-visible .arc-map-line{animation:arcDrawLine 1.5s ease forwards}.arc-map-line-active{stroke:#8b5cf666!important;stroke-width:2!important}@keyframes arcDrawLine{to{stroke-dashoffset:0}}.arc-map-node{transition:transform .3s ease}.arc-map-node-hover{transform:scale(1.08)}.arc-map-node-click circle{animation:arcNodeClick .4s ease}@keyframes arcNodeClick{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.arc-node-pulse{animation:arcNodePulse 3s ease-in-out infinite}@keyframes arcNodePulse{0%,to{r:44;opacity:.2}50%{r:50;opacity:.5}}.arc-node-rune{font-family:sans-serif;pointer-events:none}.arc-node-label{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.04em;pointer-events:none;transition:fill .3s ease}.arc-map-mobile-list{display:none;flex-direction:column;gap:8px;margin-top:20px}.arc-map-mobile-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;font-size:.85rem;color:#e4e4e7;text-align:left}.arc-map-mobile-item:hover{border-color:var(--realm-color);background:#ffffff0d}.arc-mobile-rune{font-size:1.2rem;width:32px;text-align:center}.arc-mobile-name{flex:1;font-weight:600}.arc-mobile-arrow{color:var(--realm-color);opacity:0;transform:translate(-8px);transition:all .3s ease}.arc-map-mobile-item:hover .arc-mobile-arrow{opacity:1;transform:translate(0)}.arc-realm{position:relative;padding:80px 6% 40px;max-width:1200px;margin:0 auto;opacity:0;transform:translateY(50px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.arc-realm.arc-visible{opacity:1;transform:translateY(0)}.arc-realm-ambient{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--realm-glow) 0%,transparent 70%);pointer-events:none;z-index:0;opacity:0;transition:opacity 1.5s ease .3s}.arc-realm.arc-visible .arc-realm-ambient{opacity:1}.arc-realm-act{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:48px;position:relative;z-index:1}.arc-act-line{height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--realm-color),transparent);opacity:.3}.arc-act-number{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--realm-color)}.arc-act-rune{font-size:1rem;color:var(--realm-color);text-shadow:0 0 12px var(--realm-glow);animation:arcRunePulse 3s ease-in-out infinite}.arc-act-chapter{font-family:Inter,sans-serif;font-size:.75rem;font-style:italic;color:#a1a1aa;letter-spacing:.02em}.arc-panels{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}.arc-panels-flip{direction:rtl}.arc-panels-flip>*{direction:ltr}.arc-panel-visual{position:relative}.arc-panel-frame{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111;transition:border-color .4s ease,box-shadow .4s ease}.arc-panel-frame:hover,.arc-panel-frame:focus-within{border-color:var(--realm-color);box-shadow:0 0 40px var(--realm-glow),0 20px 60px #0006}.arc-frame-rune{position:absolute;font-size:1.2rem;color:var(--realm-color);opacity:0;transition:opacity .4s ease;z-index:3;pointer-events:none;text-shadow:0 0 8px var(--realm-glow)}.arc-panel-frame:hover .arc-frame-rune,.arc-panel-frame:focus-within .arc-frame-rune{opacity:.7}.arc-frame-tl{top:8px;left:10px}.arc-frame-br{bottom:8px;right:10px}.arc-realm-img{width:100%;height:320px;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease;opacity:0}.arc-realm-img.arc-img-loaded{opacity:1;animation:arcImgReveal .8s ease}@keyframes arcImgReveal{0%{opacity:0;filter:blur(10px) saturate(0)}to{opacity:1;filter:blur(0) saturate(1)}}.arc-panel-frame:hover .arc-realm-img,.arc-panel-frame:focus-within .arc-realm-img{transform:scale(1.06);filter:brightness(.7)}.arc-panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .4s ease;z-index:2;pointer-events:none}.arc-panel-frame:hover .arc-panel-overlay,.arc-panel-frame:focus-within .arc-panel-overlay{opacity:1}.arc-overlay-rune{font-size:2.5rem;color:var(--realm-color);text-shadow:0 0 30px var(--realm-glow);animation:arcRunePulse 2s ease-in-out infinite}.arc-overlay-text{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3}.arc-panel-dots{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,var(--realm-color) .5px,transparent .5px);background-size:6px 6px;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1;mix-blend-mode:overlay}.arc-panel-frame:hover .arc-panel-dots,.arc-panel-frame:focus-within .arc-panel-dots{opacity:.15}.arc-element-badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--realm-color);border:1px solid var(--realm-color);border-radius:20px;opacity:.5}.arc-panel-lore{position:relative}.arc-lore-magic-name{display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;margin-bottom:8px}.arc-lore-title{font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:20px}.arc-lore-quote{position:relative;font-family:Inter,sans-serif;font-size:.88rem;font-style:italic;line-height:1.8;color:#a1a1aa;padding:16px 0 16px 20px;border-left:2px solid var(--realm-color);margin-bottom:20px;opacity:.85}.arc-quote-mark{color:var(--realm-color);font-size:1.2em;font-weight:700}.arc-lore-divider{position:relative;height:1px;background:linear-gradient(90deg,var(--realm-color),transparent);margin-bottom:20px;opacity:.3}.arc-divider-rune{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);font-size:.7rem;color:var(--realm-color);background:#0a0a0f;padding:2px 6px}.arc-lore-desc{font-size:.85rem;line-height:1.8;margin-bottom:24px}.arc-spells{margin-bottom:28px}.arc-spells-label{display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.arc-spell-list{display:flex;flex-wrap:wrap;gap:8px}.arc-spell{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--spell-color);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:default;overflow:hidden;transition:all .3s ease}.arc-spell:hover{border-color:var(--spell-color);background:#ffffff0f;box-shadow:0 0 16px #ffffff0a;transform:translateY(-2px)}.arc-spell-spark{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--spell-color);opacity:0;transition:all .4s ease;transform:translate(-50%,-50%);pointer-events:none}.arc-spell:hover .arc-spell-spark{width:80px;height:80px;opacity:.06}.arc-portals{display:flex;gap:14px;flex-wrap:wrap}.arc-portal{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 24px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.06em;border-radius:8px;text-decoration:none;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.arc-portal-icon{font-size:.9rem}.arc-portal-primary{color:#fff;background:var(--realm-color);border:1px solid var(--realm-color)}.arc-portal-primary:hover{box-shadow:0 0 30px var(--realm-glow),0 8px 20px #0000004d;transform:translateY(-3px)}.arc-portal-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s ease}.arc-portal-primary:hover .arc-portal-glow{opacity:1}.arc-portal-secondary{color:#a1a1aa;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.arc-portal-secondary:hover{color:#e4e4e7;border-color:#fff3;background:#ffffff12;transform:translateY(-2px)}.arc-connector{display:flex;flex-direction:column;align-items:center;gap:8px;margin:60px auto 0;padding-bottom:20px}.arc-connector-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--realm-color),transparent);opacity:.2}.arc-connector-rune{font-size:.8rem;color:var(--realm-color);opacity:.3;animation:arcConnectorPulse 3s ease-in-out infinite}@keyframes arcConnectorPulse{0%,to{opacity:.2}50%{opacity:.5}}.arc-summoning{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,rgba(99,102,241,.06) 0%,transparent 60%);opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}.arc-summoning.arc-visible{opacity:1;transform:translateY(0)}.arc-summoning-content{position:relative;z-index:2;text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center}.arc-summoning-rune-circle{position:relative;width:120px;height:120px;margin-bottom:32px}.arc-summon-svg{width:100%;height:100%}.arc-summon-ring{animation:arcSpinSlow 25s linear infinite;transform-origin:center}.arc-summon-center-rune{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:#6366f1;text-shadow:0 0 20px rgba(99,102,241,.5);animation:arcRunePulse 3s ease-in-out infinite}.arc-summoning-overline{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:12px}.arc-summoning-title{font-family:Inter,sans-serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;margin-bottom:16px}.arc-summoning-text{font-size:.9rem;line-height:1.8;max-width:480px;margin-bottom:36px}.arc-summoning-btn{position:relative;display:inline-flex;align-items:center;padding:16px 40px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid rgba(139,92,246,.4);border-radius:10px;text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.arc-summoning-btn:hover{transform:translateY(-4px);box-shadow:0 0 40px #6366f14d,0 0 80px #8b5cf626,0 15px 40px #0000004d}.arc-summoning-btn-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa,#6366f1);background-size:300% 300%;animation:arcBtnGlow 4s ease infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.arc-summoning-btn:hover .arc-summoning-btn-glow{opacity:.6}@keyframes arcBtnGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.arc-summoning-btn-text{position:relative;z-index:1}.arc-summoning-whisper{margin-top:32px;font-size:.82rem;font-style:italic;opacity:.6}.arc-grimoire-link{display:inline-flex;align-items:center;gap:6px;margin-top:24px;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.04em;text-decoration:none;transition:color .3s ease,gap .2s ease}.arc-grimoire-link:hover{color:#6366f1!important;gap:10px}.arc-realm.arc-visible .arc-panel-visual{animation:arcSlideUp .8s cubic-bezier(.16,1,.3,1) .1s both}.arc-realm.arc-visible .arc-panel-lore{animation:arcSlideUp .8s cubic-bezier(.16,1,.3,1) .25s both}.arc-realm.arc-visible .arc-lore-quote{animation:arcSlideUp .7s cubic-bezier(.16,1,.3,1) .4s both}.arc-realm.arc-visible .arc-spells{animation:arcSlideUp .7s cubic-bezier(.16,1,.3,1) .5s both}.arc-realm.arc-visible .arc-portals{animation:arcSlideUp .7s cubic-bezier(.16,1,.3,1) .6s both}@keyframes arcSlideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.arc-panels{grid-template-columns:1fr;gap:32px}.arc-panels-flip{direction:ltr}.arc-realm-img{height:260px}.arc-realm{padding:60px 5% 30px}.arc-act-line{width:30px}.arc-act-chapter{display:none}}@media (max-width: 680px){.arc-rune-circle{width:110px;height:110px;margin-bottom:24px}.arc-center-rune{font-size:26px}.arc-gateway-title{letter-spacing:.08em}.arc-gateway-orb{width:300px;height:300px;margin-left:-150px;margin-top:-150px}.arc-constellation-svg{display:none}.arc-map-mobile-list{display:flex}.arc-realm{padding:50px 5% 20px}.arc-realm-img{height:200px}.arc-lore-title{font-size:1.4rem}.arc-lore-quote{padding:12px 0 12px 14px;font-size:.82rem}.arc-portals{flex-direction:column}.arc-portal{justify-content:center}.arc-summoning{min-height:60vh}.arc-summoning-rune-circle{width:90px;height:90px}}@media (max-width: 400px){.arc-gateway-title{font-size:2.2rem;letter-spacing:.06em}.arc-realm-img{height:170px}.arc-spell{font-size:.58rem;padding:4px 10px}}.arc-skill-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:visible}.arc-skill-particle{position:absolute;bottom:30%;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--sp-color);text-shadow:0 0 8px var(--sp-color);opacity:0;animation:skillFloat ease forwards;will-change:transform,opacity}@keyframes skillFloat{0%{opacity:0;transform:translateY(0) translate(0) scale(.8)}15%{opacity:.8;transform:translateY(-30px) translate(calc(var(--sp-dx) * .3)) scale(1)}60%{opacity:.6;transform:translateY(-120px) translate(var(--sp-dx)) scale(.9)}to{opacity:0;transform:translateY(-200px) translate(calc(var(--sp-dx) * 1.2)) scale(.6)}}.arc-pop-out{perspective:800px}.arc-frame-3d{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease;position:relative}.arc-frame-3d:hover,.arc-frame-3d:focus-within{transform:rotateY(-4deg) rotateX(2deg) translateZ(30px) scale(1.03);box-shadow:15px 15px 40px #00000080,0 0 50px var(--realm-glow),-5px -5px 20px #0003;border-color:var(--realm-color)!important}.arc-frame-depth-shadow{position:absolute;bottom:-12px;left:8px;right:8px;height:20px;background:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.35) 0%,transparent 80%);filter:blur(8px);opacity:0;transition:opacity .5s ease;z-index:-1;pointer-events:none}.arc-frame-3d:hover .arc-frame-depth-shadow,.arc-frame-3d:focus-within .arc-frame-depth-shadow{opacity:1}.arc-realm.arc-visible .arc-panel-visual{animation:arcPopIn 1s cubic-bezier(.16,1,.3,1) .1s both}@keyframes arcPopIn{0%{opacity:0;transform:perspective(800px) translateZ(-60px) translateY(40px) rotateX(4deg)}to{opacity:1;transform:perspective(800px) translateZ(0) translateY(0) rotateX(0)}}.arc-skills-forged{position:relative;padding:80px 6% 60px;max-width:1100px;margin:0 auto;overflow:hidden;opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}.arc-skills-forged.arc-visible{opacity:1;transform:translateY(0)}.arc-energy-lines{position:absolute;top:0;left:0;right:0;height:80px;pointer-events:none;overflow:hidden}.arc-energy-line{position:absolute;top:0;width:1px;height:0;background:linear-gradient(to bottom,transparent,var(--el-color),transparent);opacity:0;animation:energyFlow 2s ease var(--el-delay) forwards}.arc-skills-forged.arc-visible .arc-energy-line{animation:energyFlow 2s ease var(--el-delay) forwards}@keyframes energyFlow{0%{height:0;opacity:0;top:-20px}30%{opacity:.6}to{height:80px;opacity:0;top:0}}.arc-forged-header{text-align:center;margin-bottom:48px}.arc-forged-overline{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.3em;display:block;margin-bottom:12px}.arc-forged-title{font-family:Inter,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.arc-forged-desc{font-size:.85rem}.arc-forged-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.arc-forged-skill{position:relative;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.arc-skills-forged.arc-visible .arc-forged-skill{animation:skillCardIn .5s ease forwards}@keyframes skillCardIn{to{opacity:1;transform:translateY(0) scale(1)}}.arc-forged-skill:hover{border-color:var(--fs-color);box-shadow:0 0 20px #ffffff08,0 0 30px var(--fs-color, rgba(99, 102, 241, .1));transform:translateY(-3px)!important}.arc-fs-glow{position:absolute;top:-20px;right:-20px;width:60px;height:60px;border-radius:50%;background:var(--fs-color);opacity:.04;filter:blur(20px);pointer-events:none;transition:opacity .3s ease}.arc-forged-skill:hover .arc-fs-glow{opacity:.1}.arc-fs-name{display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:#e4e4e7;letter-spacing:.02em;margin-bottom:8px}.arc-fs-sources{display:flex;gap:4px;margin-bottom:8px}.arc-fs-source-dot{width:6px;height:6px;border-radius:50%;opacity:.7;transition:opacity .2s ease,transform .2s ease}.arc-forged-skill:hover .arc-fs-source-dot{opacity:1;transform:scale(1.3)}.arc-fs-bar{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.arc-fs-bar-fill{height:100%;border-radius:2px;transform-origin:left;transform:scaleX(0);transition:transform 1.5s cubic-bezier(.16,1,.3,1) .8s}.arc-skills-forged.arc-visible .arc-fs-bar-fill{transform:scaleX(1)}.arc-fs-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:fsShimmer 2s ease 1.5s}@keyframes fsShimmer{to{left:100%}}@media (max-width: 900px){.arc-forged-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media (max-width: 600px){.arc-skill-particles{display:none}.arc-forged-grid{grid-template-columns:repeat(2,1fr)}.arc-skills-forged{padding:50px 5% 40px}}@media (prefers-reduced-motion: reduce){.arc-star,.arc-floating-rune,.arc-rune-ring,.arc-rune-ring-inner,.arc-center-rune,.arc-node-pulse,.arc-connector-rune,.arc-summon-ring,.arc-scroll-line{animation:none!important}.arc-letter{opacity:1!important;transform:none!important;animation:none!important}.arc-realm,.arc-map-section,.arc-summoning,.arc-skills-forged,.arc-forged-skill{opacity:1!important;transform:none!important}.arc-skill-particle,.arc-energy-line{animation:none!important;display:none}.arc-frame-3d:hover{transform:none!important}}