:root{--path-blue:#72b8df;--path-green:#68b873;--path-gold:#ffd45d;--path-purple:#8d79c6;--path-locked:#b8b2aa}
body.view-path{background:linear-gradient(180deg,#f8f0df 0,#e8f7ef 38%,#eaf2fb 100%);overflow-x:hidden}
body.view-path #main{width:100%;max-width:none;padding:0}
body.view-path .home-only{display:none!important}
.path-page{width:min(1180px,calc(100% - 24px));margin:24px auto 70px}
.path-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:20px;border:1px solid rgba(78,92,79,.18);border-radius:30px;background:linear-gradient(135deg,rgba(255,253,247,.97),rgba(237,252,242,.94));box-shadow:0 18px 44px rgba(65,85,71,.12)}
.path-hero h1{max-width:760px;margin:6px 0 12px;font-size:clamp(40px,7vw,76px);line-height:.9;letter-spacing:-.055em}.path-hero h1 em{color:#478a59}.path-hero p:last-child{max-width:660px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.path-hero-stats{display:grid;grid-template-columns:repeat(3,92px);gap:8px}.path-hero-stats span{display:grid;place-items:center;min-height:88px;padding:10px;border:1px solid rgba(73,84,71,.14);border-radius:22px;background:#fffdfa;box-shadow:0 5px 0 #d8d0c6}.path-hero-stats strong{font-size:28px}.path-hero-stats small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.path-status{min-height:24px;margin:14px 8px;color:#526258;font-size:13px}.path-status:empty{display:none}.path-layout{display:grid;margin-top: 10px;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px}.path-map{display:grid;gap:24px;min-width:0}.path-map[aria-busy=true]{min-height:520px}
.path-world{position:relative;overflow:hidden;min-height:760px;padding:10px;border:1px solid rgba(49,69,58,.18);border-radius:32px;background:linear-gradient(155deg,var(--world-a),var(--world-b));box-shadow:0 14px 35px rgba(50,68,60,.13)}
.path-world::before,.path-world::after{position:absolute;content:"";border-radius:50%;opacity:.38;filter:blur(1px)}.path-world::before{width:260px;height:260px;right:-70px;top:80px;background:rgba(255,255,255,.8)}.path-world::after{width:190px;height:190px;left:-65px;bottom:70px;background:rgba(255,255,255,.55)}.path-connectors{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.path-connector-segment path{fill:none;stroke-linecap:round;stroke-dasharray:1 13}.path-connector-depth{stroke:#a89276;stroke-width:10px;transform:translateY(2px)}.path-connector-face{stroke:#f1dfc3;stroke-width:8px;filter:drop-shadow(0 2px 2px rgba(74,54,37,.2))}.path-connector-shine{stroke:rgba(255,255,255,.82);stroke-width:2px;transform:translate(-1px,-1px)}.path-connector-segment.completed .path-connector-depth{stroke:#ad3e25}.path-connector-segment.completed .path-connector-face{stroke:#f47b42;filter:drop-shadow(0 2px 2px rgba(100,42,27,.26))}.path-connector-segment.completed .path-connector-shine{stroke:rgba(255,220,190,.9)}.path-world.path-advanced .path-connector-segment.completed:not(.current-route) .path-connector-face{animation:path-connect 1s ease-out both}.path-connector-segment.current-route path{animation:path-route-flow .72s linear infinite}
.path-world[data-world="1"]{--world-a:#dff6c7;--world-b:#a9dd9a}.path-world[data-world="2"]{--world-a:#d6f0d2;--world-b:#6fbc82}.path-world[data-world="3"]{--world-a:#f7d9ad;--world-b:#dca06d}.path-world[data-world="4"]{--world-a:#d7eff9;--world-b:#89c9df}.path-world[data-world="5"]{--world-a:#f0e2c5;--world-b:#b9da9d}.path-world[data-world="6"]{--world-a:#f0d2bd;--world-b:#c47f69}.path-world[data-world="7"]{--world-a:#cdeafb;--world-b:#75b6d8}.path-world[data-world="8"]{--world-a:#e4dcf6;--world-b:#8e7cbd}.path-world.is-endless{--world-a:#d9d6f7;--world-b:#6e77b8}
.path-world-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:650px;margin:0 auto 20px;padding:14px 18px;border:1px solid rgba(42,55,47,.16);border-radius:22px;background:rgba(255,253,248,.87);box-shadow:0 6px 0 rgba(64,75,66,.15)}.path-world-title{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.path-world-title>span,.path-world-title>img{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff;color:#39483d;font-size:28px;object-fit:contain;box-shadow:inset 0 -4px rgba(0,0,0,.08)}.path-world-title small{color:#5c6c60;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.path-world-title h2{margin:2px 0 0;font-size:24px}.path-world-head>small{max-width:190px;color:#526258;text-align:right;line-height:1.35}
.path-nodes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));grid-auto-rows:145px;align-items:center;isolation:isolate;max-width:720px;margin:auto;padding:5px 20px}
.path-node{position:relative;display:grid;place-items:center;justify-self:center;width:50px;height:50px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#513a28;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow .14s ease,transform .18s ease}.path-node::before{position:absolute;top:3px;left:5px;width:40px;height:40px;border:1px solid #caa57e;border-radius:50%;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.78) 0 8%,transparent 9%),linear-gradient(145deg,#fffdf7 0,#f5e7ce 52%,#e7d0ad 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.85),inset 0 -4px 4px rgba(120,81,44,.12),0 4px 0 #b89573,0 7px 9px rgba(77,55,37,.2);content:"";transition:filter .14s ease,transform .09s ease,box-shadow .09s ease}.path-node:nth-child(5n+2),.path-node:nth-child(5n+4){transform:translateY(30px)}.path-node:nth-child(5n+3){transform:translateY(58px)}.path-node:hover:not(:disabled)::before{filter:saturate(1.04) brightness(1.03)}.path-node:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(234,118,95,.3)}.path-node:active:not(:disabled)::before{box-shadow:inset 0 3px 5px rgba(90,58,29,.18),inset 0 1px 1px rgba(255,255,255,.42),0 1px 0 #b89573,0 2px 3px rgba(77,55,37,.16);filter:brightness(.99);transform:translateY(4px)}.path-node:active:not(:disabled)>strong{transform:translateY(4px)}.path-node>strong{position:relative;z-index:1;font-size:16px;line-height:1;transition:transform .09s ease}.path-node-stars{position:absolute;z-index:2;top:40px;left:50%;display:flex;gap:2px;width:max-content;transform:translateX(-50%)}.path-star{position:relative;display:block;width:15px;height:15px;flex:0 0 15px;background:linear-gradient(145deg,#fffdf7 0,#f2dfbd 55%,#d5b283 100%);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%);filter:drop-shadow(0 2px 0 #9d7c58) drop-shadow(0 3px 2px rgba(72,52,34,.28))}.path-star::before{position:absolute;inset:2px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,0) 58%);clip-path:inherit;content:""}.path-star.filled{background:linear-gradient(145deg,#ffb06d 0,#f47b3f 54%,#d94726 100%);filter:drop-shadow(0 2px 0 #a83b24) drop-shadow(0 3px 2px rgba(91,40,27,.32))}.path-node.completed::before{border-color:#c95323;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.62) 0 8%,transparent 9%),linear-gradient(145deg,#ffad72 0,#f57b42 52%,#dd4d28 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.72),inset 0 -4px 4px rgba(143,43,24,.2),0 4px 0 #b43f27,0 7px 9px rgba(106,44,29,.24)}.path-node.current{animation:path-pulse 1.8s infinite}.path-node.locked{color:#847361;cursor:not-allowed}.path-node.locked::before{border-color:#b9a995;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.7) 0 8%,transparent 9%),linear-gradient(145deg,#fffaf0 0,#f1e4d1 52%,#ddcbb3 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.8),inset 0 -4px 4px rgba(94,77,58,.1),0 4px 0 #9f8f7a,0 7px 9px rgba(69,58,45,.17)}.path-node.locked strong{font-size:0}.path-node.locked strong::after{content:"🔒";font-size:15px}.path-node.boss::before{border-radius:13px}.path-node.boss strong::before{content:"♛ ";font-size:12px}.path-node.just-unlocked{animation:path-unlock .9s both}.path-node.just-completed .path-node-stars{animation:path-stars .8s ease-out both}
.path-node{z-index:1}
.path-node-stars{top:44px;gap:1px}.path-node-stars .path-star{display:block;width:20px;height:20px;flex:0 0 20px;background:transparent;clip-path:none;filter:none;object-fit:contain}.path-current-avatar{position:absolute;z-index:5;left:50%;bottom:44px;display:grid;place-items:center;width:30px;height:30px;padding:2px;overflow:hidden;border:2px solid #fffaf0;border-radius:50%;background:linear-gradient(145deg,#fffdf7,#ead5b7);box-shadow:0 3px 0 #a97952,0 6px 10px rgba(72,48,31,.24);transform:translateX(-50%);pointer-events:none}.path-current-avatar img,.path-current-avatar-fallback{display:block;width:100%;height:100%;border-radius:50%}.path-current-avatar img{object-fit:cover}.path-current-avatar img[hidden],.path-current-avatar-fallback[hidden]{display:none}.path-current-avatar-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#ffad72,#e35a34);color:#fff8eb;font-size:14px;font-weight:900;line-height:1}
.path-world-trophy{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:90%;margin:24px auto 0;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.82);color:#5f665f;font-weight:800}.path-world-trophy.earned{background:#fff0a6;color:#5c4312;box-shadow:0 5px 0 rgba(143,106,31,.25)}
.path-world-gate{display:flex;align-items:center;justify-content:center;gap:10px;min-height:68px;padding:16px 20px;border-radius:20px;background:#fffaf0;color:#665747;text-align:center;box-shadow:0 5px 0 #d5c5b0}.path-world-gate span{font-size:18px}.path-world-gate p{margin:0;font-size:14px;font-weight:800}
.path-sidebar{position:sticky;top:18px;display:grid;gap:14px}.path-sidebar .paper-card{padding:20px;border-radius:24px}
.path-leaderboard header{display:flex;align-items:center;justify-content:space-between}.path-leaderboard h2{margin:2px 0 0;font-size:23px}.path-leaderboard header>span{color:#e0a329;font-size:34px}.path-leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:14px 0 8px;padding:4px;border-radius:12px;background:#eee8df}.path-leaderboard-tabs button{padding:8px;border:0;border-radius:9px;background:transparent;font-weight:800}.path-leaderboard-tabs button.active{background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.1)}.path-leaderboard ol{display:grid;gap:2px;max-height:350px;margin:0;padding:0;overflow:auto;list-style:none}.path-leaderboard li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;padding:8px 5px;border-bottom:1px solid #eee8df;font-size:12px}.path-leaderboard li strong{overflow:hidden;text-overflow:ellipsis}.path-leaderboard li span:last-child{color:#89651a;font-weight:850}.path-own-rank{font-size:12px;font-weight:800}.path-leaderboard-visibility{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:11px;line-height:1.35}.path-leaderboard-note,.path-rules small{color:var(--muted);font-size:11px;line-height:1.45}.path-rules p{line-height:1.8}.path-rules strong{color:#e1a51e}
.path-run-bar{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;width:min(1060px,calc(100% - 24px));margin:8px auto;padding:10px 14px;border:1px solid #d9d0c4;border-radius:18px;background:#fffdf8;box-shadow:0 6px 18px rgba(44,48,45,.1)}.path-run-bar a{font-weight:800;text-decoration:none}.path-run-bar div{display:flex;align-items:baseline;justify-content:center;gap:10px}.path-run-bar small{color:var(--muted)}.path-run-bar strong{font-size:18px}.path-run-bar>span{color:#e0a329;font-size:18px;letter-spacing:1px}.view-path.has-report .home-hub-tabs-wrap{display:none}.view-path #board-next-tactic{display:none!important}
@keyframes path-pulse{50%{box-shadow:0 0 0 8px rgba(255,255,255,.3)}}@keyframes path-unlock{0%{opacity:.25;filter:brightness(1.35);box-shadow:0 0 0 14px rgba(255,255,255,.7)}100%{opacity:1}}@keyframes path-stars{0%{opacity:0;scale:.4}70%{scale:1.35}100%{opacity:1;scale:1}}@keyframes path-connect{0%{stroke-dashoffset:100;opacity:.25}100%{stroke-dashoffset:0;opacity:1}}@keyframes path-route-flow{to{stroke-dashoffset:-14}}
@media(max-width:900px){.path-layout{grid-template-columns:1fr}.path-sidebar{position:static;grid-template-columns:1fr 1fr}.path-leaderboard{grid-row:span 2}.path-world{min-height:720px}}
@media(max-width:720px){body.view-path .nav-toggle{display:none!important}.path-page{width:calc(100% - 16px);margin-top:12px}.path-hero{grid-template-columns:1fr;padding:22px 18px;border-radius:22px}.path-hero h1{font-size:45px}.path-hero-stats{grid-template-columns:repeat(3,1fr)}.path-hero-stats span{min-height:70px}.path-hero-stats strong{font-size:23px}.path-sidebar{grid-template-columns:1fr}.path-leaderboard{grid-row:auto}.path-world{min-height:660px;padding:18px 5px 28px;border-radius:24px}.path-world-head{margin-inline:8px}.path-world-head>small{display:none}.path-nodes{grid-template-columns:repeat(3,minmax(65px,1fr));grid-auto-rows:108px;padding:0 8px}.path-node:nth-child(n){transform:none}.path-node:nth-child(3n+2){transform:translateY(35px)}.path-run-bar{grid-template-columns:62px 1fr auto}.path-run-bar div{display:grid;gap:0;text-align:center}.path-run-bar>span{font-size:13px}}
@media(max-width:480px){body.view-path .home-hub-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.path-hero h1{font-size:39px}.path-hero-stats small{font-size:7px}.path-world-title h2{font-size:19px}.path-world-title>span,.path-world-title>img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.path-node,.path-node.current,.path-node.just-unlocked,.path-node.just-completed .path-node-stars,.path-connectors path{animation:none!important;transition:none!important}}