:root{--bg:#08070d;--panel:#11101a;--panel2:#171522;--text:#f2effa;--muted:#a8a1b8;--line:#2a2639;--violet:#a777ff;--cyan:#50ddff;--gold:#f2c66d;--pink:#ff6bc1;--mint:#65edc4;--ember:#ff7c59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Yu Gothic UI","Hiragino Sans",Meiryo,sans-serif;line-height:1.7;overflow-x:hidden}img[src^="assets/"]{aspect-ratio:1/1;object-fit:cover;object-position:top;image-rendering:pixelated}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{min-height:100vh;padding:0 clamp(22px,6vw,92px) 50px;background:radial-gradient(circle at 78% 35%,#31185a 0,transparent 31%),radial-gradient(circle at 12% 8%,#173d4a 0,transparent 25%),linear-gradient(180deg,#0d0a17,#08070d);position:relative}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a777ff77;background:#a777ff12;color:#d8c2ff;font-family:Georgia,serif;font-size:23px;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}.nav-links a:hover{color:#fff}.hero-grid{max-width:1380px;margin:0 auto;min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow,.kicker,.route-type,.source-tag{color:var(--cyan);font-size:11px;letter-spacing:.17em;font-weight:900}.hero h1{font-size:clamp(56px,7.3vw,116px);line-height:.92;letter-spacing:-.07em;margin:18px 0 30px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #c1b6dd}.lead{max-width:700px;color:#c5bfd1;font-size:17px}.lead strong{color:#fff}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;padding:13px 22px;border-radius:4px;color:#fff;text-decoration:none;font-weight:800;font-size:13px}.primary{background:linear-gradient(135deg,#8350e8,#a777ff);box-shadow:0 12px 35px #a777ff33}.ghost{border:1px solid #ffffff26}.ring-orbit{height:540px;position:relative;display:grid;place-items:center}.main-item{width:126px;image-rendering:pixelated;filter:drop-shadow(0 0 30px #9a6cff)}.orbit{position:absolute;border:1px solid #a777ff30;border-radius:50%}.orbit-a{width:360px;height:360px}.orbit-b{width:510px;height:510px;border-style:dashed;animation:spin 55s linear infinite}.satellite{position:absolute;width:58px;image-rendering:pixelated;filter:drop-shadow(0 0 13px #8a61ff)}.s1{top:6%;left:47%}.s2{top:28%;right:4%}.s3{bottom:11%;right:17%}.s4{bottom:7%;left:18%}.s5{top:30%;left:3%}.orbit-label{position:absolute;bottom:36%;font-size:10px;color:#8e849f;letter-spacing:.2em}@keyframes spin{to{transform:rotate(360deg)}}.quick-facts{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff13;background:#ffffff05}.quick-facts div{padding:17px 24px;display:flex;justify-content:space-between;border-right:1px solid #ffffff13}.quick-facts div:last-child{border:0}.quick-facts span{color:var(--muted);font-size:12px}.quick-facts strong{font-size:13px}.section{max-width:1320px;margin:0 auto;padding:110px 30px}.section-heading{max-width:760px;margin-bottom:48px}.section-heading h2{font-size:clamp(36px,5vw,66px);letter-spacing:-.05em;line-height:1;margin:8px 0 17px}.section-heading>p:last-child{color:var(--muted)}.flow{padding:48px 24px;background:linear-gradient(180deg,#12101b,#0c0b12);border:1px solid var(--line);overflow:auto}.flow-root{width:max-content;margin:auto;display:flex;align-items:center;gap:13px;border:1px solid #a777ff55;background:#a777ff0e;padding:12px 20px;font-weight:800}.flow-root img,.flow-branches img{width:38px;image-rendering:pixelated}.flow-line{height:55px;width:1px;background:#56466f;margin:auto}.flow-branches{min-width:850px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}.flow-branches::before{content:"";position:absolute;top:-22px;left:7%;right:7%;height:1px;background:#56466f}.flow-branches a{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 5px;border:1px solid var(--line);background:#15131e;color:#ddd5ec;text-decoration:none;font-size:12px}.flow-branches a::before{content:"";position:absolute;top:-23px;height:22px;width:1px;background:#56466f}.flow-branches a:hover{border-color:var(--violet);transform:translateY(-3px)}.split{max-width:none;display:flex;justify-content:space-between;align-items:end}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filters button{color:#ada6bb;background:#15131d;border:1px solid var(--line);padding:8px 13px;border-radius:30px;cursor:pointer}.filters button.active,.filters button:hover{color:#fff;border-color:#9d73ee;background:#32234d}.route-card{--accent:var(--violet);position:relative;display:grid;grid-template-columns:64px 110px 1fr;gap:28px;padding:36px;margin-bottom:18px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 8%,#11101a),#11101a 45%);border:1px solid var(--line);border-left:3px solid var(--accent);transition:.25s}.route-card.hidden{display:none}.route-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,#2a2639);transform:translateX(4px)}.route-number{font-family:Georgia,serif;font-size:38px;color:color-mix(in srgb,var(--accent) 70%,#fff)}.route-icon{width:104px;height:104px;display:grid;place-items:center;background:#09080e;border:1px solid color-mix(in srgb,var(--accent) 35%,#222)}.route-icon img{width:72px;max-height:78px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 55%,transparent))}.route-type{color:var(--accent);margin:0}.route-main h3{font-size:29px;margin:1px 0 8px}.route-desc{color:#b9b2c5;margin:0 0 24px}.requirements{padding:17px 19px;border:1px solid #ffffff12;background:#ffffff04}.requirements h4{font-size:12px;color:#9990a7;margin:0 0 10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{display:flex;align-items:center;gap:7px;background:#09080e;border:1px solid #ffffff14;padding:7px 11px;font-size:12px;font-weight:700}.chips img,.unlocks img,table img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.recipe-note{font-size:12px;color:#c8a9ff;margin:11px 0 0}.unlocks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.unlocks.three{grid-template-columns:repeat(3,1fr)}.unlocks>div{display:flex;align-items:center;gap:11px;padding:12px;background:#0b0a10;border:1px solid #ffffff11}.unlocks span{display:flex;flex-direction:column}.unlocks b{font-size:13px}.unlocks small{font-size:10px;color:#948c9f;line-height:1.45}.drop-box{display:flex;align-items:center;gap:20px;padding:20px;background:#0b0a10;border:1px solid #50ddff30}.drop-rate{font-size:34px;color:var(--accent);font-weight:900}.drop-box p{margin:3px 0 0;color:var(--muted);font-size:13px}.warning{display:flex;gap:18px;padding:17px 20px;background:#4e261b44;border:1px solid #ff7c5955;color:#e9c4b9}.warning b{white-space:nowrap;color:#ff9c80}.warning.soft{margin-top:13px;background:#ffffff04;border-color:#ffffff16;color:#c4bdcc}.warning.soft b{color:var(--accent)}.cyan{--accent:var(--cyan)}.gold{--accent:var(--gold)}.magenta{--accent:var(--pink)}.mint{--accent:var(--mint)}.ember{--accent:var(--ember)}.white{--accent:#eee8ff}.materials{max-width:1380px}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.material{display:flex;gap:18px;padding:23px;background:var(--panel);border:1px solid var(--line);min-height:195px}.material.featured{grid-column:span 2}.material>img{width:62px;height:62px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 12px #a777ff55)}.material h3{font-size:19px;margin:0 0 7px}.material p,.material li{font-size:12px;color:#aba4b7}.material ul{padding-left:18px;margin:5px 0}.material details{font-size:12px;color:#cfc7dc}.material summary{cursor:pointer;color:#c8a9ff}.source-tag{display:inline-block;margin:0 0 3px;color:#b58aff}.source-tag.mob{color:var(--ember)}.source-tag.boss{color:var(--pink)}.source-tag.chest{color:var(--gold)}.source-tag.craft{color:var(--cyan)}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:870px;background:#100f17}th,td{text-align:left;padding:17px 18px;border-bottom:1px solid var(--line);font-size:12px}th{background:#181620;color:#8f879c;letter-spacing:.1em}td:first-child{font-weight:800;white-space:nowrap}td:first-child img{vertical-align:middle;margin-right:8px}td:nth-child(2){color:#d4cddd}td:nth-child(3){color:#d7aee9}.calc-note{font-size:11px;color:#827b8c}.warning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.warning-grid div{padding:25px;background:#121019;border-top:2px solid var(--ember)}.warning-grid span{color:var(--ember);font-family:Georgia,serif;font-size:25px}.warning-grid h3{font-size:16px}.warning-grid p{font-size:12px;color:var(--muted)}footer{max-width:1320px;margin:auto;padding:40px 30px 65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#817989;font-size:11px}footer>div{display:flex;align-items:center;gap:16px}footer b{color:#d5cede}footer p{margin:2px 0}@media(max-width:900px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr;padding-top:70px}.ring-orbit{height:400px}.orbit-b{width:370px;height:370px}.orbit-a{width:260px;height:260px}.quick-facts{grid-template-columns:1fr}.quick-facts div{border-right:0;border-bottom:1px solid #ffffff13}.route-card{grid-template-columns:48px 80px 1fr;padding:24px;gap:16px}.route-icon{width:76px;height:76px}.route-icon img{width:54px}.unlocks.three{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(2,1fr)}.warning-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hero{padding-inline:18px}.topbar{height:75px}.hero-grid{min-height:auto}.hero h1{font-size:54px}.ring-orbit{height:360px}.quick-facts{margin-top:15px}.section{padding:75px 16px}.split{display:block}.filters{justify-content:flex-start;margin-top:22px}.route-card{grid-template-columns:42px 1fr;padding:20px}.route-icon{grid-column:2}.route-main{grid-column:1/-1}.unlocks{grid-template-columns:1fr}.warning{flex-direction:column;gap:5px}.material-grid{grid-template-columns:1fr}.material.featured{grid-column:auto}.warning-grid{grid-template-columns:1fr}.orbit-b{width:320px;height:320px}.satellite{width:44px}footer{flex-direction:column;gap:25px}}