:root{--q0:#b2b2b2;--q1:#f4f4ec;--q2:#56ee40;--q3:#69b6ff;--q4:#ca91ff}
.q0{--quality:var(--q0)}.q1{--quality:var(--q1)}.q2{--quality:var(--q2)}.q3{--quality:var(--q3)}.q4{--quality:var(--q4)}.quality-name{color:var(--quality,var(--text))!important}.quality-badge{display:inline-flex;gap:7px;align-items:center;color:var(--quality,var(--muted));font-size:12px;font-weight:600}.quality-badge:before{content:'';width:6px;height:6px;background:var(--quality);display:inline-block;transform:rotate(45deg)}.quality-legend{display:flex;gap:16px;flex-wrap:wrap;padding:16px 20px;background:var(--panel);border:1px solid var(--line);margin:17px 0}.quality-help{font-size:13px;color:var(--muted);max-width:880px}.item-icon{width:52px;height:52px;object-fit:cover;border:2px solid var(--quality,#6b7254);border-radius:4px;box-shadow:0 2px 8px #0008;flex-shrink:0}.item-heading{display:flex;align-items:center;gap:15px}.item-heading>div{min-width:0}.item-heading .craft-title{color:var(--quality);font-size:24px}.item-en{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}.item-inline-icon{width:27px;height:27px;vertical-align:middle;border:1px solid var(--quality,#5f655a);border-radius:2px;margin:0 6px 2px 3px}.item-token{color:var(--quality)!important;white-space:normal}.item-token[data-item-id]{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.db-controls{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin:20px 0}.db-controls label,.atlas-controls label,.talent-controls label{font-size:12px;color:var(--muted)}.db-controls input,.atlas-controls input{display:block;width:100%;background:#112326;border:1px solid #40564e;color:var(--text);padding:12px 14px;border-radius:3px;font:inherit;font-size:14px;margin-top:7px}.db-controls select,.atlas-controls select{font-size:14px;margin-top:7px}.item-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.item-db-card{border:1px solid #364b43;border-top:2px solid var(--quality);background:var(--panel);padding:20px;border-radius:4px;display:flex;flex-direction:column;gap:13px;text-align:left}.item-db-card:hover{background:#20332f}.item-db-card h3{font-family:var(--sans);font-size:15px;line-height:1.5;margin:0;color:var(--quality)}.item-db-card p{font-size:13px;color:var(--muted);margin:0}.item-db-card>small{margin-top:auto;font-size:11px;color:#95aa9e}.item-modal,.ability-modal{color:var(--text);background:#122326;border:1px solid #6b7050;border-radius:6px;padding:0;max-width:680px;width:calc(100% - 30px);max-height:85vh}.item-modal::backdrop,.ability-modal::backdrop{background:#061316c9;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between;align-items:start;padding:24px 26px 18px;border-bottom:1px solid var(--line);gap:15px}.modal-top button{border:1px solid var(--line);background:var(--panel2);padding:5px 12px;color:var(--text);border-radius:3px;font-size:22px}.modal-body{padding:22px 26px}.modal-body h4{color:var(--gold);margin:22px 0 8px}.modal-body p{font-size:15px}.db-tooltip{white-space:pre-wrap;font-family:var(--sans);font-size:13px;color:#b7cabe;line-height:1.8;max-height:280px;overflow:auto;padding:16px;background:#0c1a1d;border:1px solid var(--line)}.empty-state{padding:35px;text-align:center;border:1px dashed var(--line);color:var(--muted);grid-column:1/-1}.ability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.ability-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #354d43;background:#14282a;color:var(--text);text-align:left;border-radius:4px;transition:.2s}.ability-card img{width:44px;height:44px;border:1px solid #8a784b;border-radius:3px}.ability-card b{font-size:13px;line-height:1.4;display:block;font-weight:600}.ability-card small{font-size:10px;color:var(--gold);display:block;margin-top:5px}.ability-card:hover{border-color:var(--gold);transform:translateY(-2px);background:#26392d}.ability-filter{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin:12px 0 20px}.ability-filter input{accent-color:var(--gold)}
/* Atlas: genuine client map with a coordinate overlay. */
.atlas-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:16px;margin-bottom:16px}.atlas-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px;align-items:start}.map-viewport{position:relative;aspect-ratio:1002/668;width:100%;background:#b59b67;border:1px solid #797457;border-radius:5px;overflow:hidden;isolation:isolate;touch-action:none;cursor:grab;outline-offset:3px}.map-viewport:active{cursor:grabbing}.map-world{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.map-image{position:absolute;inset:0;width:100%;height:100%;user-select:none;pointer-events:none}.map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.map-lines path{fill:none;stroke:#4f281a;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:7 5;filter:drop-shadow(0 1px 1px #fff9)}.map-pin-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-pin{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:31px;height:31px;min-width:31px;border-radius:50%;border:2px solid #f9e1aa;background:#143b35;color:#fff8e5;font-size:12px;font-weight:800;box-shadow:0 2px 7px #0009;pointer-events:auto;padding:0;z-index:2}.map-pin.vendor{background:#375168}.map-pin.trainer{background:#426237}.map-pin.fishing{background:#215c75}.map-pin.lore{background:#634475}.map-pin.selected{background:#b8592d;border-color:white;box-shadow:0 0 0 5px #ffc65e70,0 2px 7px #000a;z-index:5}.map-pin.cluster{background:#564226;border-style:double;width:35px;height:35px}.map-pin:focus-visible{outline:3px solid #10272b;outline-offset:3px}.map-pin .pin-name{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max-content;max-width:180px;padding:5px 9px;background:#102325f0;border:1px solid #8b895d;border-radius:3px;font-size:11px;pointer-events:none;opacity:0;color:#f3ead5}.map-pin:hover .pin-name,.map-pin:focus-visible .pin-name,.map-pin.selected .pin-name{opacity:1}.map-controls{position:absolute;left:10px;top:10px;z-index:8;display:flex;gap:5px;pointer-events:auto}.map-controls button{width:35px;height:35px;background:#142826e8;border:1px solid #8b8b65;color:#f5dfac;border-radius:3px;padding:0;font-size:18px}.map-controls button:last-child{width:auto;padding:0 9px;font-size:11px}.map-coordinates{position:absolute;left:10px;bottom:10px;z-index:7;background:#112727dc;border:1px solid #92906a;border-radius:3px;padding:4px 9px;font-size:11px;pointer-events:none;color:#efe1b6;font-variant-numeric:tabular-nums}.map-scale{position:absolute;right:10px;bottom:10px;z-index:7;background:#142826de;padding:4px 8px;border-radius:3px;font-size:11px;color:#f5dfb9;pointer-events:none}.map-legend{display:flex;flex-wrap:wrap;gap:15px;margin:12px 0;font-size:11px;color:var(--muted)}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#789a68;margin-right:5px}.map-legend .vendor i{background:#7ca1d0}.map-legend .lore i{background:#bca0da}.map-legend .fishing i{background:#6dbbd0}.map-sources{font-size:11px;color:var(--muted);margin-top:10px}.map-sources a{color:var(--gold);border-bottom:1px dotted #777a51}.atlas-side{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:22px}.atlas-side h3{font-size:28px;margin:11px 0 4px}.atlas-side .npc-english{font-size:12px;color:var(--muted);margin-bottom:18px}.atlas-side p{font-size:14px;line-height:1.8}.atlas-side .coords{margin:8px 0 16px}.map-route-steps{margin:18px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.map-route-step{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 12px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:12px;border-radius:3px}.map-route-step>b{width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;background:#2e4233;border-radius:50%;color:var(--gold);font-size:11px}.map-route-step.active{border-color:var(--gold);color:var(--gold)}.route-stop-text{line-height:1.5}.route-stop-text small{display:block;color:#8ba69b;font-size:10px}.atlas-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.atlas-actions .button{font-size:12px;padding:8px 11px}.npc-map-link{display:inline-flex;align-items:center;gap:7px;background:#283e32;border:1px solid #56634a;color:var(--gold);padding:7px 11px;border-radius:3px;font-size:12px;margin-top:12px}.npc-inline-ru{color:inherit}.npc-inline-en{font-size:.83em;color:var(--muted)}
/* Talent planner */
.talent-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:19px 22px;background:var(--panel);border:1px solid var(--line);border-radius:4px}.talent-controls label{flex:1;min-width:140px}.talent-controls select,.talent-controls input{display:block;width:100%;margin-top:7px}.talent-controls input{accent-color:var(--gold)}.talent-pool{display:flex;gap:25px;padding:19px 2px;flex-wrap:wrap}.talent-pool b{font-family:var(--serif);font-size:35px;line-height:1;color:var(--gold);display:block}.talent-pool span{font-size:11px;color:var(--muted)}.talent-layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(235px,300px);gap:20px;align-items:start}.talent-branch{border:1px solid #677053;border-radius:5px;overflow:hidden;background:#102023}.talent-tree-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#1e332b;border-bottom:1px solid #5a634b}.talent-tree-head h3{font-size:25px;margin:0}.talent-tree-head span{font-size:13px;color:var(--gold)}.talent-tree-body{position:relative;background-size:cover;background-position:center;isolation:isolate;min-height:574px}.talent-tree-body:before{content:'';position:absolute;inset:0;background:linear-gradient(#0b1b1dc9,#0b1b1d66 50%,#0c1b1dc7);z-index:-1}.talent-node-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,78px);padding:15px 28px;gap:0;max-width:540px;margin:auto}.talent-node-wrap{display:flex;align-items:center;justify-content:center;position:relative}.talent-node{width:51px;height:51px;padding:0;position:relative;border:2px solid #678651;border-radius:4px;background:#071316;transition:filter .18s,transform .18s;box-shadow:0 2px 8px #000a;color:white}.talent-node img{width:100%;height:100%;object-fit:cover;border-radius:2px}.talent-node.locked img{filter:grayscale(1) brightness(.44)}.talent-node.locked{border-color:#5b655a}.talent-node.learned{border-color:#51ce6c}.talent-node.maxed{border-color:#f5cb57}.talent-node.selected{outline:2px solid white;outline-offset:4px;transform:scale(1.05)}.talent-rank{position:absolute;bottom:-10px;right:-8px;border:1px solid #586c3f;background:#071714;min-width:31px;padding:0 4px;border-radius:2px;font-size:12px;font-weight:800;line-height:19px;color:#bce785;font-variant-numeric:tabular-nums}.talent-node.maxed .talent-rank{color:#f3d36d}.talent-node.locked .talent-rank{color:#7d8e82;border-color:#465349}.talent-row-label{position:absolute;left:5px;top:calc(var(--row)*78px + 43px);font-size:10px;color:#c3c9a5;background:#0e201c99;padding:0 3px;border-radius:3px}.talent-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.talent-connections path{stroke:#8a8f68;stroke-width:2;fill:none;opacity:.85}.talent-connections path.open{stroke:#dfc471;opacity:1}.talent-detail{background:var(--panel);border:1px solid #486047;border-radius:4px;padding:22px;position:sticky;top:20px}.talent-detail .detail-icon{width:60px;height:60px;border:2px solid #b3a05f;border-radius:4px}.talent-detail h3{font-size:28px;margin:15px 0 5px}.talent-detail .en{font-size:12px;color:var(--muted);margin-bottom:15px}.talent-detail .rank-heading{color:var(--gold);font-size:12px;letter-spacing:.5px;font-weight:700;margin-top:19px;margin-bottom:8px}.talent-detail p{font-size:14px;line-height:1.75}.talent-buttons{display:flex;gap:8px;margin:17px 0}.talent-buttons button{flex:1}.talent-buttons .button{font-size:12px;padding:9px 7px}.talent-requirement{font-size:12px;color:#c3b88e;border-top:1px solid var(--line);padding-top:13px}.talent-help{font-size:12px;color:var(--muted);padding:15px 20px;background:#132725;border-top:1px solid #546048}.talent-status{min-height:27px;font-size:13px;color:var(--gold);margin:12px 0}.talent-level-warning{font-size:12px;color:#d7bd8c;margin-top:15px}.talent-build-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.talent-build-summary .button{font-size:12px}.attribution{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0}.attribution a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.tree-tabs button{display:flex;align-items:center;gap:10px}.tree-tabs img{width:28px;height:28px;border:1px solid #776c43;border-radius:3px}.sidebar nav{gap:2px}.sidebar nav a{padding-top:9px;padding-bottom:9px}.sidebar-bottom{padding-top:25px}.inline-source{font-size:11px;color:var(--muted);display:block;margin-top:8px}.quality-toggle[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--quality,var(--gold))}.linked-inline{cursor:pointer}.view.active .talent-node{animation:node-in .25s ease both}@keyframes node-in{from{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:1250px){.atlas-grid{grid-template-columns:1fr}.atlas-side{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px}.atlas-side .atlas-actions,.atlas-side>p,.atlas-side>.map-sources{grid-column:1/-1}.item-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.talent-layout{grid-template-columns:minmax(300px,1fr) minmax(230px,280px)}.talent-node-grid{padding-left:20px;padding-right:20px}.talent-node{width:46px;height:46px}.sidebar-bottom p{font-size:17px}}
@media(max-width:1050px) and (min-width:901px){.talent-layout{grid-template-columns:1fr}.talent-detail{position:static}.talent-detail h3{display:inline-block;margin-left:14px}.talent-node{width:52px;height:52px}}
@media(max-width:780px){.talent-layout{grid-template-columns:1fr}.talent-detail{position:static}.atlas-controls{grid-template-columns:1fr 1fr}.atlas-controls label:last-child{grid-column:1/-1}.db-controls{grid-template-columns:1fr}.talent-node{width:53px;height:53px}}
@media(max-width:520px){.item-catalog{grid-template-columns:1fr}.atlas-controls{grid-template-columns:1fr;gap:12px}.atlas-controls label:last-child{grid-column:auto}.atlas-side{display:block}.map-viewport{aspect-ratio:1;min-height:340px}.map-world{height:66.667%;top:16.667%}.talent-node-grid{grid-template-rows:repeat(7,76px);padding-left:22px;padding-right:22px}.talent-row-label{top:calc(var(--row)*76px + 43px)}.talent-tree-body{min-height:562px}.talent-node{width:49px;height:49px}.talent-controls{padding:16px;gap:15px}.talent-controls label{min-width:120px}.talent-controls>.button{width:100%}.talent-pool{gap:22px}.talent-pool b{font-size:29px}.tree-tabs{gap:7px}.tree-tabs button{padding:9px;font-size:12px;gap:7px}.tree-tabs img{width:23px;height:23px}.map-route-steps{grid-template-columns:1fr 1fr}.map-route-step{font-size:11px;padding:9px}.quality-legend{gap:11px;padding:14px}.quality-badge{font-size:11px}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-card{padding:12px;display:block}.ability-card img{width:40px;height:40px;margin-bottom:8px}.ability-card b{font-size:12px}.item-heading .craft-title{font-size:23px}.modal-top,.modal-body{padding:19px}.npc-inline-en{display:inline}.atlas-side h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.view.active .talent-node{animation:none}.map-world{will-change:auto}}
@media print{.map-viewport{height:400px;break-inside:avoid}.map-controls,.talent-buttons,.db-controls,.talent-controls{display:none}.item-db-card{background:white}.talent-detail{position:static}.item-catalog{grid-template-columns:repeat(2,1fr)}}
.starter-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 28px}.starter-item{display:flex;gap:12px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);border-bottom:2px solid var(--quality);padding:14px;color:var(--quality);border-radius:4px}.starter-item b{font-size:13px;line-height:1.5;display:block}.starter-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.starter-item:hover{background:#28382e}.npc-token{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.npc-token:focus-visible,.item-token:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.route-map-button{margin-top:15px}.ability-section{margin-bottom:32px}.npc-map-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-top h2{font-size:26px;line-height:1.25;margin:0 0 8px}.item-modal .item-token{display:inline}.quality-toggle{color:var(--quality,var(--muted))}.craft .item-icon{width:52px;height:52px}.item-token{display:inline;line-height:1.9}.item-heading .craft-title{line-height:1.3}.item-en{font-style:normal;font-weight:400}
@media(max-width:1150px){.starter-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.starter-item{display:block;padding:13px}.starter-item .item-icon{margin-bottom:8px}.modal-top h2{font-size:23px}.item-heading{gap:11px}.item-heading .craft-title{font-size:22px}.ability-section .section-heading{display:block}.ability-section .section-heading .button{margin-top:15px}}