body{background:#071114}#app{background:linear-gradient(#07111566,#05101155 26%,#061216e8 48%,#091411f0 83%,#07100aa9),url('assets/landscape.png') center 140px/auto 630px no-repeat,#081317;border-color:#8b7147}.path-header{display:flex;justify-content:space-between;align-items:center;padding:25px 18px 0;gap:10px}.path-header>small{font:8px/1.85 Arial,sans-serif;letter-spacing:.2em;color:#c0b497;width:67px}.path-header>.icon-button{width:67px}.path-header .brand>span{font-size:clamp(3.3rem,16vw,6rem);font-weight:600;letter-spacing:-.015em;color:#dfb680;text-shadow:1px 2px 0 #5e3c1d,0 0 20px #ca945633}.path-header .brand small{font-size:9px;letter-spacing:.48em}.path-question{margin:17px 13px 0;position:relative;border-top:1px solid #ac865044;border-radius:50% 50% 0 0/15% 15% 0 0;padding-top:21px}.path-question h1{text-align:center;font-size:clamp(2.15rem,9vw,4.5rem);line-height:.98;letter-spacing:-.045em;font-weight:500;max-width:14ch;margin:0 auto;color:#eee1c8;text-shadow:0 3px 12px #000}.path-question h1 em{font-style:normal;color:#d2a16a}.pathways{position:relative;min-height:410px;margin:0 13px}.flow-traces{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.flow{stroke:#6c8c9777;stroke-width:1.6;fill:none;transition:stroke .4s;stroke-dasharray:750}.flow.active{stroke:#f4d094;stroke-width:2;filter:drop-shadow(0 0 4px #e4b663);animation:flow-in 1s ease-out}.flow-traces circle{fill:#ffe1a1;filter:drop-shadow(0 0 7px #edac38)}.path-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;padding-top:37px}.path-column h2{font-size:1rem;margin:0;min-height:100px}.path-column h2 button{padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;color:#a4b0ae}.path-star{width:36px;height:36px;display:grid;place-items:center;border:1px solid #798782;border-radius:50%;background:#101d20;margin-bottom:10px}.path-star .icon{width:23px}.path-column h2 strong{font-weight:400;font-size:clamp(.85rem,3.6vw,1.7rem);letter-spacing:-.035em;line-height:1.2}.path-column h2 small{font:8px/1.55 Arial,sans-serif;letter-spacing:.12em;display:block;margin-top:7px;color:#91a3a0}.path-column.active h2 button{color:#ffe2ae}.path-column.active .path-star{border-color:#eec789;background:radial-gradient(#95653599,#15201d);box-shadow:0 0 15px #edba6055}.path-column.active h2 small{color:#d1b486}.path-nodes{margin-top:12px;display:flex;flex-direction:column;gap:15px}.path-nodes button{padding:9px 2px;display:flex;align-items:center;gap:5px;min-height:62px;text-align:left;color:#9db0ae;background:linear-gradient(90deg,#07121588,transparent);border-radius:30px 9px 9px 30px}.node-ring{width:27px;height:27px;border:1px solid #6f969588;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#0b1b1b}.node-ring .icon{width:15px;height:15px}.path-nodes strong{display:block;font-size:clamp(.85rem,3.2vw,1.4rem);font-weight:400;line-height:1.2}.path-nodes small{display:block;font:8px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}.path-nodes button[aria-pressed=true]{color:#ffe1ac;background:linear-gradient(90deg,#74502a77,#14221d22);box-shadow:0 0 0 1px #cdac5b77,0 0 16px #dbb06333}.path-nodes button[aria-pressed=true] .node-ring{color:#fbd491;border-color:#eac281;box-shadow:0 0 10px #f4c47444}.path-selection{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:19px 15px 12px;font:12px/1.4 Arial,sans-serif;color:#cfbd9b;text-align:center;min-height:65px}.path-selection .icon{width:17px;height:17px}.path-selection>span{max-width:40ch}.path-destination{padding:14px 28px 0;text-align:center;position:relative;background:linear-gradient(transparent,#1c271e99);border-top:1px solid #aa874c77;border-radius:50% 50% 0 0/15% 15% 0 0}.path-destination span{font:10px Arial,sans-serif;letter-spacing:.13em;color:#b5a27e;text-transform:uppercase}.path-destination h2{font-size:1.65rem;margin:10px 0 18px}.path-destination .primary{box-shadow:inset 0 0 0 4px #704f2b55,0 0 0 4px #0b160f,0 0 0 5px #ab8c5655,0 0 30px #cf9b5144;border-radius:45px;font-size:1.7rem}.path-destination>.text-button{font-size:12px;margin:12px auto 0}.dock{background:linear-gradient(#0c1b18ef,#091511fa)}@keyframes flow-in{from{stroke-dashoffset:750}to{stroke-dashoffset:0}}@media(min-width:600px){.path-header{padding:35px 35px 0}.path-header>small{font-size:10px;width:95px}.path-header>.icon-button{width:95px}.pathways{margin:0 35px;min-height:570px}.path-columns{padding-top:55px;gap:20px}.path-column h2{min-height:142px}.path-star{width:55px;height:55px}.path-column h2 small{font-size:10px}.path-nodes{gap:22px}.path-nodes button{min-height:82px;gap:12px}.node-ring{width:38px;height:38px}.node-ring .icon{width:22px;height:22px}.path-nodes small{font-size:10px}.path-selection{font-size:14px;padding-top:28px}.path-destination{padding:20px 50px 0}.path-destination h2{font-size:2.4rem}}