#view>main:has(.race-board93){max-width:1540px;padding:25px 22px 60px}.race-select93{margin:14px 0;gap:12px}.race-select93 button{padding:11px 14px}.race-select93 img{width:55px;height:55px}.race-select93 small{font-size:11px}.class-board93{border:1px solid #604b33;border-radius:10px;background:radial-gradient(ellipse at 30% 5%,#30262a,#171419 80%);overflow:visible}.class-board93>header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid #59432f}.class-board93 h3{font-size:20px;margin:3px 0;color:#f0d8ac}.class-board93 header p{font-size:12px;margin:0;color:#c6b299}.class-stages93{display:grid;grid-template-columns:repeat(4,1fr);padding:9px 10px;color:#c6ad81;background:#201b1d;font-size:12px;text-align:center}.class-stages93 b{font-size:10px;display:block;margin-top:3px;color:#928577}.class-map93{height:calc(var(--leaves)*56px + 12px);position:relative;overflow:visible;width:100%}.class-map93>svg,.class93-road>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.class-map93 path,.class93-road path{stroke:#796342;stroke-width:1.3;fill:none;vector-effect:non-scaling-stroke}.class-map93 path.on{stroke:#e2bd76;stroke-width:2.2}.class-job93{position:absolute;transform:translateY(-50%);width:23%;height:44px;display:flex;align-items:center;gap:9px;padding:5px 9px;text-align:left;border:1px solid #6d553a;border-radius:7px;background:linear-gradient(120deg,#3d3027,#221b1e);color:#ecd4a8;cursor:pointer;min-width:0}.class-job93 img{width:31px;height:31px;object-fit:contain;flex-shrink:0}.class-job93 span{min-width:0}.class-job93 b{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.class-job93 small{display:block;font-size:9px;color:#af9b80;margin-top:2px}.class-job93.ancestor{border-color:#ad8750}.class-job93:hover,.class-job93.on{border-color:#efc77e;background:linear-gradient(120deg,#64502e,#35251f);box-shadow:0 0 0 1px #b7893b33}.class-board93>footer{font-size:11px;color:#bba681;padding:10px 18px;border-top:1px solid #493a2c;background:none;line-height:1.5;text-align:left;border-radius:0 0 10px 10px}.class-detail93{margin-top:24px;border:1px solid #6b5134;background:#211a1d;border-radius:12px;padding:22px;scroll-margin-top:88px;color:#e5cda8}.class-detail93[hidden]{display:none}.class-detail93>header{display:flex;gap:16px;align-items:center;position:relative;padding-right:35px}.class-detail93>header>img{width:70px;height:70px;object-fit:contain;flex-shrink:0}.class-detail93 h3{font-size:24px;color:#f3ddb3;margin:4px 0 7px}.class-detail93 h4{font-size:16px;color:#eed3a0;margin:0 0 9px}.class-detail93 header p{font-size:13px;line-height:1.7;margin:0 0 7px;color:#bcaa96}.class-detail93 header small{font-size:12px;line-height:1.8;color:#d3b47d}.class93-close{position:absolute;right:0;top:0;border:1px solid #806340;border-radius:50%;width:30px;height:30px;background:#352821;color:#efcf97;font-size:23px;line-height:1;cursor:pointer}.class93-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:18px 0 15px}.class93-breadcrumb button{padding:5px 9px;border:1px solid #614b36;border-radius:5px;background:#2d2220;color:#bea27b;font-size:11px;cursor:pointer}.class93-breadcrumb button.on{border-color:#b78e52;color:#f2d5a0}.class93-breadcrumb>span{color:#927448}.class93-tabs{display:flex;gap:6px;border-bottom:1px solid #614a31;margin-bottom:16px}.class93-tabs button{padding:10px 17px;background:#2c2220;color:#ba9b70;border:1px solid #614a31;border-bottom:0;border-radius:7px 7px 0 0;font-size:13px;cursor:pointer}.class93-tabs button.on{color:#f2dab3;background:#5b422b;border-color:#b38b4d}.class93-filter{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}.class93-filter>div,.class93-mode{display:flex;gap:6px;flex-wrap:wrap}.class93-filter button,.class93-mode button{border:1px solid #665036;background:#2b2220;border-radius:5px;padding:6px 11px;color:#c2a47a;cursor:pointer;font-size:12px}.class93-filter button.on,.class93-mode button.on{border-color:#c69c58;background:#60472d;color:#fbe2b9}.class93-filter label{display:flex;align-items:center;gap:7px;font-size:11px;color:#bfa786}.class93-filter select,.class93-filter input{background:#1b171b;color:#d4b98c;border:1px solid #685035;font:12px 'Malgun Gothic',sans-serif;min-height:33px;padding:6px 9px;border-radius:5px}.class93-search input{width:165px}.class93-note,.class93-tree-note{font-size:11px;line-height:1.8;color:#ac9b88;margin:13px 0 8px}.class93-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#class93-count{font-size:12px;color:#c1a370;margin:12px 0}.class93-skill{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;border:1px solid #5f4934;border-left:3px solid var(--skill-color);border-radius:8px;background:linear-gradient(115deg,#342824,#241e20);padding:13px;color:#d7bf9a;cursor:pointer}.class93-skill:hover{border-color:#b28b51;filter:brightness(1.07)}.class93-skill-top{display:flex;gap:10px;align-items:center}.class93-skill-top i{width:33px;height:33px;display:grid;place-items:center;background:#17151a;border:1px solid #6e5639;color:var(--skill-color);border-radius:7px;font-size:20px;font-style:normal;flex-shrink:0}.class93-skill-top>span{flex:1;min-width:0}.class93-skill small{display:block;font-size:10px;color:#b69e7b;margin-bottom:5px}.class93-skill b{font-size:13px;color:#f1d9ad;line-height:1.55;overflow-wrap:anywhere}.class93-skill em{align-self:flex-start;font-size:10px;color:#e0bd7c;font-style:normal;white-space:nowrap}.class93-skill ul{padding-left:15px;margin:12px 0;font-size:12px;line-height:1.8;color:#c0af99;flex:1}.class93-skill footer{padding:9px 0 0;background:none;text-align:left;border-top:1px solid #614932;color:#ad9574;font-size:10px;display:flex;justify-content:space-between;gap:8px}.class93-skill footer span{color:#dfbc7a}.class93-selected,.class93-node-detail{border:1px solid #88663b;background:#2f241f;padding:17px;border-radius:8px;margin-top:16px;color:#d5ba90;scroll-margin-top:90px}.class93-selected p,.class93-selected li,.class93-node-detail p,.class93-node-detail li{font-size:12px;color:#c8b69d;line-height:1.8;margin-bottom:8px}.class93-selected ul,.class93-node-detail ul{padding-left:20px;margin:8px 0 12px}.class93-node-detail article{margin-top:10px;padding:12px;background:#201a1d;border-radius:6px;border:1px solid #58432f}.class93-node-detail small{color:#ac9476;font-size:11px}.class93-road-info{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.class93-road-info span{font-size:11px;padding:6px 10px;background:#33271f;border:1px solid #715534;border-radius:5px;color:#d3b888}.class93-road-head{display:grid;grid-template-columns:repeat(var(--columns),1fr);text-align:center;font-size:11px;color:#c5a271;padding:10px 0;background:#1b171b;border:1px solid #4e3b2b;border-radius:5px}.class93-road{position:relative;height:calc(var(--lanes)*62px + 12px);width:100%;overflow:visible}.class93-road-node{position:absolute;transform:translateY(-50%);height:49px;background:linear-gradient(#3c3424,#24261f);border:1px solid #8c8452;color:#e4d4a6;border-radius:6px;padding:6px 8px;cursor:pointer;overflow-wrap:anywhere}.class93-road-node small{font-size:9px;display:block;color:#afa381;margin-bottom:3px}.class93-road-node b{font-size:11px;display:block;line-height:1.4}.class93-road-node:hover,.class93-road-node.on{border-color:#e6c57f;box-shadow:0 0 0 1px #be9454;background:#594526}.class93-full{display:block;width:100%;height:auto;margin:14px 0;background:#19171a;border:1px solid #665035;border-radius:7px;min-height:200px;overflow:visible}.class93-full path{stroke:#6b583c;stroke-width:1;fill:none}.class93-full g{cursor:pointer}.class93-full circle{fill:#b99559;stroke:#e0be7d;stroke-width:1}.class93-full .skill circle{fill:#a8c278;stroke:#e0ebbe}.class93-full .boost circle{fill:#a48dd3;stroke:#ddcbf4}.class93-full g:hover circle,.class93-full g:focus circle,.class93-full .selected circle{stroke:#fff;stroke-width:3;fill:#e4a449}.class93-empty{padding:23px;font-size:13px;line-height:1.8;color:#b8a284}.class-detail93 button:focus-visible,.class-job93:focus-visible{outline:3px solid #efd49e;outline-offset:3px}
@media(min-width:1650px){.class-job93 b{font-size:14px}.class-map93{height:calc(var(--leaves)*58px + 12px)}}
@media(max-width:1050px){.race-select93 small{display:none}.race-select93{grid-template-columns:repeat(4,minmax(0,1fr))}.race-select93 img{width:40px;height:40px}.race-select93 button{gap:8px;padding:9px}.race-select93 b{font-size:15px}.class-job93 b{font-size:12px}.class-job93 small{font-size:8px}.class-job93 img{width:27px;height:27px}.class93-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.class93-filter{gap:9px}.class93-road-node{height:55px;padding:5px}.class93-road-node b{font-size:10px}.class93-road{height:calc(var(--lanes)*68px + 12px)}}
@media(max-width:650px){#view>main:has(.race-board93){padding:20px 10px 40px}.race-select93{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.race-select93 button{display:grid;gap:4px;justify-items:center;text-align:center;padding:8px 3px}.race-select93 img{width:31px;height:31px}.race-select93 b{font-size:12px;margin:0}.class-board93>header{display:block;padding:12px}.class-board93 h3{font-size:17px}.class-board93 header p{font-size:10px;margin-top:6px}.class-stages93{font-size:10px;padding:8px 0}.class-stages93 b{font-size:9px}.class-job93{height:43px;padding:4px;justify-content:center;text-align:center}.class-job93 img{display:none}.class-job93 b{font-size:10px;line-height:1.35}.class-job93 small{display:none}.class-map93{height:calc(var(--leaves)*51px + 12px)}.class-board93>footer{font-size:9px;padding:9px 10px}.class-detail93{padding:13px;scroll-margin-top:118px}.class-detail93>header{gap:10px;padding-right:23px}.class-detail93>header>img{width:48px;height:48px}.class-detail93 h3{font-size:19px}.class-detail93 header p{font-size:11px}.class-detail93 header small{font-size:10px}.class93-breadcrumb{gap:4px}.class93-breadcrumb button{font-size:10px;padding:4px 6px}.class93-tabs button{padding:9px 11px;font-size:12px}.class93-skills{grid-template-columns:1fr}.class93-filter>div{width:100%}.class93-filter button{font-size:11px;padding:6px 10px}.class93-search{flex:1;min-width:0}.class93-search>span{display:none}.class93-search input{width:100%}.class93-filter label{font-size:10px}.class93-filter select{max-width:123px}.class93-note,.class93-tree-note{font-size:10px}.class93-road-info{gap:5px}.class93-road-info span{font-size:9px;padding:5px}.class93-mode button{font-size:10px;padding:6px 8px}.class93-road-head{font-size:9px;padding:8px 0}.class93-road-node{height:68px;padding:4px 3px}.class93-road-node b{font-size:10px;line-height:1.35}.class93-road-node small{font-size:8px}.class93-road{height:calc(var(--lanes)*78px + 12px)}.class93-selected,.class93-node-detail{padding:13px;scroll-margin-top:118px}.class93-full{min-height:150px}}
@media(prefers-reduced-motion:reduce){.race-board93 *{scroll-behavior:auto!important}}
#view>main:has(.race-board93) .page-head{margin-bottom:12px;align-items:center}#view>main:has(.race-board93) .page-head>.kicker,#view>main:has(.race-board93) .page-head .kicker{display:none}#view>main:has(.race-board93) .page-head h2{margin:0 0 5px}#view>main:has(.race-board93) .page-head p{font-size:12px}#view>main:has(.race-board93) .info-summary{margin:10px 0 12px}#view>main:has(.race-board93) .info-summary span{padding:5px 10px}#view>main:has(.race-board93)>.tabs{margin:12px 0}.race-select93{margin:10px 0}.race-select93 button{padding:9px 12px}.race-select93 img{width:49px;height:49px}.class-board93>header{padding:11px 18px}.class-board93>header .kicker{display:none}.class-board93 h3{margin:0;font-size:19px}.class-stages93{padding:7px 10px}.class-stages93 b{margin-top:2px}.class-map93{height:calc(var(--leaves)*51px + 12px)}
@media(min-width:1650px){.class-map93{height:calc(var(--leaves)*54px + 12px)}}
@media(max-width:650px){#view>main:has(.race-board93) .page-head{display:flex;gap:10px}#view>main:has(.race-board93) .page-head p{font-size:10px}#view>main:has(.race-board93) .page-head>.btn{padding:6px 8px;font-size:10px;white-space:nowrap}#view>main:has(.race-board93) .info-summary{gap:5px;margin:10px 0}#view>main:has(.race-board93) .info-summary span{padding:4px 7px;font-size:10px}.race-select93 button{padding:8px 3px}.race-select93 img{width:31px;height:31px}.class-board93>header{padding:11px 12px}.class-board93 h3{font-size:17px}.class-map93{height:calc(var(--leaves)*51px + 12px)}}
@media(min-width:651px) and (max-width:1450px){#view>main:has(.race-board93){padding-top:18px}#view>main:has(.race-board93) .page-head{margin-bottom:9px}#view>main:has(.race-board93)>.tabs{margin:10px 0}.class-board93>header{padding:9px 18px}.class-stages93{padding:6px 10px}.class-map93{height:calc(var(--leaves)*50px + 12px)}.class-board93>footer{padding-top:8px;padding-bottom:8px}}

.skill95-icon{display:inline-block;width:36px;height:36px;min-width:36px;flex-shrink:0;image-rendering:auto;background-color:#17151a;background-repeat:no-repeat;border:1px solid #a98a58;border-radius:6px;box-shadow:0 1px 4px #0006}.skill95-road-label{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.skill95-road-label .skill95-icon{width:25px;height:25px;min-width:25px;border-radius:4px}.skill95-road-label b{min-width:0;overflow-wrap:anywhere}.skill95-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.skill95-detail-head h4{margin:0}.skill95-location{padding:10px 12px;background:#4a3520;border:1px solid #b18a47;border-radius:6px;color:#f5d79f;font-size:12px;line-height:1.7}.class93-full .selected circle{stroke:#fff1a0;stroke-width:4;fill:#ffb932;r:8px}.class93-road-node{height:56px}.class93-road-node:focus-visible{outline:2px solid #f4d597;outline-offset:2px}@media(max-width:650px){.skill95-road-label{gap:4px;flex-direction:column}.skill95-road-label .skill95-icon{width:21px;height:21px;min-width:21px}.class93-road-node{height:75px}.class93-road{height:calc(var(--lanes)*84px + 12px)}.skill95-location{font-size:11px}}

.class93-skill-top>.skill95-icon{flex:0 0 36px;width:36px;min-width:36px;max-width:36px}.skill95-icon{aspect-ratio:1/1}
