.rank-profile-badge,.rank-emblem{clip-path:none;background:none;box-shadow:none}
#main-menu #rank-profile{overflow:hidden}
#main-menu .rank-profile-badge{box-sizing:border-box;width:72px;height:82px;min-width:72px;max-width:72px;min-height:82px;max-height:82px;overflow:hidden;contain:layout paint}
#main-menu .rank-profile-badge svg{display:block;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;filter:drop-shadow(0 5px 8px #0008)}
.rank-emblem svg{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 8px #0008)}
.rank-profile-top>div:nth-child(2){flex:1}
#open-rank-road{flex:none;align-self:center;margin-left:auto;padding:8px 11px;border:1px solid var(--rank-color);border-radius:7px;background:#142737;color:#f2f6fb;font:800 12px system-ui;white-space:nowrap;cursor:pointer}
#open-rank-road:hover,#open-rank-road:focus-visible{background:#20394a;box-shadow:0 0 0 2px #ffffff32}
.rank-road-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:14px;background:#03101be0;backdrop-filter:blur(7px)}
.rank-road-panel{box-sizing:border-box;width:min(1100px,98vw);max-height:94vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #657c92;border-top:4px solid #e9c474;border-radius:16px;background:#0b1725;color:#f4f7fb;box-shadow:0 24px 80px #000b}
.rank-road-header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:20px 25px 14px;border-bottom:1px solid #36516a;background:linear-gradient(95deg,#172a3c,#0b1725)}
.rank-road-header small{color:#f1ca79;font:800 11px system-ui;letter-spacing:.25em}.rank-road-header h2{margin:4px 0 5px;font:900 clamp(23px,4vw,38px) system-ui;letter-spacing:.035em}.rank-road-header p{margin:0;color:#b7cad7;font:500 13px/1.4 system-ui}
#close-rank-road{width:42px;height:42px;flex:none;border:1px solid #6b8499;border-radius:9px;background:#142637;color:#fff;font:28px/1 system-ui;cursor:pointer}
.rank-road-viewport{min-height:278px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-color:#c9a45c #152535;scrollbar-width:thin}
.rank-road-stage{position:relative;display:flex;align-items:center;width:max-content;min-height:260px;gap:14px;padding:12px 32px 22px}
.rank-road-stage::before{content:"";position:absolute;top:50%;left:72px;right:72px;height:5px;border-radius:5px;background:linear-gradient(90deg,#a1785e,#bacbd4,#efc474,#86d5d1,#99b8ee,#cf9ee9,#f3ae7f,#ffdf88);box-shadow:0 0 12px #b8c9d444}
.rank-road-node{position:relative;box-sizing:border-box;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:145px;height:206px;flex:none;scroll-snap-align:center;border:1px solid #456075;border-top:3px solid var(--node-color);border-radius:13px;background:#132333;color:#eaf1f6;cursor:pointer;box-shadow:0 8px 18px #0007;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.rank-road-node:nth-child(even){transform:translateY(13px)}.rank-road-node:nth-child(odd){transform:translateY(-13px)}.rank-road-node:hover,.rank-road-node.selected{border-color:var(--node-color);background:#1d3345}.rank-road-node:nth-child(even):hover,.rank-road-node:nth-child(even).selected{transform:translateY(9px) scale(1.04)}.rank-road-node:nth-child(odd):hover,.rank-road-node:nth-child(odd).selected{transform:translateY(-17px) scale(1.04)}
.rank-road-node.current{box-shadow:0 0 0 2px #fff,0 0 28px var(--node-color)}.rank-road-node.passed{background:#192d38}.rank-road-node:not(.passed):not(.current):not(.placement){opacity:.77}
.rank-road-badge{display:block;width:91px;height:103px}.rank-road-badge svg{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 6px #0008)}
.rank-road-node strong{font:900 14px system-ui;white-space:nowrap}.rank-road-node small{color:#bdcbd5;font:800 10px system-ui;letter-spacing:.12em}.rank-road-node em{min-height:13px;color:var(--node-color);font:900 10px system-ui;letter-spacing:.08em;font-style:normal}
.rank-road-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:10px 24px;border-top:1px solid #36516a;background:#101f2d}
#rank-road-detail{color:#d6e4ee;font:600 13px/1.45 system-ui}#rank-road-current{flex:none;padding:10px 14px;border:1px solid #e1bd70;border-radius:8px;background:#4e3f28;color:#fff;font:800 12px system-ui;cursor:pointer}
@media(max-width:700px){.rank-profile-top{flex-wrap:wrap}#open-rank-road{padding:6px 8px;font-size:10px}.rank-road-overlay{padding:6px}.rank-road-panel{width:100%;max-height:96vh}.rank-road-header{padding:12px 14px 10px}.rank-road-header h2{font-size:22px}.rank-road-header p{font-size:11px}.rank-road-viewport{min-height:236px}.rank-road-stage{min-height:220px;gap:9px;padding:8px 20px}.rank-road-node{width:116px;height:172px}.rank-road-badge{width:80px;height:89px}.rank-road-node strong{font-size:11px}.rank-road-node small,.rank-road-node em{font-size:9px}.rank-road-footer{flex-wrap:wrap;gap:7px;padding:10px 14px}#rank-road-detail{font-size:11px}#rank-road-current{font-size:11px}}
@media(prefers-reduced-motion:reduce){.rank-road-node{transition:none}.rank-road-viewport{scroll-behavior:auto}}
@media(max-width:700px){#main-menu .rank-profile-badge{width:47px;height:54px;min-width:47px;max-width:47px;min-height:54px;max-height:54px}}