.app-tooltip{--tooltip-surface:var(--play-panel);--tooltip-border:var(--play-edge);--tooltip-text:var(--ink);--tooltip-shift-x:0px;--tooltip-shift-y:4px;z-index:200;border:1px solid var(--tooltip-border);border-radius:var(--radius-md);background:var(--tooltip-surface);width:max-content;max-width:min(20rem,100vw - 20px);color:var(--tooltip-text);box-shadow:var(--shadow-float), var(--shadow-rest);font:400 var(--text-ui) / 1.5 var(--font-ui);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;pointer-events:auto;animation:tooltip-appear var(--dur-fast) var(--ease-out);padding:10px 14px}.app-tooltip[data-side=bottom]{--tooltip-shift-y:-4px}.app-tooltip[data-side=left]{--tooltip-shift-x:4px;--tooltip-shift-y:0px}.app-tooltip[data-side=right]{--tooltip-shift-x:-4px;--tooltip-shift-y:0px}.app-tooltip>svg{fill:var(--tooltip-surface)}@keyframes tooltip-appear{0%{opacity:0;translate:var(--tooltip-shift-x) var(--tooltip-shift-y)}}@media (prefers-reduced-motion:reduce){.app-tooltip{animation:tooltip-fade var(--dur-fast) linear}}.app-tooltip.reduced-motion{animation:tooltip-fade var(--dur-fast) linear}@keyframes tooltip-fade{0%{opacity:0}}.tooltip-disabled-trigger{min-width:0;display:inline-flex}.tooltip-disabled-trigger>:disabled{pointer-events:none}.tooltip-disabled-trigger:focus-visible,[data-tooltip-trigger]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.tooltip-disabled-trigger:focus-visible{border-radius:var(--radius-md)}
.game-hud{--hud-accent:var(--brass);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px 12px 0 0;min-width:0;font-family:DM Sans,sans-serif;overflow:visible}.game-hud--flight,.game-hud--paintball{--hud-accent:var(--action)}.game-hud--valley{--hud-accent:var(--sage)}.hud-context{justify-content:space-between;align-items:center;gap:8px 20px;padding:10px 14px;display:flex}.hud-context>div:first-child{flex-wrap:wrap;align-items:baseline;gap:3px 14px;min-width:0;display:flex}.hud-context-title{color:var(--ink);font-size:16px;font-weight:600}.hud-area-count{color:var(--muted);margin-inline-start:10px;font-size:13px;font-weight:400;display:inline-block}.hud-objective{color:var(--muted);font-size:14px;line-height:1.45}.hud-context-aside{color:var(--muted);flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;font-size:14px;display:flex}.hud-context-aside strong{color:var(--ink);font-variant-numeric:tabular-nums}.hud-resources{border-top:1px solid var(--line);flex-wrap:wrap;align-items:stretch;display:flex}.hud-resource{border:0;border-inline-end:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;text-align:left;background:0 0;border-radius:0;flex:110px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.hud-resource:last-child{border-inline-end:0}button.hud-resource{cursor:help;transition:background-color .14s}button.hud-resource:hover,button.hud-resource:focus-visible{background:var(--surface)}button.hud-resource:focus-visible{outline:2px solid var(--hud-accent);outline-offset:-3px;border-radius:3px}.hud-resource-icon{color:var(--hud-accent);flex:none;place-items:center;display:grid}.hud-resource-icon svg{stroke-width:1.7px;width:23px;height:23px}.hud-resource-content{flex:1;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;min-width:0;display:grid}.hud-resource-heading{color:var(--muted);align-items:center;gap:5px;font-size:13px;line-height:1.25;display:flex}.hud-resource-heading>svg{opacity:.65}.hud-resource-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.2}.hud-resource-detail{color:var(--muted);grid-column:1/-1;font-size:13px;line-height:1.35}.hud-meter{background:var(--line);border-radius:3px;grid-column:1/-1;height:5px;display:flex;overflow:hidden}.hud-meter>i{height:100%;width:var(--hud-fill);border-radius:inherit;background:var(--hud-accent);transition:width .16s ease-out;display:block}.hud-meter--segments{background:0 0;gap:4px}.hud-meter--segments>i{background:var(--line);flex:1}.hud-meter--segments>i[data-filled=true]{background:var(--hud-accent)}.hud-resource[data-tone=ready]{--hud-accent:var(--sage)}.hud-resource[data-tone=reward]{--hud-accent:var(--brass);background:color-mix(in srgb, var(--tint-gold) 45%, transparent)}.hud-resource[data-tone=warning]{--hud-accent:var(--clay);background:var(--tint-error)}.hud-resource[data-tone=warning] .hud-resource-value{color:var(--clay)}.hud-controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 2px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5;display:flex}.hud-controls>svg{color:var(--brass);flex:none}.hud-controls-keyboard,.hud-controls-all,.hud-controls-touch{flex-wrap:wrap;align-items:center;gap:7px 18px;display:flex}.hud-controls-touch{display:none}.hud-control,.hud-key-group{align-items:center;gap:6px;display:inline-flex}.hud-key-group{gap:3px}.hud-control kbd{border:1px solid var(--line);background:var(--paper);min-width:24px;min-height:24px;color:var(--ink);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:1px 5px;font:500 12px DM Sans,sans-serif;display:inline-flex}.hud-navigation{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 0;font:14px DM Sans,sans-serif;display:flex}.hud-navigation>svg{color:var(--brass);flex:none}.hud-navigation>.select-field{width:min(100%,255px)}.hud-navigation .select-field-label{font-size:13px}.hud-navigation .text-button{min-height:40px}.game-hud--workshop{border-radius:8px;margin-block:12px}.game-hud--workshop .hud-context{flex-wrap:wrap}.game-hud--workshop .hud-objective{color:var(--ink)}.game-hud--workshop .hud-context-aside{margin-left:auto}.hud-learning-status{border-inline-start:1px solid var(--line);color:var(--muted);margin-left:auto;padding-inline-start:14px;font-size:13px}.hud-progress-help{max-width:480px;font-size:14px}.hud-progress-help summary{cursor:pointer;color:var(--ink);padding-block:8px}.hud-progress-help p{line-height:1.55}@media (pointer:coarse){.hud-resource{min-height:50px}.hud-controls-touch kbd{background:var(--surface);box-shadow:none;border-bottom-width:1px}}@media (max-width:680px){.hud-context{flex-wrap:wrap;gap:5px;padding:9px 10px}.hud-context-title{font-size:14px}.hud-objective,.hud-context-aside{font-size:13px}.hud-resource{border-bottom:1px solid var(--line);flex-basis:130px;gap:7px;padding:9px 10px}.hud-resource-value{font-size:15px}.hud-resource-icon svg{width:20px;height:20px}.hud-controls{gap:6px}.hud-controls>svg{display:none}.hud-controls-keyboard,.hud-controls-all,.hud-controls-touch{gap:6px 12px}.hud-navigation{gap:8px}.hud-navigation>svg{display:none}}@media (prefers-reduced-motion:reduce){.hud-resource,.hud-meter>i{transition:none!important}}.reduced-motion .hud-resource,.reduced-motion .hud-meter>i,.ascent-reduced-motion .hud-meter>i,[data-motion=reduced] .hud-meter>i{transition:none!important}.game-hud--dock{z-index:4;border:0;border-top:1px solid var(--line);border-radius:0;position:absolute;inset:auto 0 0}.game-hud--dock .hud-resources{border-top:0;flex-wrap:nowrap}.game-hud--dock .hud-resource{flex-basis:0;padding:9px 12px}.game-hud--dock .hud-resource-heading{white-space:nowrap}.game-hud--dock .hud-resource-value{font-size:15px}@media (max-width:680px){.game-hud--dock .hud-resource{border-bottom:0;gap:5px;padding:7px 8px}.game-hud--dock .hud-resource-content{flex-direction:column;gap:3px;display:flex}.game-hud--dock .hud-resource-heading{white-space:normal;font-size:12px}.game-hud--dock .hud-resource-heading>svg{display:none}.game-hud--dock .hud-resource-value{font-size:13px}.game-hud--dock .hud-resource-icon{display:none}.game-hud--dock .hud-meter{width:100%}}:is(.flight-preview,.platformer-preview) .game-hud-footer{background:var(--paper);color:var(--ink);padding:0 12px}:is(.flight-preview,.platformer-preview) .game-hud-footer .hud-context{padding-inline:0}.hud-controls[data-input=touch] .hud-controls-keyboard{display:none}.hud-controls[data-input=touch] .hud-controls-touch{display:flex}
