/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}@font-face{font-family:OTR;src:url(/trakr/OTRtypeGX.ttf)format("truetype");font-style:normal;font-weight:100 200;font-display:swap}:root{--workspace:#060708;--phone-width:402px;--phone-height:874px;--warm:#dfff43;--ink:#111318}*{box-sizing:border-box}html{background:var(--workspace)}body{background:var(--workspace);color:#fff;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:2px solid var(--warm);outline-offset:3px}.isometric-lab{background:radial-gradient(circle at 50% 27%, #ffba910e, transparent 28%), linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px), var(--workspace);background-size:auto,48px 48px,48px 48px,auto;min-height:100vh;padding:26px 24px 46px}.workspace-header,.lab-toolbar{width:min(100%,780px);margin-left:auto;margin-right:auto}.workspace-header{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.workspace-header p,.workspace-header h1{margin:0}.workspace-header p,.workspace-header>span,.workspace-note,.lab-toolbar strong,.lab-toolbar small{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.workspace-header p{color:var(--warm);letter-spacing:.14em;margin-bottom:6px;font-size:9px;font-weight:700}.workspace-header h1{letter-spacing:-.035em;font-size:21px;font-weight:630}.workspace-header>span{color:#ffffff5c;letter-spacing:.1em;font-size:8px}.lab-toolbar{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:6px 7px 6px 14px;display:flex;box-shadow:inset 0 1px #ffffff09}.lab-toolbar>div:first-child{flex-direction:column;gap:3px;display:flex}.lab-toolbar strong{color:#ffffffc2;letter-spacing:.12em;font-size:8px}.lab-toolbar small{color:#ffffff57;font-size:7px}.projection-switch{gap:4px;display:flex}.projection-switch button{cursor:pointer;color:#ffffff80;background:0 0;border:0;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:7px;min-width:78px;padding:9px 11px;transition:color .18s,background .18s,transform .18s;display:grid}.projection-switch button:hover{color:#fff;background:#ffffff0e}.projection-switch button.active{color:var(--ink);background:var(--warm);transform:translateY(-1px)}.projection-switch button span{font-size:9px;font-weight:700}.projection-switch button small{color:inherit;opacity:.62;font-size:7px}.device-stage{min-height:var(--phone-height);justify-content:center;display:flex}.device-scale{width:var(--phone-width);height:var(--phone-height)}.trakr-screen{--active-accent:var(--warm);width:var(--phone-width);height:var(--phone-height);isolation:isolate;background:#242424;border:1px solid #ffffff29;border-radius:56px;position:relative;overflow:hidden;box-shadow:0 0 0 7px #030303,0 0 0 8px #ffffff2b,0 34px 80px #0000009e}.screen-background{z-index:-5;background:radial-gradient(circle at 50% 18%,#ffffff06,#0000 35%),linear-gradient(#282828,#222223 62%,#1e1f21);position:absolute;inset:0}.screen-background:after{content:"";background:linear-gradient(#0000 48%,#0000002e);position:absolute;inset:0}.background-grid{z-index:-3;pointer-events:none;display:none;position:absolute;inset:118px 0 0}.status-bar{z-index:50;width:100%;height:54px;position:absolute;top:0;left:0}.status-time{letter-spacing:-.035em;font-size:17px;font-weight:650;position:absolute;top:24px;left:52px}.dynamic-island{background:#000;border-radius:24px;width:126px;height:37px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.status-icons{align-items:center;gap:7px;height:14px;display:flex;position:absolute;top:26px;right:39px}.cell-signal{align-items:flex-end;gap:2px;height:10px;display:flex}.cell-signal i{background:#ffffff4d;border-radius:1px;width:3px;height:3px}.cell-signal i:nth-child(2){height:4px}.cell-signal i:nth-child(3){height:5px}.cell-signal i:nth-child(4){height:6px}.battery{border:1.5px solid #ffffff8c;border-radius:4px;width:25px;height:13px;margin-left:1px;position:relative}.battery:after{content:"";background:#ffffff73;border-radius:0 2px 2px 0;width:2px;height:5px;position:absolute;top:3px;right:-3.5px}.battery span{background:#fff;border-radius:2px;position:absolute;inset:2px}.app-header{z-index:30;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#090c126e;border:1px solid #ffffff12;border-radius:29px;grid-template-columns:1fr auto 1fr;align-items:center;width:376px;height:61px;padding:0 12px 0 25px;display:grid;position:absolute;top:58px;left:13px;box-shadow:inset 0 1px #ffffff0e,0 9px 28px #00000029}.trakr-logo{object-fit:contain;filter:brightness(0)invert();width:73px;height:auto}.app-header h2{letter-spacing:-.025em;margin:0;font-size:15px;font-weight:650}.close-button{cursor:pointer;color:#ffffffc2;background:#ffffff0e;border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:auto;padding:0;display:grid}.summary-panel{z-index:24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10131a6e;border:1px solid #ffffff1c;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:6px;width:378px;height:72px;padding:6px;display:grid;position:absolute;top:129px;left:12px;box-shadow:inset 0 1px #ffffff14}.metric{background:#00000042;border-radius:12px;grid-template-rows:1fr auto;grid-template-columns:30px 1fr;align-items:center;padding:7px 8px;display:grid}.metric-icon{width:25px;height:25px;color:var(--active-accent);background:#080a0fb3;border-radius:8px;grid-row:1;place-items:center;display:grid}.metric strong{font-size:20px;line-height:1}.metric small{color:#ffffff6e;letter-spacing:.07em;white-space:nowrap;grid-column:1/3;font-size:6px;font-weight:800}.section-rail{z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090eb8;border:1px solid #ffffff21;border-radius:15px;flex-direction:column;padding:3px;display:flex;position:absolute;top:354px;right:10px;overflow:hidden;box-shadow:0 9px 25px #00000042}.section-rail button{cursor:pointer;color:#ffffff6b;background:0 0;border:0;border-radius:11px;place-items:center;width:36px;height:36px;padding:0;display:grid}.section-rail button.active{color:var(--ink);background:var(--active-accent)}.iso-stage{--plane-tilt:58deg;--plane-turn:-43deg;z-index:10;perspective:920px;perspective-origin:50% 42%;width:100%;height:433px;position:absolute;top:205px;left:0;overflow:hidden}.iso-stage.projection-low{--plane-tilt:48deg}.iso-stage.projection-classic{--plane-tilt:58deg}.iso-stage.projection-steep{--plane-tilt:66deg}.stage-vignette{background:radial-gradient(ellipse at 50% 45%, var(--active-accent), transparent 54%), linear-gradient(to bottom, transparent 68%, #04050885);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.stage-vignette{background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--active-accent) 9%, transparent), transparent 54%), linear-gradient(to bottom, transparent 68%, #04050885)}}.stage-vignette{pointer-events:none}.iso-plane-wrap{width:318px;height:318px;transform-style:preserve-3d;animation:.62s cubic-bezier(.2,.82,.24,1) both plane-arrive;position:absolute;top:24px;left:42px}.iso-plane{background:linear-gradient(135deg, #ffffff1c, transparent 42%), linear-gradient(315deg, var(--active-accent), transparent 48%), #12161de6;border:1px solid #ffffff2b;border-radius:29px;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.iso-plane{background:linear-gradient(135deg, #ffffff1c, transparent 42%), linear-gradient(315deg, color-mix(in srgb, var(--active-accent) 8%, transparent), transparent 48%), #12161de6}}.iso-plane{transform:rotateX(var(--plane-tilt)) rotateZ(var(--plane-turn));transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 1px #ffffff24,0 30px 45px #00000052}.iso-plane:before,.iso-plane:after{content:"";pointer-events:none;display:block;position:absolute}.iso-plane:before{transform-origin:top;background:linear-gradient(#23262ff5,#080a0ef5);border-radius:0 0 13px 13px;width:calc(100% - 28px);height:18px;top:calc(100% - 1px);left:14px;transform:rotateX(-90deg)}.iso-plane:after{transform-origin:0;background:linear-gradient(90deg,#1d212af5,#07090dfa);border-radius:0 12px 12px 0;width:18px;height:calc(100% - 28px);top:14px;left:calc(100% - 1px);transform:rotateY(90deg)}.plane-grid{border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:27px 27px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(145deg,#000,#00000061);mask-image:linear-gradient(145deg,#000,#00000061)}.route-path{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:translateZ(2px)}.route-path path{fill:none;vector-effect:non-scaling-stroke}.route-shadow{stroke:#0009;stroke-width:7px;stroke-linecap:round}.route-base{stroke:#fff3;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 8}.route-complete{stroke:var(--active-accent);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--active-accent))}@supports (color:color-mix(in lab, red, red)){.route-complete{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--active-accent) 55%, transparent))}}.iso-waypoint{z-index:5;cursor:pointer;color:#fff;width:54px;height:54px;transform:translate(-50%, -50%) translateZ(var(--cube-height));transform-style:preserve-3d;animation:cube-rise .52s cubic-bezier(.18, .82, .25, 1) var(--cube-delay) both;background:0 0;border:0;padding:0;transition:filter .18s,transform .22s;position:absolute}.section-badges .iso-waypoint{width:59px;height:59px}.iso-waypoint:hover{filter:brightness(1.13)}.iso-waypoint.selected{transform:translate(-50%, -50%) translateZ(calc(var(--cube-height) + 9px));animation-name:cube-rise-selected}.cube-face{border:1px solid #ffffff29;display:block;position:absolute}.cube-top{color:#ffffff7a;background:linear-gradient(145deg,#ffffff29,#0000 45%),linear-gradient(315deg,#ffffff09,#0000 55%),#353944;border-radius:14px;place-items:center;display:grid;inset:0;overflow:hidden;transform:translateZ(.5px);box-shadow:inset 0 1px #ffffff2b,0 2px 8px #00000029}.cube-front{width:calc(100% - 14px);height:var(--cube-height);transform-origin:top;background:linear-gradient(#262a34,#11141b);border-radius:0 0 8px 8px;top:calc(100% - 1px);left:7px;transform:rotateX(-90deg)}.cube-side{width:var(--cube-height);transform-origin:0;background:linear-gradient(90deg,#20242d,#0c0e13);border-radius:0 8px 8px 0;height:calc(100% - 14px);top:7px;left:calc(100% - 1px);transform:rotateY(90deg)}.cube-mark{border-radius:10px;place-items:center;width:32px;height:32px;font-family:OTR,Arial,sans-serif;font-size:16px;font-weight:140;display:grid;transform:rotate(43deg)}.iso-waypoint.earned .cube-top{color:var(--ink);background:linear-gradient(145deg, #ffffff70, transparent 45%), var(--cube-accent)}@supports (color:color-mix(in lab, red, red)){.iso-waypoint.earned .cube-top{background:linear-gradient(145deg, #ffffff70, transparent 45%), color-mix(in srgb, var(--cube-accent) 84%, #fff 16%)}}.iso-waypoint.earned .cube-front{background:var(--cube-accent)}@supports (color:color-mix(in lab, red, red)){.iso-waypoint.earned .cube-front{background:color-mix(in srgb, var(--cube-accent) 56%, #171a20)}}.iso-waypoint.earned .cube-side{background:var(--cube-accent)}@supports (color:color-mix(in lab, red, red)){.iso-waypoint.earned .cube-side{background:color-mix(in srgb, var(--cube-accent) 38%, #0b0e13)}}.iso-waypoint.current .cube-top{color:var(--ink);background:linear-gradient(145deg, #ffffff94, transparent 43%), var(--cube-accent);box-shadow:inset 0 1px 0 #ffffff73, 0 0 18px var(--cube-accent);border-color:#ffffff94}@supports (color:color-mix(in lab, red, red)){.iso-waypoint.current .cube-top{box-shadow:inset 0 1px 0 #ffffff73, 0 0 18px color-mix(in srgb, var(--cube-accent) 34%, transparent)}}.iso-waypoint.current .cube-front{background:var(--cube-accent)}@supports (color:color-mix(in lab, red, red)){.iso-waypoint.current .cube-front{background:color-mix(in srgb, var(--cube-accent) 66%, #12161c)}}.iso-waypoint.current .cube-side{background:var(--cube-accent)}@supports (color:color-mix(in lab, red, red)){.iso-waypoint.current .cube-side{background:color-mix(in srgb, var(--cube-accent) 48%, #090c11)}}.iso-waypoint.upcoming{opacity:.74}.iso-waypoint.selected .cube-top{box-shadow:0 0 0 3px var(--cube-accent), 0 0 20px var(--cube-accent);border-color:#ffffffdb}@supports (color:color-mix(in lab, red, red)){.iso-waypoint.selected .cube-top{box-shadow:0 0 0 3px color-mix(in srgb, var(--cube-accent) 24%, transparent), 0 0 20px color-mix(in srgb, var(--cube-accent) 33%, transparent)}}.cube-pulse{z-index:-1;border:2px solid var(--cube-accent);opacity:0;border-radius:18px;animation:2.1s ease-out infinite cube-pulse;position:absolute;inset:-7px;transform:translateZ(-1px)}.section-badges .route-path{display:none}.section-badges .iso-plane{background:linear-gradient(145deg,#ffffff1a,#0000 42%),#0f131af0}.map-key{color:#ffffff61;flex-direction:column;align-items:center;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;font-weight:800;display:flex;position:absolute;top:24px;left:23px}.map-key i{background:linear-gradient(var(--active-accent), transparent);width:1px;height:18px}.milestone-readout{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07090ec9;border:1px solid #ffffff21;border-radius:16px;grid-template-columns:1fr auto;width:278px;min-height:74px;padding:11px 13px;display:grid;position:absolute;bottom:6px;left:17px;box-shadow:inset 0 1px #ffffff14,0 11px 30px #00000057}.readout-state{color:var(--active-accent);grid-column:1/3;align-items:center;gap:5px;margin-bottom:4px;display:flex}.readout-state span{letter-spacing:.12em;font-size:6px;font-weight:800}.milestone-readout strong{font-size:12px;line-height:15px}.milestone-readout small{color:#ffffff78;grid-column:1;font-size:7px;line-height:11px}.milestone-readout>b{color:var(--active-accent);grid-area:2/2/4;align-self:center;font-family:OTR,sans-serif;font-size:24px;font-weight:120}.journey-menu{z-index:38;-webkit-backdrop-filter:blur(19px)saturate(1.08);backdrop-filter:blur(19px)saturate(1.08);background:linear-gradient(145deg,#ffffff18,#0000 39%),#090c12c9;border:1px solid #ffffff24;border-radius:23px;width:382px;height:195px;padding:12px;position:absolute;bottom:30px;left:10px;box-shadow:inset 0 1px #ffffff1a,0 -7px 30px #00000029}.next-progress{background:#0000004d;border-radius:10px;height:38px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--active-accent), var(--active-accent));position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.progress-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--active-accent) 62%, #111), var(--active-accent))}}.progress-fill{box-shadow:0 0 15px var(--active-accent)}@supports (color:color-mix(in lab, red, red)){.progress-fill{box-shadow:0 0 15px color-mix(in srgb, var(--active-accent) 24%, transparent)}}.progress-fill{transition:width .36s,background .24s}.progress-copy{z-index:2;color:#fff;align-items:center;gap:5px;height:100%;padding:0 10px;display:flex;position:relative}.progress-copy small{letter-spacing:.08em;font-size:7px;font-weight:800}.progress-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.progress-copy b{margin-left:auto;font-size:10px}.category-menu{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px;display:grid}.category-menu button{cursor:pointer;color:#ffffff63;background:#ffffff09;border:0;border-radius:13px;flex-direction:column;align-items:center;gap:6px;height:88px;padding:9px 2px 7px;transition:color .18s,background .18s,transform .18s;display:flex}.category-menu button>span{background:#00000038;border:1px solid #ffffff14;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.category-menu button small{font-size:6px;font-weight:750}.category-menu button:hover{color:#fffc}.category-menu button.active{color:var(--ink);background:var(--category-accent);transform:translateY(-2px)}.category-menu button.active>span{background:#ffffff47;border-color:#00000014}.home-indicator{z-index:50;background:#ffffffdb;border-radius:999px;width:132px;height:5px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.workspace-note{color:#ffffff59;letter-spacing:.055em;text-align:center;margin:20px auto 0;font-size:8px}@keyframes plane-arrive{0%{opacity:0;transform:translateY(28px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cube-rise{0%{opacity:0;transform:translate(-50%,-50%)translateZ(0)}to{opacity:1;transform:translate(-50%, -50%) translateZ(var(--cube-height))}}@keyframes cube-rise-selected{0%{opacity:0;transform:translate(-50%,-50%)translateZ(0)}to{opacity:1;transform:translate(-50%, -50%) translateZ(calc(var(--cube-height) + 9px))}}@keyframes cube-pulse{0%{opacity:.72;transform:translateZ(-1px)scale(.9)}80%,to{opacity:0;transform:translateZ(-1px)scale(1.45)}}@media (max-width:700px){.isometric-lab{padding-top:18px}.workspace-header{width:var(--phone-width);flex-direction:column;align-items:flex-start;gap:8px}.workspace-header>span{display:none}.lab-toolbar{width:var(--phone-width)}.lab-toolbar>div:first-child{display:none}.projection-switch{width:100%}.projection-switch button{flex:1;justify-content:center}}@media (max-width:440px){.isometric-lab{padding-left:0;padding-right:0}.workspace-header,.lab-toolbar{width:365px}.device-stage{min-height:795px}.device-scale{width:var(--phone-width);height:var(--phone-height);transform-origin:top;transform:scale(.91)}}@media (max-width:380px){.workspace-header,.lab-toolbar{width:330px}.device-stage{min-height:725px}.device-scale{transform:scale(.82)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.variation-controls{align-items:center;gap:6px;display:flex}.variation-controls .projection-switch button{min-width:108px}.replay-button{cursor:pointer;color:#ffffff7a;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;place-items:center;width:34px;height:34px;padding:0;transition:color .18s,background .18s,transform .18s;display:grid}.replay-button:hover{color:#fff;background:#ffffff12;transform:rotate(-18deg)}.milestone-map-stage{z-index:10;width:100%;height:433px;position:absolute;top:205px;left:0;overflow:hidden}.map-stage-vignette{pointer-events:none;background:radial-gradient(ellipse at 43% 40%, var(--active-accent), transparent 47%), linear-gradient(to bottom, transparent 67%, #0405084d);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.map-stage-vignette{background:radial-gradient(ellipse at 43% 40%, color-mix(in srgb, var(--active-accent) 4%, transparent), transparent 47%), linear-gradient(to bottom, transparent 67%, #0405084d)}}.map-visual{background:radial-gradient(circle at 48% 45%, var(--active-accent), transparent 42%), #1a1a1b38;border:1px solid #ffffff0b;border-radius:27px;width:338px;height:346px;position:absolute;top:0;left:8px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.map-visual{background:radial-gradient(circle at 48% 45%, color-mix(in srgb, var(--active-accent) 3.5%, transparent), transparent 42%), #1a1a1b38}}.map-visual{isolation:isolate;animation:.52s cubic-bezier(.18,.82,.24,1) both map-surface-arrive;box-shadow:inset 0 1px #ffffff06,inset 0 -38px 80px #00000014}.map-visual:before{z-index:-1;opacity:0;content:"";background-image:radial-gradient(circle,#ffffff21 0 .55px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 77%,#0000);mask-image:linear-gradient(#0000,#000 22% 77%,#0000)}.map-depth-lines{opacity:.08;pointer-events:none;background:repeating-linear-gradient(#0000 0 51px,#ffffff1f 52px,#0000 53px);position:absolute;inset:18px 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 19% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 19% 82%,#0000)}.milestone-route{width:338px;height:346px;position:absolute;inset:0;overflow:visible}.milestone-route path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.route-depth{stroke:#000000a3;stroke-width:9px}.route-neutral{stroke:#d7dce22e;stroke-width:4px}.route-earned,.route-current{stroke:var(--active-accent);stroke-width:4px;filter:drop-shadow(0 0 4px var(--active-accent))}@supports (color:color-mix(in lab, red, red)){.route-earned,.route-current{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--active-accent) 35%, transparent))}}.route-earned{stroke-dasharray:100;stroke-dashoffset:100px;animation:.72s cubic-bezier(.25,.76,.3,1) 90ms forwards earned-route-draw}.route-current{stroke-dasharray:0 100;animation:.62s cubic-bezier(.22,.75,.26,1) .76s forwards current-route-draw}.rail-landing{stroke:#d7dce22e;stroke-width:4px}.rail-landing.earned{stroke:var(--active-accent);stroke-dasharray:100;stroke-dashoffset:100px;animation:earned-route-draw .42s ease-out var(--landing-delay,.26s) forwards}.rail-landing.current{stroke:var(--active-accent);stroke-dasharray:var(--route-progress) 100;opacity:.72}.milestone-node{z-index:6;top:var(--node-y);left:var(--node-x);width:var(--node-button-size);height:var(--node-button-size);cursor:pointer;color:#fff;animation:milestone-arrive .46s cubic-bezier(.18, .82, .26, 1.05) var(--node-delay) both;background:0 0;border:0;place-items:center;padding:0;transition:filter .18s,transform .21s cubic-bezier(.2,.78,.25,1);display:grid;position:absolute;transform:translate(-50%,-50%)}.milestone-node:hover{z-index:14;filter:brightness(1.12);transform:translate(-50%,-53%)scale(1.035)}.milestone-node:active{transform:translate(-50%,-49%)scale(.97)}.milestone-node.selected{z-index:13}.milestone-node.selected .hex-shell{filter:drop-shadow(0 0 9px var(--active-accent))}@supports (color:color-mix(in lab, red, red)){.milestone-node.selected .hex-shell{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--active-accent) 30%, transparent))}}.milestone-node.selected .hex-shell{transform:scale(1.06)}.hex-shell{z-index:3;width:var(--node-size);aspect-ratio:72/64;transition:filter .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.hex-shell svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hex-fill{fill:#2a2d33fa;filter:drop-shadow(0 5px 7px #00000057)}.hex-outline{fill:none;stroke:#e6e9ed57;stroke-width:1.4px}.milestone-node.earned .hex-fill{fill:#393c42fa}.milestone-node.earned .hex-outline{stroke:#ffffff85}.milestone-node.current .hex-fill{fill:var(--active-accent)}@supports (color:color-mix(in lab, red, red)){.milestone-node.current .hex-fill{fill:color-mix(in srgb, var(--active-accent) 14%, #202124)}}.milestone-node.current .hex-outline{stroke:#ffffff42;stroke-width:2.2px}.milestone-node.upcoming{opacity:.64}.milestone-node.upcoming .hex-fill{fill:#1b1e23f7}.milestone-node.upcoming .hex-outline{stroke:#d6dae14d;stroke-dasharray:2 5}.hex-progress{fill:none;stroke:var(--active-accent);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:0 100;filter:drop-shadow(0 0 3px var(--active-accent))}@supports (color:color-mix(in lab, red, red)){.hex-progress{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--active-accent) 46%, transparent))}}.hex-progress{animation:.68s cubic-bezier(.22,.76,.25,1) .86s forwards hex-progress-draw}.hex-value{justify-content:center;align-items:baseline;gap:1px;line-height:1;display:flex;position:absolute;inset:0}.hex-value b{font-family:OTR,Arial,sans-serif;font-size:var(--node-font-size);letter-spacing:-.06em;font-weight:145}.hex-value small{color:#ffffff7a;font-size:var(--node-unit-size);font-weight:800}.milestone-node.current .hex-value b{color:#fff}.milestone-node.current .hex-value small{color:var(--active-accent)}.node-state-mark{z-index:5;top:var(--state-mark-top);left:var(--state-mark-left);color:#ffffff8a;background:#171a1f;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;box-shadow:0 3px 7px #00000061}.milestone-node.earned .node-state-mark{color:#111318;background:var(--active-accent)}.milestone-node.current .node-state-mark{color:var(--active-accent);border-color:var(--active-accent)}@supports (color:color-mix(in lab, red, red)){.milestone-node.current .node-state-mark{border-color:color-mix(in srgb, var(--active-accent) 55%, transparent)}}.node-halo{z-index:0;aspect-ratio:72/64;opacity:.09;background:var(--active-accent);clip-path:polygon(24% 2%,76% 2%,100% 50%,76% 98%,24% 98%,0 50%);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.halo-inner{width:calc(var(--node-size) + 30px);animation:2.5s ease-in-out 1.4s infinite halo-breathe}.halo-outer{width:calc(var(--node-size) + 62px);opacity:.045;animation:2.5s ease-in-out 1.4s infinite halo-breathe-outer}.current-position{z-index:7;right:var(--runner-right);bottom:var(--runner-bottom);border:2px solid var(--active-accent);color:#fff;width:31px;height:31px;box-shadow:0 0 0 3px #07090cc2, 0 0 12px var(--active-accent);background:#111419;border-radius:50%;align-content:center;place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.current-position{box-shadow:0 0 0 3px #07090cc2, 0 0 12px color-mix(in srgb, var(--active-accent) 34%, transparent)}}.current-position{animation:.56s cubic-bezier(.18,.82,.28,1.12) 1.08s both current-marker-settle}.current-position small{color:var(--active-accent);letter-spacing:.08em;font-size:4.5px;font-weight:900;line-height:6px}.current-position b{font-family:OTR,Arial,sans-serif;font-size:12px;font-weight:145;line-height:12px}.node-caption{display:none}.variation-rail .map-depth-lines{opacity:.08}.variation-rail .map-visual{background:linear-gradient(90deg,#ffffff05,#0000 28%),#1a1a1b29}.variation-rail .milestone-node.current:before{z-index:-1;background:linear-gradient(90deg, var(--active-accent), #ffffff05);border:1px solid #ffffff14;border-radius:16px;width:272px;height:48px;position:absolute;left:calc(50% - 55px)}@supports (color:color-mix(in lab, red, red)){.variation-rail .milestone-node.current:before{background:linear-gradient(90deg, color-mix(in srgb, var(--active-accent) 9%, #ffffff09), #ffffff05)}}.variation-rail .milestone-node.current:before{content:"";box-shadow:inset 0 1px #ffffff09}.variation-rail .node-caption{z-index:4;color:#ffffffad;text-align:left;flex-direction:column;gap:3px;width:169px;display:flex;position:absolute;top:50%;left:calc(50% + 39px);transform:translateY(-50%)}.variation-rail .node-caption b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:10px;overflow:hidden}.variation-rail .node-caption small{color:#ffffff54;text-overflow:ellipsis;white-space:nowrap;font-size:6px;line-height:8px;overflow:hidden}.variation-rail .milestone-node.current .node-caption b{color:#fff}.variation-rail .milestone-node.current .node-caption small{color:var(--active-accent)}@supports (color:color-mix(in lab, red, red)){.variation-rail .milestone-node.current .node-caption small{color:color-mix(in srgb, var(--active-accent) 72%, white 28%)}}.variation-rail .current-position{inset:calc(50% - 15px) auto auto 3px}.variation-focus .map-depth-lines{opacity:.08}.variation-focus .map-visual{background:radial-gradient(circle at 51% 47%, var(--active-accent), transparent 34%), #1a1a1b24}@supports (color:color-mix(in lab, red, red)){.variation-focus .map-visual{background:radial-gradient(circle at 51% 47%, color-mix(in srgb, var(--active-accent) 5%, transparent), transparent 34%), #1a1a1b24}}.variation-focus .milestone-node.current .halo-inner{width:calc(var(--node-size) + 44px);opacity:.075}.variation-focus .milestone-node.current .halo-outer{width:calc(var(--node-size) + 96px);opacity:.035}.variation-focus .milestone-node.current .current-position{bottom:calc(50% - 54px);right:calc(50% + 23px)}.section-badges .map-depth-lines,.section-badges .milestone-route{display:none}.section-badges .map-visual{background:radial-gradient(circle at 50% 50%, var(--active-accent), transparent 48%), #1a1a1b29}@supports (color:color-mix(in lab, red, red)){.section-badges .map-visual{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--active-accent) 4%, transparent), transparent 48%), #1a1a1b29}}.badge-field{opacity:.6;background:linear-gradient(90deg,#0000 32.8%,#ffffff14 33%,#0000 33.2% 66%,#ffffff14 66.2%,#0000 66.4%),linear-gradient(#0000 49.7%,#ffffff14 50%,#0000 50.3%);position:absolute;inset:32px 26px;-webkit-mask-image:radial-gradient(#000,#0000 78%);mask-image:radial-gradient(#000,#0000 78%)}@keyframes map-surface-arrive{0%{opacity:0;transform:translateY(12px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes earned-route-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes current-route-draw{0%{stroke-dasharray:0 100}to{stroke-dasharray:var(--route-progress) 100}}@keyframes hex-progress-draw{0%{stroke-dasharray:0 100}to{stroke-dasharray:var(--milestone-progress) 100}}@keyframes milestone-arrive{0%{opacity:0;transform:translate(-50%,-35%)scale(.76)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes current-marker-settle{0%{opacity:0;transform:translateY(15px)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes halo-breathe{0%,to{opacity:.065;transform:translate(-50%,-50%)scale(.94)}50%{opacity:.12;transform:translate(-50%,-50%)scale(1.04)}}@keyframes halo-breathe-outer{0%,to{opacity:.025;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.065;transform:translate(-50%,-50%)scale(1.04)}}@media (max-width:700px){.variation-controls{width:100%}.variation-controls .projection-switch{flex:1}.variation-controls .projection-switch button{min-width:0;padding-left:7px;padding-right:7px}}@media (prefers-reduced-motion:reduce){.map-visual,.route-earned,.route-current,.rail-landing,.milestone-node,.hex-progress,.current-position,.node-halo{animation:none!important}.route-earned{stroke-dashoffset:0}.route-current{stroke-dasharray:var(--route-progress) 100}.hex-progress{stroke-dasharray:var(--milestone-progress) 100}}