.skill-icon{width:48px;height:48px;object-fit:cover;border-radius:5px;border:1px solid #587378}.priority-strip{display:flex;gap:24px;align-items:center;padding:18px;background:#151b20;border:1px solid #303c43}.priority-strip>strong{width:90px;font-size:11px;color:#9eaeb8}.priority-strip>div,.hotbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.skill-tile{position:relative;padding:0;background:transparent;border:0;min-width:48px}.skill-tile img{display:block}.skill-tile b{position:absolute;bottom:0;right:0;background:#101416;color:#f0c475;padding:0 4px}.skill-tile>span{display:none}.skill-tile:hover img{outline:2px solid #64cbbb}.skill-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.skill-sheet{border:1px solid #34434b;border-radius:8px;padding:22px;background:#161e24}.skill-sheet-head{display:flex;align-items:center;gap:14px}.skill-sheet-head h3{margin:0}.skill-sheet p{line-height:1.7}.specialization{display:flex;gap:12px;border:1px solid #303b42;padding:12px;margin:8px 0;background:#1c252b}.specialization>b{color:#8a9aa4}.specialization.recommended{border-color:#8b7547;background:#2a2820}.specialization small{display:block;color:#b5bdc2;margin-top:5px}.muted{color:#9eabb2;font-size:13px}#skillDialog{max-width:650px;width:90vw;max-height:85vh;overflow:auto;background:#10171d;color:#e5edf1;border:1px solid #48616b}.close-sheet{float:right}.hotbar{padding:30px;margin:20px 0;background:#11171b;border:1px solid #334148}.macro-timeline>div{display:flex;align-items:center;gap:16px;padding:12px;border-bottom:1px solid #354049}.macro-timeline>div>span{color:#d8b478}.route-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:22px 0}.route-controls label{display:grid;gap:8px}.route-controls input{width:160px}.route-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:20px}.square-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:repeat(11,1fr);gap:4px;aspect-ratio:1;max-width:760px;margin:20px auto;background:#0b1013;padding:8px}.square-node{position:relative;padding:0;border-radius:3px;border:1px solid #29353c;background:#192228;color:#64757d;opacity:.34;min-width:0}.square-node img{width:100%;height:100%;object-fit:cover;display:block}.square-node>span{font-size:clamp(10px,2vw,26px)}.square-node.planned{opacity:.6;border-color:#8a774b}.square-node.invested{opacity:1;border:2px solid #e7bd69;box-shadow:0 0 7px #c2a25640}.square-node.start{opacity:1;background:#12353c;border-color:#52a89d}.square-node b{position:absolute;right:0;bottom:0;background:#0a1216;color:#ffd37e;font-size:10px;padding:0 2px}.authentic-board small{font-size:11px;color:#8296a2}.ordered-nodes{max-height:620px;overflow:auto}.ordered-nodes button{display:flex;text-align:left;gap:12px;width:100%;margin:5px 0;padding:10px;color:#8495a0}.ordered-nodes button.done{border-color:#8e7548;color:#e6dfca}.ordered-nodes small{display:block;font-size:11px;margin-top:5px}.ordered-nodes button>b{color:#edc97c}.route-order input{width:100%;margin:16px 0}.intro-playbook h2{font-size:28px}.intro-playbook p{max-width:900px;line-height:1.8}@media(max-width:1000px){.route-layout,.skill-sheets{grid-template-columns:1fr}.priority-strip{gap:10px}.priority-strip>strong{width:65px}.square-grid{gap:3px}.route-order .ordered-nodes{max-height:350px}}