:root{--ink:#080712;--violet:#7c4dff;--cyan:#62e6ff;--paper:#f2f0f7}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}button,input{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--violet);color:#fff}.site-header{z-index:20;background:linear-gradient(#060411c7,#0000);border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 clamp(24px,5vw,80px);display:grid;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.12em;white-space:nowrap;justify-self:start;align-items:center;gap:11px;font-size:.83rem;font-weight:500;display:inline-flex}.brand img{object-fit:contain;filter:drop-shadow(0 0 14px #714effb3);width:38px;height:38px}.brand b{font-weight:800}.site-header nav{color:#dbd8e8;gap:clamp(22px,3vw,48px);font-size:.84rem;display:flex}.site-header nav a,footer a{transition:color .2s}.site-header nav a:hover,footer a:hover{color:var(--cyan)}.nav-download{color:#f2eeff;text-transform:uppercase;letter-spacing:.08em;background:#5c39af29;border:1px solid #ae96ff8c;justify-self:end;align-items:center;gap:14px;min-height:42px;padding:0 10px 0 18px;font-size:.72rem;font-weight:700;display:flex}.nav-download span{background:var(--violet);place-items:center;width:26px;height:26px;display:grid}.hero{align-items:center;height:min(980px,100svh);min-height:860px;display:flex;position:relative;overflow:hidden}.hero-media{object-fit:cover;object-position:60% center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,#070511fa 0%,#090717e0 31%,#0806134f 64%,#05040c38),linear-gradient(0deg,var(--ink),transparent 25%),radial-gradient(circle at 70% 42%,transparent 0,#0604121f 42%,#060412c7 100%);position:absolute;inset:0}.hero-rune{border:1px solid #74eeff2b;border-radius:50%;animation:45s linear infinite spin;position:absolute;box-shadow:inset 0 0 80px #4e2acc1a}.hero-rune:before,.hero-rune:after{content:"";border:1px dashed #9b7eff2e;border-radius:50%;position:absolute;inset:12%}.hero-rune:after{border-style:solid;inset:37%}.hero-rune-one{width:580px;height:580px;top:90px;right:-180px}.hero-rune-two{width:280px;height:280px;animation-direction:reverse;bottom:20px;left:-170px}@keyframes spin{to{transform:rotate(360deg)}}.hero-content{z-index:2;width:min(720px,100% - 48px);margin-left:clamp(24px,9vw,150px);padding-top:68px}.eyebrow{color:#c9b9ff;text-transform:uppercase;letter-spacing:.21em;align-items:center;gap:12px;margin:0 0 18px;font-size:.7rem;font-weight:800;display:flex}.eyebrow span{background:currentColor;width:34px;height:1px;box-shadow:0 0 8px}.eyebrow.dark{color:#7350c6}h1,h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:.91}h1{text-shadow:0 7px 35px #00000073;max-width:860px;font-size:clamp(4.4rem,7.7vw,8.5rem)}h1 em,h2 em{color:#b69cff;font-weight:400}.hero-copy{color:#c4c0d0;max-width:590px;margin:28px 0 0;font-size:clamp(1rem,1.2vw,1.16rem);line-height:1.75}.hero-actions{align-items:center;gap:34px;margin-top:34px;display:flex}.primary-button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(120deg,#4b26a7f2,#6e45e7eb);border:1px solid #ab93ff99;grid-template-columns:42px 1fr 28px;align-items:center;gap:13px;width:min(100%,344px);min-height:72px;padding:10px 15px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 16px 52px #35178466,inset 0 0 24px #bfa7ff26}.primary-button:hover{transform:translateY(-2px);box-shadow:0 20px 60px #4922a994,inset 0 0 24px #bfa7ff33}.primary-button small{color:#d6c9ff;letter-spacing:.15em;font-size:.58rem;font-weight:800;display:block}.primary-button>span:nth-child(2){font-size:.95rem;font-weight:700;line-height:1.35}.primary-button>b{font-size:1.15rem}.android-mark{border:1px solid #ffffff57;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.72rem;font-weight:900;display:grid}.text-link{letter-spacing:.06em;font-size:.82rem;font-weight:700}.text-link span{color:var(--cyan);margin-left:9px}.hero-meta{color:#8f899f;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:16px;margin-top:34px;font-size:.61rem;font-weight:700;display:flex}.hero-meta i{background:#726d7f;border-radius:50%;width:3px;height:3px}.scroll-cue{z-index:2;color:#9690a5;letter-spacing:.2em;writing-mode:vertical-rl;align-items:center;gap:12px;font-size:.56rem;display:flex;position:absolute;bottom:34px;right:clamp(24px,5vw,80px)}.scroll-cue b{color:var(--cyan);writing-mode:horizontal-tb}.section{padding:120px clamp(24px,7vw,112px)}.intro,.spell-section{color:#191525;background:var(--paper)}.section-heading{max-width:1250px;margin:0 auto 62px}.split-heading{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(50px,9vw,140px);display:grid}.section-heading h2{color:#171222;font-size:clamp(3.3rem,5.8vw,6.4rem)}.section-heading h2 em{color:#704fc1}.section-heading>p,.section-heading>div+p{color:#716c7c;max-width:540px;margin:0 0 4px;line-height:1.85}.feature-strip{border-top:1px solid #d6d1df;border-bottom:1px solid #d6d1df;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:0 auto 88px;display:grid}.feature-strip article{border-right:1px solid #d6d1df;padding:42px 40px 44px;position:relative}.feature-strip article:first-child{padding-left:0}.feature-strip article:last-child{border-right:0;padding-right:0}.feature-strip article>b{color:#aaa3b5;font:600 .62rem ui-monospace,monospace;position:absolute;top:16px;right:18px}.feature-glyph{color:#815ccd;font-size:2rem}.feature-strip h3{margin:18px 0 8px;font-family:Georgia,serif;font-size:1.42rem}.feature-strip p{color:#7a7484;margin:0;font-size:.9rem;line-height:1.75}.modes-grid{grid-template-columns:1.35fr .9fr;gap:20px;max-width:1250px;margin:0 auto;display:grid}.mode-card{background:#171126;min-height:430px;margin:0;position:relative;overflow:hidden}.mode-card img{object-fit:cover;width:100%;height:100%;transition:transform .65s;position:absolute;inset:0}.mode-card:hover img{transform:scale(1.035)}.mode-card:after{content:"";background:linear-gradient(#0000 38%,#070510f2);position:absolute;inset:0}.mode-overlay{z-index:2;color:#fff;position:absolute;bottom:29px;left:34px;right:34px}.mode-overlay span{color:#b6a0ff;letter-spacing:.16em;font-size:.6rem;font-weight:800}.mode-overlay h3{margin:4px 0;font:500 2rem Georgia,serif}.mode-overlay p{color:#bbb5c9;margin:0;font-size:.82rem}.tutorial{background:#0d0a1b;position:relative;overflow:hidden}.tutorial:before{content:"";background:radial-gradient(circle at 18% 44%,#5930c240,#0000 32%),linear-gradient(120deg,#0000 70%,#5523a521);position:absolute;inset:0}.tutorial-grid{grid-template-columns:.85fr 1.15fr;gap:clamp(60px,9vw,145px);max-width:1250px;margin:0 auto;display:grid;position:relative}.tutorial-copy h2,.download-copy h2{font-size:clamp(3.3rem,5.8vw,6.4rem)}.tutorial-copy>p:not(.eyebrow){color:#9b96aa;max-width:410px}.control-diagram{aspect-ratio:1.85;background:radial-gradient(circle,#582fb736,#0000 36%),linear-gradient(135deg,#21193cd9,#0f0c1fd1);border:1px solid #9173e65e;width:min(100%,440px);margin-top:42px;position:relative;box-shadow:inset 0 0 40px #4b2b961f}.phone-notch{background:#29233c;border-radius:8px;width:50px;height:4px;position:absolute;top:8px;left:calc(50% - 25px)}.joystick{border:1px solid #61e4ff66;border-radius:50%;width:90px;height:90px;position:absolute;bottom:21%;left:13%}.joystick span{border:1px solid var(--cyan);background:#62e6ff38;border-radius:50%;position:absolute;inset:27%;box-shadow:0 0 20px #62e6ff40}.joystick small,.spell-buttons small{color:#6e687f;letter-spacing:.15em;white-space:nowrap;font-size:.52rem;position:absolute}.joystick small{top:102px;left:21px}.spell-buttons{width:132px;height:115px;position:absolute;bottom:16%;right:9%}.spell-buttons i{color:#d5c8ff;background:#6941d440;border:1px solid #ab93ff94;border-radius:50%;place-items:center;width:41px;height:41px;font:600 .65rem ui-monospace,monospace;display:grid;position:absolute}.spell-buttons i:first-child{top:42px;left:0}.spell-buttons i:nth-child(2){top:7px;left:43px}.spell-buttons i:nth-child(3){top:74px;left:47px}.spell-buttons i:nth-child(4){top:42px;right:0}.spell-buttons small{top:123px;left:26px}.fighter-dot{color:#f0bb61;text-shadow:0 0 15px #f0bb61;position:absolute;top:46%;left:49%}.lesson-list{margin:0;padding:0;list-style:none;position:relative}.lesson-list li{border-bottom:1px solid #a28ed72b;grid-template-columns:52px 1fr;gap:24px;margin-bottom:28px;padding:5px 0 30px;display:grid}.lesson-list li>span{color:#6f54bb;font:600 .7rem ui-monospace,monospace}.lesson-list h3{margin:-5px 0 7px;font:500 1.45rem Georgia,serif}.lesson-list p{color:#908a9f;margin:0;font-size:.9rem;line-height:1.75}.tip-bar{background:#32235445;border:1px solid #62e6ff40;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;max-width:1250px;margin:48px auto 0;padding:22px 27px;display:grid;position:relative}.tip-bar b{color:var(--cyan);letter-spacing:.16em;font-size:.65rem}.tip-bar p{color:#b1abba;margin:0;font-size:.85rem}.tip-bar>span{color:#7454bd}.wiki-heading{grid-template-columns:1fr 1fr;align-items:end;gap:60px;display:grid}.wiki-tools{border-bottom:1px solid #d4cfdb;justify-content:space-between;align-items:center;gap:30px;max-width:1250px;margin:0 auto 34px;display:flex}.filters{border:0;margin:0;padding:0;display:flex;overflow-x:auto}.filters button{color:#898391;cursor:pointer;background:0 0;border:0;padding:15px 18px 16px;font-size:.75rem;font-weight:700;position:relative}.filters button.active{color:#382368}.filters button.active:after{content:"";background:var(--violet);height:2px;position:absolute;bottom:-1px;left:16px;right:16px}.search{color:#7a7386;align-items:center;gap:10px;min-width:245px;padding:9px 0 10px;display:flex}.search input{color:#31293d;background:0 0;border:0;outline:0;width:100%;font-size:.78rem}.spell-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1250px;margin:0 auto;display:grid}.spell-card{background:#fff;border:1px solid #ded9e5;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}.spell-card:hover{border-color:#a991e4;transform:translateY(-4px);box-shadow:0 18px 45px #38206a1c}.spell-top{background:radial-gradient(circle,#241744 0%,#120d23 57%,#0c0917 100%);place-items:center;height:205px;display:grid;position:relative;overflow:hidden}.spell-top:after{content:"";border:1px solid #8765e440;border-radius:50%;width:130px;height:130px;position:absolute;box-shadow:0 0 42px #5b30cf3b}.spell-top img{z-index:2;object-fit:contain;filter:drop-shadow(0 0 23px #7a52ff8c);width:145px;height:145px;transition:transform .3s;position:relative}.spell-card:hover .spell-top img{transform:scale(1.06)rotate(-2deg)}.spell-number{z-index:3;color:#7b708f;font:600 .65rem ui-monospace,monospace;position:absolute;top:15px;left:17px}.primary-tag{z-index:3;color:var(--cyan);letter-spacing:.13em;border:1px solid #62e6ff66;padding:4px 7px;font-size:.5rem;font-weight:800;position:absolute;top:13px;right:14px}.spell-body{padding:23px 24px 25px}.role{color:#7552c3;text-transform:uppercase;letter-spacing:.16em;font-size:.55rem;font-weight:800}.role-attack{color:#a85252}.role-defense{color:#317094}.role-mobility{color:#4f7c61}.role-control{color:#7b51a6}.role-utility{color:#9a6a28}.spell-body h3{margin:5px 0 8px;font:500 1.5rem Georgia,serif}.spell-body p{color:#7c7684;min-height:74px;margin:0;font-size:.82rem;line-height:1.65}.spell-stats{color:#9a94a1;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #ece8ef;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px;padding-top:17px;font-size:.61rem;display:grid}.spell-stats b{color:#43394d;letter-spacing:0;text-transform:none;margin-top:2px;font-size:.72rem;display:block}.empty-spells{text-align:center;color:#746d7c;max-width:1250px;margin:40px auto 0}.download-section{background:radial-gradient(circle at 12%,#5931cd4a,#0000 27%),radial-gradient(circle at 90%,#46cff317,#0000 26%),#0b0818;grid-template-columns:minmax(300px,.8fr) 1.1fr .95fr;align-items:center;gap:clamp(45px,7vw,110px);min-height:650px;display:grid;position:relative;overflow:hidden}.download-section:before{content:"";background-image:linear-gradient(#8565dc0e 1px,#0000 1px),linear-gradient(90deg,#8565dc0e 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.download-sigil{z-index:1;aspect-ratio:1;border:1px solid #8563e752;border-radius:50%;place-items:center;width:min(30vw,410px);display:grid;position:relative;box-shadow:0 0 80px #552fcc33,inset 0 0 80px #552fcc21}.download-sigil:before,.download-sigil:after{content:"";border:1px dashed #62e6ff33;border-radius:50%;position:absolute;inset:12%}.download-sigil:after{border-style:solid;border-color:#ab8fff4d;inset:31%}.download-sigil span{color:#ad8cff;text-shadow:0 0 28px #6947d1;font-size:5rem}.download-copy{z-index:2;position:relative}.download-copy>p:not(.eyebrow){color:#aaa4b5;max-width:570px}.primary-button.large{width:min(100%,420px);min-height:78px;margin-top:28px}.install-note{border-left:2px solid #62e6ff80;max-width:500px;margin-top:25px;padding-left:17px}.install-note b{color:var(--cyan);letter-spacing:.14em;font-size:.58rem}.install-note p{color:#777284;margin:3px 0 0;font-size:.75rem;line-height:1.55}.artifact-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a1331b8;border:1px solid #9476e440;align-self:center;padding:32px;position:relative}.artifact-card>img{object-fit:contain;filter:drop-shadow(0 0 27px #734ef273);width:130px;height:130px;margin-bottom:24px}.artifact-card small{color:#7d7490;letter-spacing:.15em;font-size:.57rem;font-weight:800}.artifact-card h3{margin:3px 0;font:500 1.55rem Georgia,serif}.artifact-card p{color:#888295;margin:0;font-size:.8rem}.artifact-card dl{border-top:1px solid #927bc92e;margin:24px 0 0}.artifact-card dl div{border-bottom:1px solid #927bc91f;justify-content:space-between;gap:20px;padding:12px 0;font-size:.65rem;display:flex}.artifact-card dt{color:#736d7f;text-transform:uppercase;letter-spacing:.1em}.artifact-card dd{color:#aaa3b7;text-align:right;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,monospace}footer{color:#777180;background:#07060e;border-top:1px solid #9e86d926;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:30px;min-height:110px;padding:28px clamp(24px,5vw,80px);display:grid}footer .brand{color:#fff}footer p,footer small{margin:0;font-size:.66rem}footer>div{gap:25px;font-size:.66rem;display:flex}@media (max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.split-heading,.wiki-heading{grid-template-columns:1fr;gap:28px}.feature-strip{grid-template-columns:1fr}.feature-strip article,.feature-strip article:first-child,.feature-strip article:last-child{border-bottom:1px solid #d6d1df;border-right:0;padding:28px 34px}.feature-strip article:last-child{border-bottom:0}.tutorial-grid{grid-template-columns:1fr}.control-diagram{display:none}.spell-grid{grid-template-columns:repeat(2,1fr)}.download-section{grid-template-columns:.7fr 1fr}.artifact-card{display:none}footer{grid-template-columns:1fr auto}footer p,footer>div{display:none}}@media (max-width:720px){.site-header{height:72px;padding:0 18px}.brand{font-size:.67rem}.brand img{width:33px;height:33px}.nav-download{padding:0 8px 0 12px;font-size:.59rem}.hero{align-items:flex-end;height:100svh;min-height:760px;padding-bottom:75px}.hero-media{object-position:69% center}.hero-shade{background:linear-gradient(#07051140 15%,#070511e0 55%,#070511 92%),linear-gradient(90deg,#07051199,#0000)}.hero-content{margin-left:22px;padding-top:0}h1{font-size:clamp(3.7rem,17vw,5.2rem)}.hero-copy{margin-top:20px;font-size:.93rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px}.primary-button{min-height:66px}.hero-meta{flex-wrap:wrap;gap:9px}.scroll-cue{display:none}.section{padding:82px 22px}.section-heading h2,.tutorial-copy h2,.download-copy h2{font-size:clamp(3rem,14vw,4.5rem)}.modes-grid{grid-template-columns:1fr}.mode-card{min-height:330px}.mode-overlay{left:22px;right:22px}.tutorial-grid{gap:48px}.lesson-list li{grid-template-columns:36px 1fr;gap:12px}.tip-bar{grid-template-columns:1fr;gap:6px}.tip-bar>span{display:none}.wiki-tools{display:block}.filters{margin-right:-22px}.filters button{padding-left:12px;padding-right:12px}.search{border-top:1px solid #ddd7e3;min-width:0}.spell-grid{grid-template-columns:1fr}.spell-top{height:190px}.download-section{display:block}.download-sigil{width:210px;margin:0 auto 55px}.download-sigil span{font-size:3.4rem}footer{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-rune{animation:none}*,:before,:after{transition-duration:.01ms!important}}