.transport-dock{position:fixed;z-index:8;bottom:var(--hud-transport-bottom,calc(18px + env(safe-area-inset-bottom,0px)));left:var(--hud-transport-left,50%);right:var(--hud-transport-right,auto);transform:translateX(-50%);display:flex;gap:4px;width:max-content;padding:5px;border:1px solid #e8bb74;border-radius:21px;background:rgba(255,249,237,.96);box-shadow:0 6px 24px #54260025;pointer-events:auto;isolation:isolate}
.transport-dock.transport-dock-slotted{position:relative;inset:auto;transform:none}
.transport-dock .transport-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:66px;min-width:44px;min-height:56px;padding:5px 3px;border:1px solid transparent;border-radius:15px;background:transparent;color:#75390e;font:inherit;font-weight:750;font-size:11px;line-height:1.2;cursor:pointer;opacity:.57;transition:opacity .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}
.transport-dock .transport-choice svg{display:block;width:28px;height:28px;flex:none;pointer-events:none}
.transport-dock .transport-choice[aria-pressed=true]{opacity:1;color:#713003;background:#ffe2a0;border-color:#e5a22a;box-shadow:inset 0 1px 0 #fff6da}
.transport-dock .transport-choice[aria-pressed=true]::after{content:'';position:absolute;right:6px;top:5px;width:5px;height:5px;border-radius:50%;background:#dd650a}
.transport-dock .transport-choice:hover:not(:disabled),.transport-dock .transport-choice:focus-visible{opacity:1;background:#fff0d5}
.transport-dock .transport-choice:focus-visible{outline:3px solid #e88a19;outline-offset:2px}
.transport-dock .transport-choice:active:not(:disabled){transform:scale(.96)}
.transport-dock .transport-choice:disabled{cursor:default;opacity:.35}
.transport-dock .transport-choice:disabled[aria-pressed=true]{opacity:.7}
.transport-dock[aria-busy=true] .transport-choice{cursor:wait}
.transport-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.transport-options{display:flex;gap:inherit}
.transport-mobile-toggle{display:none}
@media(max-width:600px){.transport-dock{gap:2px;padding:4px;border-radius:18px}.transport-dock .transport-choice{width:57px;min-height:52px;border-radius:13px;font-size:10px;gap:2px}.transport-dock .transport-choice svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.transport-dock .transport-choice{transition:none}}