@import url('/fonts/fonts.css');
:root{color-scheme:dark;--bg:#090e16;--surface:#131b27;--border:#344152;--gold:#d7b579;--gold-light:#f1d69f;--cyan:#97d6ed;--text:#e6e8ed;--muted:#929fae;--font:Inter,Segoe UI,sans-serif;--serif:Cinzel,Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 8%,#172535 0,transparent 55%),var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;min-height:100vh}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,input{touch-action:manipulation}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500}h1{font-family:var(--serif);font-size:2.5rem;line-height:1.2}h1 em{font-style:normal;color:var(--gold-light)}a{color:var(--cyan)}[hidden]{display:none!important}main{min-height:calc(100vh - 158px);max-width:1460px;padding:36px 52px 56px;margin:auto}main:focus{outline:0}.topbar{height:92px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b6a17d33;background:linear-gradient(#18202a99,#0c121bcc);gap:20px}.brand{display:flex;align-items:center;background:none;gap:19px;text-align:left;padding:0}.brand-name{font-family:var(--serif);font-size:2.25rem;letter-spacing:.06em;color:#f0e7d4;white-space:nowrap;text-shadow:0 0 25px #e2bd7350}.brand-name em{font-size:1.75rem;font-style:normal;color:var(--gold)}.brand-rule{height:36px;width:1px;background:#a9916844}.brand-sub{font-size:.7rem;letter-spacing:.22em;color:var(--muted);line-height:1.9}.brand-sub b{color:var(--gold);font-weight:500;letter-spacing:.38em}.top-note{display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.14em;color:#c0cbd7}.small-diamond{color:var(--gold);font-size:20px}.version{color:#8494a5;font-size:.7rem;margin-left:18px;letter-spacing:.08em}.subtle-button{background:#121b25;border:1px solid #3a4858;padding:9px 15px;font-size:.875rem;border-radius:2px}.subtle-button:hover{background:#1c2937;border-color:#a38d65}.subtle-button span{margin-left:9px;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:9px;font-size:.75rem;color:var(--gold);letter-spacing:.16em;font-weight:500}.eyebrow i{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.section-intro{text-align:center;margin:20px 0 38px}.section-intro .eyebrow{justify-content:center}.section-intro h1{margin:14px 0 16px;font-size:2.75rem;letter-spacing:.02em}.section-intro p{color:var(--muted);max-width:630px;margin:auto;font-size:1rem}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.class-card{position:relative;text-align:left;display:grid;grid-template-columns:76px 1fr;padding:24px 23px 0;gap:20px;background:linear-gradient(130deg,#25303b 0,#17212d 42%,#131b26 100%);border:1px solid #415060;box-shadow:inset 0 0 0 3px #0a101d70,inset 0 1px #74829026;min-height:178px;transition:border-color .18s,transform .18s,background .18s}.class-card:before,.class-card:after{content:'';position:absolute;width:9px;height:9px;border:1px solid #b7a07a6e}.class-card:before{left:5px;top:5px;border-right:0;border-bottom:0}.class-card:after{right:5px;bottom:5px;border-left:0;border-top:0}.class-card:hover{border-color:var(--gold);transform:translateY(-3px);background:linear-gradient(130deg,#2e3740,#1b2532 70%)}.class-number{position:absolute;right:14px;top:11px;font-family:var(--serif);font-size:.75rem;color:#758396}.class-emblem{height:72px;width:72px;display:grid;place-items:center;color:var(--gold-light);border:1px solid #9c85534d;background:radial-gradient(circle,#70582a44,#151d25 72%);box-shadow:0 0 20px #bd935716,inset 0 0 16px #050a0f;border-radius:50%}.class-emblem svg{width:37px;height:37px}.class-magic .class-emblem,.class-spirit .class-emblem{color:var(--cyan);border-color:#78c3e04d;background:radial-gradient(circle,#284b6444,#151d25 72%)}.class-heal .class-emblem,.class-staff .class-emblem{color:#cfdfb2}.class-info{align-self:center;display:grid;gap:6px;padding-right:10px}.class-info b{font-family:var(--serif);font-size:1.3rem;font-weight:500}.class-info>span{font-size:.875rem;color:#a3adba}.class-card-foot{grid-column:1/-1;border-top:1px solid #96a4b71f;padding:13px 0;margin-top:0;display:flex;justify-content:space-between;font-size:.75rem;color:#a8b5c5}.class-card-foot span:last-child{color:var(--gold)}.class-card-foot span:last-child span{margin-left:8px;font-size:14px}.selection-foot{display:flex;align-items:center;gap:10px;margin-top:26px;color:var(--muted);font-size:.875rem}.gold-dot{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.dataset-scope{margin-left:auto;font-size:.75rem;letter-spacing:.1em;color:#8b9cab}.footer{padding:20px 48px;border-top:1px solid #39475955;display:flex;justify-content:space-between;gap:20px;color:#8c9aaa;font-size:.75rem}.footer>span:first-child{font-size:.65rem;letter-spacing:.14em}.breadcrumb{display:flex;align-items:center;gap:13px;margin-bottom:24px;color:#b6c1cc;font-size:.875rem;flex-wrap:wrap}.breadcrumb button{background:none;padding:0;color:#8e9eae}.breadcrumb button:hover{color:var(--gold)}.breadcrumb>span:not(:last-child){color:#516173}.catalog-head,.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.class-title{display:flex;align-items:center;gap:24px}.title-emblem{color:var(--gold);height:70px;width:70px;border:1px solid #95815866;border-radius:50%;display:grid;place-items:center;background:#59482c20}.title-emblem svg{width:37px;height:37px}.class-title h1{margin-top:8px}.catalog-count{color:#9bacbd;font-size:.875rem}.catalog-count b{font-size:1.125rem;font-weight:400;color:var(--gold-light)}.catalog-count span{padding:0 8px}.catalog-instruction{color:var(--muted);margin:22px 0 24px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #38475a;border-bottom:1px solid #38475a;padding:14px 0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{font-size:.875rem;background:none;color:#b0bac6;padding:9px 17px;border:1px solid transparent;border-radius:2px}.filters button[aria-pressed=true]{background:linear-gradient(#6653374d,#463a2826);color:var(--gold-light);border-color:#8a704e}.filters button:hover{color:var(--gold-light)}.search{display:flex;align-items:center;gap:9px;border:1px solid #405266;background:#0a121c;padding:9px 13px;border-radius:2px;min-width:275px}.search>span{font-size:24px;line-height:1;color:#8da7bb}.search input{background:none;border:0;color:var(--text);width:100%;min-width:0;font-size:.875rem;outline-offset:10px}.search input::placeholder{color:#8393a4}.results-meta{margin:19px 0 15px;display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:#9caab8}.results-meta span{color:#8191a2}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card{background:linear-gradient(120deg,#1d2835,#121b26);border:1px solid #34475a;padding:0;overflow:hidden;text-align:left;border-radius:2px;transition:border-color .15s,background .15s}.skill-card:hover{border-color:#b89c67;background:linear-gradient(120deg,#283243,#192432)}.skill-card-main{display:flex;gap:14px;padding:19px 17px;align-items:center}.skill-card-main>div{min-width:0}.skill-kind{color:#98b9ce;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em}.skill-card.passive .skill-kind{color:#b1c79b}.skill-card h2{font-size:1rem;font-weight:500;margin:2px 0 4px;overflow-wrap:anywhere}.skill-level{color:#a0acbb;font-size:.75rem}.card-diamond{margin-left:auto;color:#6d879d;font-size:24px}.skill-card:hover .card-diamond{color:var(--gold)}.skill-icon{position:relative;flex-shrink:0;display:block;width:52px;height:52px;border:1px solid #8d9eac;border-radius:3px;background:radial-gradient(circle,#425976,#0b1421 80%);padding:3px;box-shadow:0 2px 9px #0009,inset 0 0 0 2px #050b17;overflow:hidden}.skill-icon img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;z-index:1;border-radius:1px}.icon-fallback{height:100%;display:grid;place-items:center;font-family:var(--serif);font-size:1.25rem;color:#adcde2}.skill-card-foot{background:#080f1655;border-top:1px solid #33435755;padding:11px 16px;display:flex;gap:12px;align-items:center;color:#8a9faf;font-size:.65rem;min-height:42px}.node-count{color:var(--gold-light);white-space:nowrap;font-size:.75rem}.no-node{color:#8996a7;font-size:.75rem}.detail-heading{margin-bottom:25px}.detail-heading h1{font-size:2rem;margin-top:8px}.detail-heading h1:focus{outline:0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.metal-frame{position:relative;border:1px solid #58627477;background:linear-gradient(130deg,#26303c44,#131b28a6);box-shadow:inset 0 0 0 3px #080e1670,0 8px 30px #0002}.board-panel{padding:5px 5px 0;min-width:0}.board-tabs{display:flex;background:linear-gradient(#23303d,#111c28);border-bottom:1px solid #515d6c}.board-tabs button{flex:1;min-width:0;padding:14px 4px 12px;background:none;text-align:center;border-right:1px solid #304052;color:#91a4b6;font-family:var(--serif);font-size:.9rem;position:relative}.board-tabs button:last-child{border-right:0}.board-tabs button[aria-pressed=true]{color:var(--gold-light);background:linear-gradient(#76643c38,#382f224d)}.board-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--gold);left:12px;right:12px;box-shadow:0 0 12px #f3cd7a77}.board-tabs button:hover{color:var(--gold-light)}.board-tabs small{display:block;font-size:.65rem;font-family:var(--font);color:#95a7b9;margin-top:5px}.board-tabs small i{display:block;color:#b1c9d9;font-size:.65rem;font-style:normal}.board-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 14px}.board-head .eyebrow{font-size:.65rem;color:#90a6b9}.board-head h2{font-family:var(--serif);color:#dce4ec;font-size:1.25rem;margin-top:5px}.board-head h2 span{font-family:var(--font);font-size:.75rem;color:#8e9fae;margin-left:10px}.board-controls{display:flex;align-items:center;background:#0d1722;border:1px solid #3a4a5c;border-radius:2px}.icon-button{background:transparent;padding:3px;width:33px;height:33px;font-size:22px;line-height:1;color:#b8c5d0}.icon-button:hover{color:var(--gold);background:#57637333}.zoom-reset{font-size:.7rem;background:transparent;padding:6px;min-width:53px;color:#b6c4d0}.board-viewport{overflow:auto;background:radial-gradient(ellipse at center,#172c41 0,#0b1522 57%,#060d16 100%);border-top:1px solid #3d4a5d44;border-bottom:1px solid #3d4a5d44;scrollbar-color:#617284 #0b1420;scrollbar-width:thin;max-height:760px}.board-stage{position:relative;width:100%;aspect-ratio:1;min-width:320px;background-image:radial-gradient(circle at 17% 21%,#badbf34a 0 .8px,transparent 1px),radial-gradient(circle at 68% 67%,#c0dce53d 0 .6px,transparent 1px),radial-gradient(circle at 37% 58%,#c0dce52b 0 .7px,transparent 1px);background-size:109px 137px,79px 103px,149px 111px}.celestial-rings{position:absolute;inset:9%;border:1px solid #7da6c816;border-radius:50%;pointer-events:none}.celestial-rings:before,.celestial-rings:after{content:'';position:absolute;inset:15%;border-radius:50%;border:1px solid #7da6c81a}.celestial-rings:after{inset:30%;border-style:dashed}.connections{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;overflow:visible}.connections line{stroke:#668aa647;stroke-width:.17}.connections line.lit{stroke:var(--gold);stroke-width:.4;filter:drop-shadow(0 0 .45px #facb78)}.axis{position:absolute;font-size:.65rem;line-height:1;color:#829aac;pointer-events:none}.col-axis{top:9px;transform:translateX(-50%)}.row-axis{left:10px;transform:translateY(-50%)}.compass-label{position:absolute;left:50%;transform:translateX(-50%);top:35px;font-family:var(--serif);letter-spacing:.32em;font-size:.55rem;color:#7f9fb165;pointer-events:none}.board-node{position:absolute;transform:translate(-50%,-50%);height:25px;width:25px;border:1px solid #8196a58a;border-radius:50%;display:grid;place-items:center;padding:0;background:radial-gradient(circle,#6f7c8944,#152434 66%);box-shadow:inset 0 0 0 3px #0a1824,0 0 7px #050c14;z-index:2;transition:box-shadow .2s,border-color .2s}.board-node:before{content:'';position:absolute;inset:-7px;border-radius:50%}.node-core{width:5px;height:5px;background:#bac6d2;border-radius:50%;box-shadow:0 0 5px #a4cee38f}.board-node.active,.board-node.passive{border-radius:3px;height:33px;width:33px;padding:1px;border-color:#6eadd0;box-shadow:0 0 8px #4aa7da4a}.board-node.passive{border-color:#9bac78;box-shadow:0 0 8px #7f985249}.board-node .skill-icon{width:100%;height:100%;border:0;border-radius:2px;padding:1px;box-shadow:none}.board-node .skill-icon img{inset:1px;width:calc(100% - 2px);height:calc(100% - 2px)}.board-node .icon-fallback{font-size:.875rem}.board-node.special{height:29px;width:29px;border:1px solid #bc9668;box-shadow:inset 0 0 0 4px #141f2e,0 0 10px #bd986847;background:radial-gradient(circle,#d3aa73,#594026)}.board-node.special .node-core{background:var(--gold-light)}.board-node.origin{width:43px;height:43px;background:radial-gradient(circle,#427796,#172f46 55%,#0b1b2f);border:1px solid #a6daed;box-shadow:0 0 22px #55c1ee50,inset 0 0 8px #8cd9f42a;color:#d3f3ff;font-size:27px;z-index:3}.board-node.on-path{border-color:var(--gold-light);box-shadow:0 0 9px #dcac5677,inset 0 0 0 3px #1c262e}.board-node.on-path .node-core{background:#f5d899;box-shadow:0 0 7px #f3ce7f}.board-node.matching{outline:1px solid #d0ad6a;outline-offset:3px}.board-node.target{outline:2px solid var(--gold-light);outline-offset:6px;z-index:4;box-shadow:0 0 25px #e4b76b9c;border-color:var(--gold-light)}.board-node.target:after{content:'';position:absolute;inset:-14px;border:1px solid #dab97966;border-radius:50%;animation:halo 2.8s ease-in-out infinite;pointer-events:none}.target-label{position:absolute;left:50%;top:calc(100% + 15px);transform:translateX(-50%);font-size:.6rem;font-weight:600;letter-spacing:.15em;color:var(--gold-light);background:#0d1726e6;padding:2px 6px;border:1px solid #a98d575e;white-space:nowrap;pointer-events:none}.board-node.inspected{outline:2px solid #d1ecfb;outline-offset:4px}.board-node:hover{border-color:#e1f1ff;box-shadow:0 0 16px #89c7f377;z-index:5}.board-node:focus-visible{outline:2px solid #d1ecfb;outline-offset:5px;z-index:5}.board-legend{padding:17px 20px;display:flex;gap:18px;flex-wrap:wrap;color:#a9bac9;font-size:.7rem;justify-content:center}.board-legend>span{display:flex;align-items:center;gap:7px}.legend-node{display:inline-block;width:9px;height:9px;background:#9cabb8;border:1px solid #bdd5e0;border-radius:50%}.legend-node.start{background:#64b3d6;border-color:#b9e1f2;box-shadow:0 0 5px #64b3d6}.legend-node.active{border-radius:1px;background:#3679a3}.legend-node.passive{border-radius:1px;background:#789257}.legend-line{width:21px;height:2px;background:var(--gold);box-shadow:0 0 5px #d4aa6e77}.board-caption{display:flex;justify-content:space-between;gap:15px;padding:11px 18px;background:#0a121b55;border-top:1px solid #34465b55;font-size:.65rem;color:#91a1b2}.inspector{display:flex;flex-direction:column;gap:16px;min-width:0}.selected-skill{padding:22px 21px}.inspector-skill-head{display:flex;align-items:center;gap:15px}.skill-icon.large{width:59px;height:59px;border-color:var(--gold)}.inspector-skill-head .eyebrow{font-size:.6rem}.inspector-skill-head h2{font-family:var(--serif);font-size:1rem;margin:4px 0;line-height:1.5}.cyan{color:var(--cyan);font-size:.75rem}.skill-description{color:#adbccc;font-size:.875rem;line-height:1.65;margin:19px 0}.skill-description strong{color:#e3e7eb;font-weight:500}.skill-facts{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #3a4b5d66;padding-top:13px;font-size:.7rem;color:#90a5b7}.skill-facts b{display:block;font-size:.75rem;font-weight:500;color:#d7e1ea;margin-top:3px}.route-panel{padding:22px 21px;border-color:#9a815947;background:linear-gradient(130deg,#483d2d2b,#15202bcc)}.route-title{display:flex;align-items:center;justify-content:space-between}.route-title .eyebrow{font-size:.65rem}.gold-diamond{color:var(--gold);font-size:23px;line-height:1}.route-panel h2{font-family:var(--serif);font-size:1.125rem;margin:7px 0 18px;display:flex;justify-content:space-between;align-items:center;gap:8px}.slot{font-family:var(--font);font-size:.75rem;font-weight:400;color:#d7c7a7;background:#c59e5230;border:1px solid #a788563d;padding:3px 8px}.route-numbers{display:flex;gap:10px;padding:15px 0;border-top:1px solid #a18d6933;border-bottom:1px solid #a18d6933}.route-numbers>div{flex:1;text-align:center;border-right:1px solid #967a4433}.route-numbers>div:last-child{border-right:0}.route-numbers b{display:block;font-family:var(--serif);color:var(--gold-light);font-size:1.6rem;line-height:1.3;font-weight:400}.route-numbers span{display:block;color:#adb9c4;font-size:.65rem;margin-top:5px}.route-panel h3{font-size:.875rem;font-weight:500;color:#d8e0e7;margin:21px 0 10px}.path-stats{margin:0}.path-stats>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid #34445766;padding:7px 0;font-size:.75rem}.path-stats dt{color:#9eb1c0}.path-stats dd{color:var(--gold-light);margin:0;white-space:nowrap}.path-steps{margin-top:16px;border-top:1px solid #3e4b5877;padding-top:14px;font-size:.75rem}.path-steps summary{cursor:pointer;color:#c9d4de}.path-steps summary span{color:#8ba0b1;font-size:.65rem;margin-left:4px}.path-steps ol{padding-left:20px;color:#a2b0ba}.path-steps li{padding:6px 0}.path-steps li button{background:transparent;padding:0;display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;color:#bcd0df;font-size:.75rem}.path-steps li small{color:#a39a85;font-size:.65rem;white-space:nowrap;align-self:center}.target-picker{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}.target-picker button{background:#111b25;border:1px solid #3a5161;padding:6px 9px;font-size:.75rem;color:#a2b9cb}.target-picker button[aria-pressed=true]{border-color:var(--gold);color:var(--gold-light)}.occurrence-panel{padding:3px 4px}.occurrence-panel h3{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#afbdc9;margin:7px 0 12px;display:flex;justify-content:space-between}.occurrence-panel h3 span{color:#889baa}.occurrence{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border-bottom:1px solid #36475966;padding:11px 9px;color:#a9becf;font-size:.8rem}.occurrence.current{background:#a48b5426;color:var(--gold-light);border-bottom-color:#a38b565e}.occurrence:hover{background:#869fb721}.occurrence>span{display:flex;align-items:center;gap:9px}.occurrence i{width:5px;height:5px;border:1px solid #99b6c7;transform:rotate(45deg)}.occurrence.current i{background:var(--gold);border-color:var(--gold)}.occurrence small{color:#91bfd3;font-size:.65rem}.no-target{padding:28px 22px;text-align:center}.empty-rune{font-size:2.5rem;color:#8194a7}.no-target h2{font-family:var(--serif);font-size:1.125rem;margin:4px 0 10px}.no-target p{font-size:.875rem;color:#a6b6c6;line-height:1.65}.node-detail{padding:20px}.node-detail .eyebrow{font-size:.6rem}.node-detail h3{font-size:1rem;font-weight:500;margin:9px 0}.node-detail p{color:var(--gold-light);font-size:.875rem;margin-bottom:14px}.node-detail .node-route-cost{color:#94a9ba;font-size:.75rem;margin:13px 0 0}.muted{color:var(--muted);font-size:.875rem}.empty-state{text-align:center;padding:60px 20px;color:#a2b5c7}.empty-state>span{font-size:2rem;color:var(--gold)}.empty-state h2{font-family:var(--serif);font-size:1.5rem;color:var(--text);margin:10px 0}.empty-state p{margin:15px 0 24px}.gold-button{background:linear-gradient(#5d4f35,#3d3324);border:1px solid #ad9263;color:var(--gold-light);padding:9px 16px}.tooltip{position:fixed;z-index:100;pointer-events:none;padding:12px 15px;max-width:min(310px,calc(100vw - 16px));background:linear-gradient(#182b3c,#0c1826);border:1px solid #9baaab;box-shadow:0 3px 24px #000c,inset 0 0 0 3px #080f1b;line-height:1.6}.tooltip b{display:block;color:var(--gold-light);font-size:.875rem;font-weight:500}.tooltip span{display:block;color:#c1d9e8;font-size:.8rem}.tooltip small{display:block;color:#99adbd;font-size:.7rem}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;padding:10px;background:#223549;z-index:200}dialog{width:min(650px,calc(100% - 32px));background:linear-gradient(#1d2a38,#0e1825);border:1px solid #ad9468;color:var(--text);padding:32px;max-height:85vh;box-shadow:0 0 80px #0009}dialog::backdrop{background:#040a13cc;backdrop-filter:blur(5px)}dialog h2{font-family:var(--serif);font-size:1.5rem;margin:15px 0 20px}dialog p{color:#b4c2d0;font-size:.875rem;margin:16px 0;line-height:1.7}.dialog-close{position:absolute;right:10px;top:10px}.source-links{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #496078;padding-top:17px;margin-top:23px;font-size:.8rem}@keyframes halo{0%,100%{opacity:.5;transform:scale(.93)}50%{opacity:1;transform:scale(1.08)}}
@media(min-width:1600px){main{padding-top:45px}.class-card{min-height:194px}.class-view{max-width:1240px;margin:auto}}
@media(max-width:1200px){main{padding:30px 28px 45px}.topbar{padding:0 28px}.version{display:none}.class-card{grid-template-columns:62px 1fr;padding:22px 18px 0;gap:14px}.class-emblem{width:62px;height:62px}.class-info b{font-size:1.15rem}.class-info>span{font-size:.75rem}.detail-layout{grid-template-columns:minmax(0,1fr) 295px;gap:17px}.board-head{padding:18px 15px 12px}.board-tabs button{font-size:.75rem}.board-node{width:20px;height:20px}.board-node.active,.board-node.passive{width:27px;height:27px}.board-node.special{width:25px;height:25px}.board-node.origin{width:36px;height:36px;font-size:24px}.skill-grid{grid-template-columns:repeat(2,1fr)}.board-caption{flex-wrap:wrap;gap:3px}.board-legend{gap:12px;padding:15px 12px}.board-head h2 span{display:block;margin:0;font-size:.65rem}}
@media(max-width:900px){.top-note{display:none}.detail-layout{grid-template-columns:minmax(0,1fr)}.inspector{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.occurrence-panel{grid-column:2;grid-row:2}.node-detail{grid-column:1;grid-row:2}.board-viewport{max-height:none}.board-node{height:25px;width:25px}.board-node.active,.board-node.passive{height:33px;width:33px}.board-node.origin{height:43px;width:43px}.board-head h2 span{display:inline-block;margin-left:10px}.board-caption{flex-wrap:nowrap;justify-content:space-between}.class-grid{grid-template-columns:repeat(2,1fr)}.class-card:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.section-intro h1{font-size:2.4rem}.class-card{min-height:176px}.class-info>span{font-size:.875rem}}
@media(max-width:600px){.topbar{height:78px;padding:0 18px;gap:10px}.brand{gap:10px}.brand-name{font-size:1.6rem}.brand-name em{font-size:1.3rem}.brand-sub{font-size:.5rem}.brand-rule{height:28px}.topbar>.subtle-button{font-size:.7rem;padding:7px 9px}.topbar>.subtle-button span{display:none}main{padding:25px 16px 38px}.section-intro{margin:8px 0 26px}.section-intro h1{font-size:1.9rem;margin:12px 0}.section-intro p{font-size:.875rem}.eyebrow{font-size:.65rem;letter-spacing:.1em}.class-grid{gap:11px}.class-card{grid-template-columns:1fr;gap:11px;padding:20px 14px 0;min-height:219px;text-align:center}.class-emblem{justify-self:center;height:56px;width:56px}.class-emblem svg{height:30px;width:30px}.class-info{padding-right:0;gap:4px}.class-info b{font-size:1rem}.class-info>span{font-size:.7rem;line-height:1.4}.class-card-foot{margin-top:0;font-size:.65rem;padding:11px 0}.class-card-foot span:last-child span{display:none}.class-card:last-child{max-width:none;grid-column:auto}.class-number{font-size:.65rem}.selection-foot{font-size:.75rem;align-items:flex-start}.selection-foot .gold-dot{margin-top:5px;flex-shrink:0}.dataset-scope{display:none}.footer{padding:18px 16px;flex-direction:column;gap:5px;font-size:.65rem}.breadcrumb{font-size:.75rem;margin-bottom:21px;gap:9px}.class-title{gap:14px}.title-emblem{width:53px;height:53px;flex-shrink:0}.title-emblem svg{width:29px;height:29px}.class-title h1{font-size:1.65rem}.class-title .eyebrow{font-size:.55rem}.catalog-count{display:none}.catalog-instruction{font-size:.875rem;margin:19px 0}.catalog-tools{flex-direction:column;align-items:stretch;gap:13px}.filters button{padding:7px 10px;font-size:.8rem}.filters{justify-content:space-between;gap:0}.search{min-width:0}.results-meta{font-size:.65rem;align-items:start}.results-meta span{max-width:190px;text-align:right}.skill-grid{grid-template-columns:1fr;gap:12px}.skill-card-main{padding:17px}.skill-card-foot{font-size:.6rem}.detail-heading{gap:10px;align-items:start}.detail-heading h1{font-size:1.5rem;overflow-wrap:anywhere}.detail-heading .subtle-button{font-size:.75rem;white-space:nowrap;padding:7px 10px;margin-top:18px}.board-tabs button{font-size:.6rem;padding:12px 2px;min-height:76px}.board-tabs small,.board-tabs small i{font-size:.55rem}.board-head{padding:14px 12px 12px}.board-head .eyebrow{font-size:.55rem}.board-head h2{font-size:1rem}.board-head h2 span{font-size:.6rem;display:block;margin:1px 0}.board-stage{min-width:0}.board-viewport{max-height:75vh}.board-node{height:16px;width:16px;box-shadow:inset 0 0 0 2px #0a1824}.board-node .node-core{height:4px;width:4px}.board-node.active,.board-node.passive{height:22px;width:22px}.board-node.special{width:20px;height:20px}.board-node.origin{width:30px;height:30px;font-size:20px}.board-node.target{outline-width:1px;outline-offset:4px}.board-node.target:after{inset:-10px}.board-node.matching{outline-offset:2px}.target-label{font-size:.5rem;top:calc(100% + 11px);padding:1px 4px}.axis{font-size:.5rem}.row-axis{left:4px}.col-axis{top:5px}.compass-label{top:20px;font-size:.4rem}.board-legend{padding:14px 8px;gap:9px;font-size:.6rem}.board-caption{flex-direction:column;font-size:.6rem;padding:9px 12px;gap:2px}.inspector{display:flex;gap:14px}.selected-skill,.route-panel{padding:20px}.route-numbers span{font-size:.7rem}.route-numbers b{font-size:1.75rem}.path-stats>div{font-size:.875rem}.occurrence{font-size:.875rem}.tooltip{padding:9px 12px}.tooltip b{font-size:.8rem}.tooltip small{font-size:.65rem}.source-links{gap:13px}dialog{padding:25px 21px}.node-detail .eyebrow{font-size:.65rem}.board-node:before{inset:-5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Original Daevanion presentation: unchanged game sprites on the real grid. */
.header-actions{display:flex;align-items:center;gap:15px}.language-switch{display:flex;border:1px solid #3c4b5e}.language-switch button{padding:8px 10px;background:#0c1722;color:#899db1;font-size:.75rem}.language-switch button[aria-pressed=true]{color:var(--gold-light);background:#b3935430}.board-display{display:flex;align-items:center;gap:7px;padding:0 20px 14px}.board-display button{background:transparent;border:1px solid #52637666;padding:5px 10px;color:#91a7ba;font-size:.75rem}.board-display button[aria-pressed=true]{background:#7599b522;border-color:#97c9e6;color:#d9edf9}.board-display>span{margin-left:auto;color:#8d9fae;font-size:.75rem}.board-viewport{background:radial-gradient(ellipse at 50% 65%,#152025,#090f13 70%);border-color:#34464a}.board-stage{background-image:none}.board-node,.board-node.active,.board-node.passive,.board-node.special,.board-node.origin{width:var(--node-size);height:auto;aspect-ratio:1;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.board-node:before{inset:0;border-radius:0}.original-node-sprite{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.board-node.on-path{box-shadow:none;border:0;filter:drop-shadow(0 0 3px #dec68188)}.board-node.on-path .original-node-sprite{filter:brightness(1.12)}.board-node:not(.on-path):not(.matching) .original-node-sprite{opacity:.72}.board-node.matching{outline:1px solid #d0ad6a;outline-offset:-2px}.board-node.target{outline:2px solid #ffdaa3;outline-offset:1px;box-shadow:0 0 24px #ecbf7133;filter:drop-shadow(0 0 5px #daa64999)}.board-node.target:after{inset:-5px;border-radius:2px;animation:none}.board-node.inspected{outline:2px solid #c6e7f5;outline-offset:1px}.board-node:hover{box-shadow:none;filter:brightness(1.35)}.board-node .skill-icon{position:absolute;inset:11%;height:78%;width:78%;border:1px solid #8598a9;border-radius:0;padding:0;background:#090e12}.board-node .skill-icon img{inset:0;height:100%;width:100%;border-radius:0}.connections line{stroke:#74898e;opacity:.18;stroke-width:.12}.connections line.lit{opacity:1;stroke:#dfbd78;stroke-width:.28}.target-label{top:calc(100% + 5px);font-size:.65rem;letter-spacing:.05em}.board-tabs{background:linear-gradient(#172127,#0c141a)}.board-tabs button[aria-pressed=true]{color:#e5f3fa;background:linear-gradient(#27425444,#131d2200)}.board-tabs button[aria-pressed=true]:after{height:1px;background:linear-gradient(90deg,transparent,#c1e7ff,transparent);left:0;right:0;box-shadow:0 0 8px #a9deff}.board-node:focus-visible{outline:2px solid #d1ecfb;outline-offset:3px}.skill-kind,.skill-card-foot,.board-tabs small,.board-tabs small i,.board-caption,.axis,.route-numbers span,.path-steps li small,.skill-facts,.eyebrow,.board-head .eyebrow,.inspector-skill-head .eyebrow,.node-detail .eyebrow{font-size:max(.75rem,12px)}
@media(max-width:900px){.header-actions{gap:9px}.board-node,.board-node.active,.board-node.passive,.board-node.special,.board-node.origin{width:var(--node-size);height:auto}}
@media(max-width:600px){.header-actions{gap:7px}.header-actions>.subtle-button{font-size:.65rem;padding:6px 7px}.language-switch button{padding:6px 7px;font-size:.65rem}.brand-sub,.brand-rule{display:none}.board-display{padding:0 10px 12px;flex-wrap:wrap}.board-display>span{display:none}.board-display button{font-size:.75rem}.board-node,.board-node.active,.board-node.passive,.board-node.special,.board-node.origin{width:var(--node-size);height:auto}.target-label{font-size:.55rem;top:100%;padding:0 4px}.board-tabs button{font-size:.7rem}.board-tabs small,.board-tabs small i{font-size:.65rem}.axis{font-size:.6rem}.route-title .eyebrow,.node-detail .eyebrow{font-size:.75rem}.board-node.target:after{inset:-3px}.skill-card-foot{font-size:.7rem;flex-wrap:wrap;gap:3px 12px}.skill-card h2{overflow-wrap:normal}.board-caption{font-size:.7rem}}

.localization-note{color:#d4b878;padding:12px 16px;border-left:2px solid #a9905a;background:#a9905a0d;font-size:.8rem;line-height:1.6}.variable-note{color:#899ba6;font-size:.75rem;line-height:1.5;margin:0 0 18px}.skill-facts{gap:12px;flex-wrap:wrap}
.board-viewport{max-height:none}.board-viewport.zoomed{max-height:min(900px,80vh)}
.class-emblem .original-class-icon,.title-emblem .original-class-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px #0009)}.class-emblem:has(.original-class-icon),.title-emblem:has(.original-class-icon){padding:7px;background:none;border-color:transparent}.class-info [data-localized-name]{color:var(--text)}