:root{--bg: #F2EBDA;--paper: #FFFFFF;--paper-2: #FBF6E8;--ink-2: #3E362C;--faint: #BDB3A0;--line-2: #D2C7AC;--ink-plate: #241D13;--red: #E23B2E;--red-d: #B22A20;--orange: #F08227;--orange-d: #C5641B;--yellow: #F4C92C;--yellow-d: #B6921A;--green: #2FA058;--green-d: #1F7A3F;--blue: #2B7BD8;--blue-d: #1E5BA2;--purple: #8147D0;--purple-d: #5E2FA0;--pink: #E555A7;--black: #2A241D;--soft-shadow: 0 2px 0 rgba(31,26,20,.06), 0 8px 18px -8px rgba(31,26,20,.18);--font-body: "Gabarito", system-ui, -apple-system, sans-serif;--font-mono: "Gabarito", system-ui, -apple-system, sans-serif;--card: #ffffff;--ab: #16a34a;--boulder: #ea580c;--green-lit: #3BC06E;--elec-core: #FFFDF0;--proj: #E8A02C;--hot-1: #FFB347;--hot-2: #F97316;--hot-3: #E23B2E;--ply-dot: rgba(95,72,38,.13);--tabbar-h: 80px;--demo-bar-h: 40px}:root{--radius-jug: 58% 42% 55% 45% / 55% 50% 50% 45%}.route{--c: #6b7280;--plate: var(--ink-plate);--rbw: 3px;--rox: 6px;--roy: 7px;--rdot: 1.6px;--rgrid: 7.5px;--rhi: 13%;position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-jug);display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;user-select:none;background-color:var(--c);border:var(--rbw) solid var(--plate);box-shadow:var(--rox) var(--roy) 0 0 color-mix(in srgb,var(--c) 52%,var(--plate));transition:transform 80ms ease}.route.is-deep{--plate: #F5F1E8}.route:active{transform:scale(.95)}.route:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background-image:radial-gradient(circle,color-mix(in srgb,var(--c) 42%,var(--plate)) var(--rdot),transparent calc(var(--rdot) + .3px));background-size:var(--rgrid) var(--rgrid);-webkit-mask:radial-gradient(ellipse 105% 95% at 74% 88%,#000,transparent 60%);mask:radial-gradient(ellipse 105% 95% at 74% 88%,#000,transparent 60%)}.route:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--c) 55%,#ffffff) 0 var(--rhi),transparent calc(var(--rhi) + 1%))}.route .grade{line-height:1;position:relative;z-index:3;font-family:var(--font-display);font-weight:800}.route .bolt{position:absolute;z-index:2;top:13%;right:15%;width:10%;height:10%;border-radius:50%;background:var(--plate)}.route .acc2{--s: 74%;position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;background-image:linear-gradient(to right,transparent calc(var(--s) - 1.6px),var(--ink-plate) calc(var(--s) - 1.6px) calc(var(--s) + 1.6px),transparent calc(var(--s) + 1.6px)),linear-gradient(to right,transparent var(--s),var(--a) var(--s))}.route .acc2:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle,color-mix(in srgb,var(--a) 42%,var(--ink-plate)) var(--rdot),transparent calc(var(--rdot) + .3px));background-size:var(--rgrid) var(--rgrid);-webkit-mask:linear-gradient(to right,transparent var(--s),#000 var(--s));mask:linear-gradient(to right,transparent var(--s),#000 var(--s))}.route.boul .grade{font-size:13px;letter-spacing:-.02em}.route.sm.boul .grade{font-size:11px}.jug{position:relative;font-size:13px}.jug.sm{flex:0 0 52px;width:52px;font-size:10px}.jug .route{position:relative;z-index:1;width:100%}.jug .t-tag{position:absolute;z-index:5;right:-7%;bottom:-6%;overflow:hidden;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--sfg);display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;padding:.32em .5em .34em;border-radius:.32em;background:var(--sc);border:.13em solid var(--ink-plate);transform:rotate(-7deg);box-shadow:.13em .16em color-mix(in srgb,var(--sc) 50%,var(--ink-plate))}.jug .t-tag .gnum{position:relative;z-index:2}.jug .crease{position:absolute;z-index:3;pointer-events:none;background:transparent}.jug .crease.soft{box-shadow:inset 0 0 0 .09em #ffffff4d,0 0 .16em .01em #1f1a142e,0 0 0 1000px #1f1a141a}.route.complete{border-color:var(--green);box-shadow:var(--rox) var(--roy) 0 0 color-mix(in srgb,var(--green) 55%,var(--plate))}.route.complete .bolt{background:var(--green)}.route .sent-wash{position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;background:#ffffff57}.route.neon-hold{box-shadow:var(--rox) var(--roy) 0 0 color-mix(in srgb,var(--c) 52%,var(--plate)),0 0 9px 1px var(--c)}.route.complete.neon-hold{box-shadow:var(--rox) var(--roy) 0 0 color-mix(in srgb,var(--green) 55%,var(--plate)),0 0 9px 1px var(--c)}.route.sm{flex:0 0 52px;width:52px;height:52px;aspect-ratio:auto;font-size:14px;--rbw: 2px;--rox: 4px;--roy: 5px;--rdot: 1.2px;--rgrid: 6px;--rhi: 11%}.account-btn{flex:0 0 30px;width:30px;height:30px;border-radius:50%;padding:0;border:0;display:inline-flex;align-items:center;justify-content:center;background:#14100cc7;color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px #00000073}.account-btn:active{transform:translateY(1px)}.account-btn svg{width:18px;height:18px}.gym-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:999px;background:#14100cc7;color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px #00000073}.gym-btn .pin{width:14px;height:14px;flex:0 0 14px}.gym-btn .chev{width:12px;height:12px;flex:0 0 12px;opacity:.8}.gym-btn .fp-gym-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riso-btn{--plate: #D8D2C4;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:800;font-size:18px;letter-spacing:-.01em;background:#fff;color:#1a1a1a;border:3px solid var(--ink-plate);border-radius:13px;padding:20px 0;cursor:pointer;text-decoration:none;box-shadow:5px 6px 0 0 var(--plate);transition:transform .07s cubic-bezier(.3,.7,.3,1),box-shadow .07s cubic-bezier(.3,.7,.3,1)}.riso-btn:active{transform:translate(4px,5px);box-shadow:1px 1px 0 0 var(--plate)}.riso-btn.green{background:var(--green);color:#fff;--plate: color-mix(in srgb, var(--green) 52%, var(--ink-plate))}.riso-btn.orange{background:var(--orange);color:#fff;--plate: color-mix(in srgb, var(--orange) 52%, var(--ink-plate))}