.path-game{--path-paper:#e9e7ef;--path-muted:#a1a5bb;--path-gold:#e5bc79;color:var(--path-paper);max-width:1420px;margin:auto;position:relative}.path-game *{box-sizing:border-box}.path-game button{font:inherit;cursor:pointer}.path-game button:disabled{cursor:default;opacity:.45}.path-game button:focus-visible,.path-log summary:focus-visible{outline:2px solid #f3cf8e;outline-offset:4px}.path-game svg:not(.path-world){width:19px;height:19px;flex:none}.path-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.path-heading h2{margin:5px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,3vw,30px);letter-spacing:-.5px;font-weight:normal}.path-mode{display:flex;padding:4px;border:1px solid #ffffff12;background:#141622;border-radius:12px;gap:3px}.path-mode button{border:0;background:transparent;color:#a8acc0;padding:10px 15px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:600}.path-mode button[aria-pressed=true]{color:#f1d4a6;background:#b38a4925;box-shadow:0 1px 5px #0004}.path-local-note{margin:-4px 0 18px;color:#c2b28d;font-size:13px}.path-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}.path-player{padding:15px 18px;border:1px solid #d8d4ff13;border-radius:15px;background:linear-gradient(120deg,#23263a88,#141725cc);transition:border-color .3s,box-shadow .3s}.path-player.is-active{border-color:color-mix(in srgb,var(--player-color) 55%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--player-color) 18%,transparent),0 0 30px #9a85ca09}.path-player__top{display:flex;align-items:center;gap:11px}.path-avatar{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--player-color) 50%,transparent);color:var(--player-color);background:color-mix(in srgb,var(--player-color) 10%,transparent);border-radius:50%;font-family:Georgia,serif;font-size:20px}.path-player__top strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.path-player__top small{display:block;font-size:10px;letter-spacing:.15px;color:#9197b0;margin-top:3px}.path-gems{display:flex;align-items:center;gap:5px;margin-left:auto;color:#e6c791;font-size:14px}.path-gems svg{width:15px!important}.path-progress{height:3px;background:#ffffff0d;border-radius:4px;margin:14px 0 10px;overflow:hidden}.path-progress span{height:100%;display:block;background:var(--player-color);box-shadow:0 0 10px var(--player-color);transition:width .35s}.path-player__bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.path-player__bottom>small{color:#9197b0;font-size:10px;white-space:nowrap}.path-player__bottom b{color:#d7d8e3;font-weight:500}.path-buffs{display:flex;gap:4px;min-height:18px;align-items:center}.path-buff{display:inline-flex;align-items:center;gap:3px;font-size:9px;color:#b2d1f1;background:#77add717;border:1px solid #77add725;padding:2px 5px;border-radius:5px}.path-buff svg{width:11px!important;height:11px!important}.path-buff--gold{color:#ead09a;background:#cfac5717;border-color:#cfac5725}.path-buff--bad{color:#d7a6bc;background:#be759817;border-color:#be759825}.path-buff-empty{font-size:9px;color:#71778e}.path-arena{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.path-map{position:relative;border:1px solid #7a84b72e;overflow:hidden;border-radius:18px;background:#101626;box-shadow:0 20px 50px #0003,inset 0 0 100px #0005;min-width:0;isolation:isolate}.path-map:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,transparent 25%,#06091677 100%);pointer-events:none;z-index:1}.path-map:after{content:'';position:absolute;inset:7px;border:1px solid #b0b9d615;border-radius:12px;pointer-events:none;z-index:1}.path-game .path-world{display:block;width:100%;height:auto;overflow:visible;max-width:none}.path-world text{font-family:'Golos Text',system-ui,sans-serif}.path-route-glow{fill:none;stroke:#e5cc9850;stroke-width:13;filter:blur(6px)}.path-route{fill:none;stroke:#292d3d;stroke-width:10;stroke-linejoin:round;stroke-linecap:round}.path-route-dots{fill:none;stroke:#e5c68b77;stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round;stroke-linejoin:round}.path-node__shadow{fill:#080e1d;opacity:.6}.path-node__face{fill:#243447;stroke:#b4b7cf7a;stroke-width:1.6}.path-node{color:#c4c9e1}.path-node--crystal{color:#eac67f}.path-node--crystal .path-node__face{fill:#403b35;stroke:#d7b980}.path-node--haste{color:#a9d8c5}.path-node--haste .path-node__face{fill:#2e4945;stroke:#7eb6a5}.path-node--shield{color:#a3c9ec}.path-node--shield .path-node__face{fill:#2c415a;stroke:#91b5d7}.path-node--trap{color:#e0a3b0}.path-node--trap .path-node__face{fill:#4b3446;stroke:#c18c9a}.path-node--portal{color:#cebcfa}.path-node--portal .path-node__face{fill:#463c5d;stroke:#baa5dd}.path-node--event{color:#e6c78d}.path-node--event .path-node__face{fill:#494139;stroke:#c7ad80}.path-node--finish{color:#f5dba8}.path-node--finish .path-node__face{fill:#4d3f3c;stroke:#edc882;stroke-width:2}.path-node__number{font-size:13px;font-weight:600;fill:#d2d4e3;text-anchor:middle;paint-order:stroke;stroke:#111829;stroke-width:4px;stroke-linejoin:round}.path-node--large .path-node__number{font-size:10px;letter-spacing:1.3px;fill:#efd4a3;stroke-width:3px}.path-finish-aura{fill:#e9c77420;stroke:none;filter:blur(6px);animation:pathPortal 3s ease-in-out infinite}.path-finish-ring{fill:none;stroke:#ebce9155;stroke-dasharray:3 5;stroke-width:1.8;transform-origin:center;animation:pathRing 24s linear infinite}.path-token{transition:transform .18s ease-out;filter:drop-shadow(0 3px 5px #0009);pointer-events:none}.path-token text{font-size:14px;font-weight:600}.path-token__halo{fill:var(--token-color);opacity:0;transform:translateY(-12px)}.path-token.is-current .path-token__halo{opacity:.1;animation:pathPulse 2.5s ease-in-out infinite}.path-map-labels text{font-size:12px;letter-spacing:3px;fill:#acb6d0;opacity:.7}.path-map__caption{position:absolute;right:22px;bottom:19px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;color:#a1a9c1;z-index:2}.path-map__caption svg{width:12px!important;height:12px!important}.path-console{position:sticky;top:105px;border:1px solid #b7a9dc23;border-radius:17px;background:linear-gradient(150deg,#28283ed9,#161927f7);box-shadow:0 12px 30px #0002;overflow:hidden;min-width:0}.path-turn-line{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff0b;padding:16px;color:#d5d4df;min-height:51px}.path-turn-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--player-color);box-shadow:0 0 10px color-mix(in srgb,var(--player-color) 40%,transparent)}.path-turn-line strong{font-size:11px;font-weight:600;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-turn-line>span:last-child{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8b90aa;white-space:nowrap}.path-console__body{padding:23px 20px}.path-console h3{margin:0 0 10px;font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:normal;line-height:1.18;letter-spacing:-.3px;color:#ece5da}.path-console p{margin:0 0 20px;color:#aeb0c3;font-size:12px;line-height:1.7}.path-console .bg-kicker{font-size:8px;letter-spacing:1.8px;display:block;margin-bottom:9px;color:#bb9d6c}.path-roll-row{display:flex;align-items:center;gap:25px;margin:29px 0 30px;padding:0 8px}.path-roll-row strong{font-size:26px;color:#ebd5af;display:block;font-weight:500;white-space:nowrap}.path-roll-row strong span{font-size:14px;color:#969ab2;font-weight:400}.path-roll-row small{display:block;color:#848aa5;font-size:10px;margin-top:4px;line-height:1.5}.path-roll-mod{display:block;color:#a6cfbd;font-size:10px;margin-top:5px}.path-roll-mod.is-bad{color:#d7a3b8}.path-main-button{display:flex!important;justify-content:center;align-items:center;gap:8px;width:100%;font-size:12px!important;min-height:45px;margin-top:10px!important;border-radius:9px!important;padding:11px 12px!important}.path-main-button svg{width:16px!important;height:16px!important}.path-helper{display:block;text-align:center;font-size:10px;line-height:1.5;color:#858ba3;margin-top:12px}.path-boons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.path-boons button{display:flex;align-items:center;justify-content:center;gap:7px;color:#c4c6d7;background:#ffffff04;border:1px solid #ffffff13;border-radius:9px;padding:11px 5px;text-align:left;transition:background .2s,border-color .2s}.path-boons button:hover:not(:disabled){background:#c9b5fa0b;border-color:#c9b5fa38}.path-boons button>span{font-size:9px;line-height:1.35;white-space:nowrap}.path-boons button small{display:block;color:#858ba3;font-size:8px;margin-top:3px}.path-boons svg{width:18px!important;height:18px!important;color:#c8b88e}.path-event-sigil{width:64px;height:64px;display:grid;place-items:center;border:1px solid #c5ad763a;border-radius:50%;margin:0 0 22px;background:radial-gradient(circle,#be9b4e1f,#be9b4e03);color:#e6c48a;box-shadow:0 0 38px #d6b26008}.path-event-sigil:before{content:'';position:absolute;width:53px;height:53px;border:1px dashed #c5ad7626;border-radius:50%}.path-event-sigil svg{width:29px!important;height:29px!important}.path-event-sigil.is-bad{color:#dfb5c3;border-color:#d894ae38;background:radial-gradient(circle,#c9668c19,#c9668c03)}.path-choices{display:flex;flex-direction:column;gap:10px}.path-choice{display:flex;flex-direction:column;gap:6px;background:#d3b38309;border:1px solid #d3b38325;color:#e3d8c5;border-radius:11px;padding:14px 12px;text-align:left;transition:border-color .2s,background .2s,transform .2s}.path-choice:hover:not(:disabled){border-color:#d5b16a88;background:#d3b38313;transform:translateY(-1px)}.path-choice>span{font-size:12px;font-weight:500}.path-choice>small{font-size:10px;color:#a5a5b6;line-height:1.5}.path-choice em{font-size:9px;color:#b08e9f;font-style:normal}.path-bottom{margin-top:16px;display:flex;justify-content:space-between;gap:15px;align-items:start}.path-legend{display:flex;flex-wrap:wrap;gap:14px;padding:7px 2px}.path-legend span{display:flex;align-items:center;gap:5px;color:#8c92aa;font-size:9px}.path-legend svg{width:13px!important;height:13px!important;color:#b7a57f}.path-log{min-width:240px;max-width:330px;border:1px solid #ffffff0d;border-radius:10px;background:#14172588}.path-log summary{padding:12px 14px;cursor:pointer;list-style:none;color:#b9bbcb;font-size:11px;display:flex;justify-content:space-between;gap:20px}.path-log summary::-webkit-details-marker{display:none}.path-log summary span{color:#6d748f;font-size:10px}.path-log ol{margin:0;padding:0 14px 14px;list-style:none;max-height:210px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6a6077 #121726}.path-log li{font-size:10px;line-height:1.65;color:#8e95b0;padding:7px 0;border-top:1px solid #ffffff08}.path-log li:first-child{color:#c1c0d0}.path-die{width:62px;height:62px;perspective:450px;flex:none;display:grid;place-items:center}.path-die__cube{width:48px;height:48px;position:relative;transform-style:preserve-3d;transform:rotateX(calc(var(--die-x) - 14deg)) rotateY(calc(var(--die-y) + 20deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.path-die__face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:9px;background:linear-gradient(140deg,#f4e7cd,#bda17a);border:1px solid #efdfc1;border-radius:8px;box-shadow:inset 0 0 9px #a47b4d55}.path-die__face i{border-radius:50%;background:transparent;display:block}.path-die__face i.lit{background:#463d3c;box-shadow:inset 0 1px 3px #0008}.path-die__face--1{transform:translateZ(24px)}.path-die__face--2{transform:rotateY(90deg) translateZ(24px)}.path-die__face--3{transform:rotateY(180deg) translateZ(24px)}.path-die__face--4{transform:rotateY(-90deg) translateZ(24px)}.path-die__face--5{transform:rotateX(90deg) translateZ(24px)}.path-die__face--6{transform:rotateX(-90deg) translateZ(24px)}.path-die.is-rolling .path-die__cube{animation:pathDice .7s cubic-bezier(.2,.6,.6,1) infinite}.path-mode-prompt{position:absolute;inset:0;background:#080d1cd9;backdrop-filter:blur(7px);z-index:12;border-radius:16px;display:flex;align-items:flex-start;justify-content:center;padding:110px 20px 30px}.path-mode-prompt>div{max-width:440px;background:#202438;border:1px solid #c5b28e44;border-radius:18px;padding:30px}.path-mode-prompt h3{font-size:25px;font-family:Georgia,serif;font-weight:normal;color:#e9d9be;margin:12px 0}.path-mode-prompt p{color:#a7adc4;font-size:13px;line-height:1.7}.path-mode-prompt>div>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.path-mode-prompt .bg-button{font-size:12px;padding:12px 16px}.path-console.is-bot-turn .path-turn-dot{animation:pathPulse 1.4s ease-in-out infinite}@keyframes pathDice{0%{transform:rotateX(-14deg) rotateY(20deg)}40%{transform:rotateX(220deg) rotateY(170deg) translateY(-10px)}100%{transform:rotateX(520deg) rotateY(380deg)}}@keyframes pathPulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes pathPortal{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes pathRing{to{transform:rotate(360deg)}}
@media(min-width:1450px){.path-console__body{padding:26px 23px}.path-arena{grid-template-columns:minmax(0,1fr) 320px}.path-console h3{font-size:26px}}
@media(max-width:1050px){.path-arena{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.path-console__body{padding:19px 16px}.path-console h3{font-size:22px}.path-player{padding:13px}.path-map__caption{font-size:8px;right:14px;bottom:12px;letter-spacing:.6px}.path-boons button>span{font-size:8px}.path-heading{gap:12px}.path-roll-row{gap:17px;padding:0 3px}.path-player__bottom{align-items:start;gap:4px}.path-buffs{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:850px){.path-arena{grid-template-columns:minmax(0,1fr)}.path-console{position:static;display:block}.path-console__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:start;padding:20px}.path-console h3,.path-console p,.path-console .bg-kicker{grid-column:1}.path-console .path-main-button,.path-console .path-boons,.path-console .path-helper{grid-column:2}.path-console .path-roll-row{grid-column:1;grid-row:3/span 3;margin:10px 0 0}.path-console .path-main-button:first-of-type{grid-row:1/span 2;margin-top:0!important;align-self:center}.path-console .path-main-button:nth-of-type(2){grid-row:3}.path-console .path-boons{grid-row:4;margin-top:9px}.path-console .path-helper{grid-row:5}.path-console .path-event-sigil{display:none}.path-console .path-choices{grid-column:2;grid-row:1/span 4}.path-console p{margin:0}.path-console:has(.path-choices) h3{grid-row:2}.path-console:has(.path-choices) p{grid-row:3/span 3}.path-console:has(.path-event-sigil):not(:has(.path-choices)) .path-main-button{grid-row:1/span 3}.path-console:has(.path-event-sigil):not(:has(.path-choices)) .path-helper{grid-row:4}.path-console:has(.path-event-sigil):not(:has(.path-choices)) h3{grid-row:2}.path-console:has(.path-event-sigil):not(:has(.path-choices)) p{grid-row:3}.path-console__body>.bg-kicker{grid-row:1;margin:0 0 7px}.path-roster{gap:8px}.path-player{padding:12px}.path-player__top{gap:8px}.path-avatar{width:28px;height:28px;font-size:16px}.path-gems{font-size:12px}.path-player__top strong{font-size:11px}.path-player__top small{font-size:8px}.path-arena .path-console{grid-row:1}.path-map{grid-row:2}.path-bottom{flex-direction:column}.path-log{max-width:none;width:100%}}
@media(max-width:700px){.path-heading{align-items:flex-start}.path-heading h2{font-size:23px}.path-mode{padding:3px;flex-direction:column;min-width:120px}.path-mode button{padding:7px 10px;font-size:10px}.path-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.path-roster:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.path-player{padding:10px 8px;border-radius:11px}.path-player__top{flex-wrap:wrap;gap:5px;position:relative}.path-avatar{width:24px;height:24px;font-size:14px}.path-player__top>div{width:calc(100% - 31px);min-width:0}.path-player__top strong{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.path-player__top small{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-gems{font-size:11px;margin:4px 0 0 0}.path-gems svg{width:12px!important}.path-progress{margin:8px 0}.path-player__bottom{flex-direction:column;min-height:38px}.path-player__bottom>small{font-size:8px}.path-buff-empty{font-size:8px}.path-buffs{justify-content:start;gap:2px}.path-buff{font-size:8px;padding:2px 3px}.path-buff svg{width:9px!important;height:9px!important}.path-map--tall{max-width:580px;width:100%;margin:auto}.path-map__caption{right:13px;bottom:18px;font-size:8px;letter-spacing:.5px}.path-map-labels text{font-size:13px;letter-spacing:2px}.path-node__number{font-size:15px}.path-token text{font-size:15px}.path-console h3{font-size:22px}.path-console p{font-size:11px;line-height:1.6}.path-console__body{padding:18px 15px;column-gap:15px}.path-console .bg-kicker{font-size:7px}.path-main-button{font-size:11px!important;gap:5px;min-height:44px}.path-main-button svg{width:14px!important;height:14px!important}.path-boons{gap:5px}.path-boons button{padding:9px 3px;gap:4px}.path-boons button>span{font-size:8px;white-space:normal}.path-boons button small{font-size:7px}.path-boons svg{width:14px!important;height:14px!important}.path-helper{font-size:9px}.path-roll-row{gap:16px!important}.path-roll-row strong{font-size:25px}.path-roll-row strong span{font-size:12px}.path-roll-row small{font-size:9px}.path-choice{padding:11px 10px}.path-choice>span{font-size:11px}.path-choice>small{font-size:9px}.path-legend{gap:10px}.path-legend span{font-size:8px}.path-mode-prompt{padding-top:90px}.path-mode-prompt>div{padding:24px}}
@media(max-width:390px){.path-console__body{column-gap:10px;padding:16px 12px}.path-roll-row{gap:10px!important}.path-die{width:52px;height:58px;transform:scale(.85);margin-left:-4px}.path-roll-row strong{font-size:23px}.path-roll-row strong span{font-size:11px}.path-main-button{font-size:10px!important;padding:10px 6px!important}.path-console h3{font-size:20px}.path-console .path-boons{grid-template-columns:1fr}.path-boons button small{display:inline;margin-left:4px}.path-boons button{justify-content:flex-start;padding-left:10px}.path-helper{font-size:8px}.path-choice>span{font-size:10px}.path-choice>small{font-size:8px}.path-player__top>div{width:100%}.path-gems{position:absolute;right:0;top:2px;margin:0}.path-player__top small{font-size:8px}.path-roster{gap:5px}.path-node__number{font-size:16px}}
@media(prefers-reduced-motion:reduce){.path-game *,.path-game *:before,.path-game *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}