.dk-walkthrough{min-width:0;--walk-border:40 30% 26%;--walk-bg:40 12% 7%;--walk-text:42 37% 93%;--walk-gold:44 68% 69%;--walk-control:37 14% 11%;box-sizing:border-box;width:100%;max-width:100%;margin:24px 0;padding:12px;border:1px solid hsl(var(--walk-border));border-radius:8px;background:hsl(var(--walk-bg));color:hsl(var(--walk-text));font:400 14px/1.5 Arial,sans-serif}.dk-walkthrough *{box-sizing:border-box;letter-spacing:0}.dk-walkthrough h2{margin:0 0 6px;font-size:18px!important;line-height:1.4;font-weight:400;color:hsl(var(--walk-gold))}.dk-walkthrough p{margin:4px 0 8px;font-size:14px;font-weight:400;line-height:1.5}.dk-walkthrough-stage{position:relative;width:100%;margin:10px 0 0}.dk-walkthrough video{display:block;width:100%;height:auto;aspect-ratio:9/16;-o-object-fit:contain;object-fit:contain;background:hsl(var(--background));border-radius:8px 8px 0 0;cursor:pointer}.dk-walkthrough video::-webkit-media-controls{display:none!important}.dk-walkthrough .dk-walk-bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid hsl(var(--walk-gold)/.6);background:hsl(var(--walk-bg)/.75);color:hsl(var(--walk-gold));padding:0;cursor:pointer}.dk-walkthrough .dk-walk-bigplay svg{width:28px;height:28px;margin-left:3px}.dk-walkthrough-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px;border:1px solid hsl(var(--walk-border));border-top:0;border-radius:0 0 8px 8px;background:hsl(var(--walk-control))}.dk-walk-secondary{display:flex;align-items:center;gap:6px;margin-left:auto}.dk-walkthrough .dk-walk-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;border:0;border-radius:6px;background:transparent;color:hsl(var(--walk-text));cursor:pointer;box-shadow:none}.dk-walkthrough .dk-walk-icon:hover,.dk-walkthrough .dk-walk-icon[aria-pressed=true]{color:hsl(var(--walk-gold));background:hsl(var(--walk-text)/.06)}.dk-walkthrough .dk-walk-icon svg{width:18px;height:18px}.dk-walk-time{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;color:hsl(var(--walk-text))}.dk-walkthrough input[type=range]{height:36px;margin:0;accent-color:hsl(var(--walk-gold));cursor:pointer;background:transparent}.dk-walkthrough .dk-walk-seek{flex:1 1 120px;min-width:60px}.dk-walkthrough .dk-walk-volume{width:72px}.dk-walkthrough .dk-walk-speed{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;height:36px;padding:0 6px;border:1px solid hsl(var(--walk-border));border-radius:6px;background:hsl(var(--walk-bg));color:hsl(var(--walk-text));font:400 12px/1.5 Arial,sans-serif;cursor:pointer}.dk-walkthrough a{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:hsl(var(--walk-gold));text-decoration:underline;font-size:12px;font-weight:400}.dk-walkthrough :focus-visible{outline:2px solid hsl(var(--walk-gold));outline-offset:2px}.dk-walkthrough:fullscreen{overflow:auto;border-radius:0;max-width:none;display:flex;flex-direction:column;justify-content:center}.dk-walkthrough:fullscreen video{max-height:calc(100vh - 140px)}@media (max-width:640px){.dk-walkthrough{padding:10px}.dk-walkthrough .dk-walk-icon{width:44px;height:44px;min-width:44px}.dk-walkthrough input[type=range],.dk-walkthrough .dk-walk-speed{height:44px!important;min-height:44px}.dk-walkthrough .dk-walk-secondary{flex-basis:100%;width:100%;min-width:0;margin-left:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-areas:"mute vol vol vol" "speed speed cc fs";gap:6px;align-items:center}.dk-walk-secondary>*{min-width:0;max-width:100%}.dk-walk-secondary>:nth-child(1){grid-area:mute}.dk-walk-secondary>:nth-child(2){grid-area:vol}.dk-walk-secondary>:nth-child(3){grid-area:speed;justify-self:start}.dk-walk-secondary>:nth-child(4){grid-area:cc}.dk-walk-secondary>:nth-child(5){grid-area:fs}.dk-walkthrough .dk-walk-volume{width:100%;min-width:0}}.dk-walk-floating{position:fixed;z-index:51;pointer-events:auto;left:calc(8px + env(safe-area-inset-left));bottom:calc(64px + env(safe-area-inset-bottom));width:clamp(190px,54vw,220px);max-width:calc(100vw - 24px);font:400 12px/1.4 Arial,sans-serif}.dk-walk-floating[data-side=right]{left:auto;right:calc(8px + env(safe-area-inset-right))}.dk-walk-floating .dk-walkthrough{margin:0;padding:4px;max-height:calc(var(--walk-viewport-height,100dvh) - 80px);overflow:auto}.dk-walk-panel-head{display:flex;justify-content:space-between;gap:0}.dk-walk-panel-head .dk-walk-panel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:hsl(var(--walk-text));font:400 12px/1.4 Arial,sans-serif;box-shadow:none;cursor:pointer}.dk-walk-panel-button:hover{background:hsl(var(--walk-text)/.06)}.dk-walk-panel-button svg{width:18px;height:18px}.dk-walk-floating .dk-walkthrough-stage{margin:0}.dk-walk-floating video{height:min(280px,calc(var(--walk-viewport-height,100dvh) - 242px));min-height:64px;width:100%;-o-object-fit:contain;object-fit:contain}.dk-walk-floating .dk-walkthrough-controls{display:grid;grid-template-columns:44px minmax(0,1fr);gap:3px;padding:0}.dk-walk-floating .dk-walk-time{justify-self:end}.dk-walk-floating .dk-walk-seek{grid-column:1/-1;width:100%;min-width:0}.dk-walk-floating .dk-walk-secondary{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(44px,1fr) 44px 44px;grid-template-areas:"mute speed cc fs";gap:0;width:100%;margin:0;min-width:0}.dk-walk-floating .dk-walk-volume{display:none}.dk-walk-floating .dk-walk-speed{width:100%;padding:0 2px;justify-self:stretch}.dk-walk-floating .dk-walkthrough>a{display:none}.dk-walk-floating[data-minimized=true]{width:160px}.dk-walk-floating[data-minimized=true] video{height:72px;min-height:0}.dk-walk-floating[data-minimized=true] .dk-walk-seek{display:none}.dk-walk-floating[data-minimized=true] .dk-walk-secondary{grid-template-columns:minmax(50px,1fr) 44px;grid-template-areas:"speed fs"}.dk-walk-floating[data-minimized=true] .dk-walk-secondary>:nth-child(1),.dk-walk-floating[data-minimized=true] .dk-walk-secondary>:nth-child(4){display:none}.dk-walk-floating[data-keyboard=true]{top:calc(var(--walk-viewport-top,0px) + 8px + env(safe-area-inset-top));bottom:auto}.dk-walk-chip{position:fixed;z-index:51;left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border:1px solid hsl(40 30% 26%);border-radius:999px;background:#141310eb;color:#e6c97a;font:500 13px/1.4 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 16px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dk-walk-chip svg{width:16px;height:16px}.dk-walk-chip:focus-visible{outline:2px solid hsl(44 68% 69%);outline-offset:2px}.dk-walk-reopen{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:transparent;color:hsl(var(--gold));text-decoration:underline;font:400 12px/1.4 Arial,sans-serif!important;cursor:pointer}.dk-walk-reopen svg{width:14px;height:14px}.dk-walk-reopen:focus-visible{outline:2px solid hsl(var(--gold));outline-offset:2px}@media (max-width:767px){.dk-walkthrough .dk-walk-speed,.dk-walkthrough input[type=range]{height:44px!important;min-height:44px}.dk-walkthrough .dk-walk-icon{width:44px;height:44px;min-width:44px}}@media (max-height:500px){.dk-walk-floating{width:190px}.dk-walk-floating video{height:64px;min-height:0}}.dk-walk-floating .dk-walkthrough:fullscreen{max-height:none;width:100%;height:100%;padding:8px}.dk-walk-floating .dk-walkthrough:fullscreen video{height:calc(100dvh - 232px);max-height:none}.dk-walk-floating .dk-walkthrough:fullscreen .dk-walk-seek{display:block}.dk-walk-floating .dk-walkthrough:fullscreen .dk-walk-secondary{grid-template-columns:44px minmax(44px,1fr) 44px 44px;grid-template-areas:"mute speed cc fs"}.dk-walk-floating .dk-walkthrough:fullscreen .dk-walk-secondary>:nth-child(1),.dk-walk-floating .dk-walkthrough:fullscreen .dk-walk-secondary>:nth-child(4){display:inline-flex}
