.dg-hud{pointer-events:none;z-index:5;font-family:var(--font-sans), system-ui, sans-serif;color:#fff;--dg-glass:#100a229e;--dg-line:#ffffff24;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:absolute;inset:0}.dg-hud [data-hud-interactive],.dg-hud button{pointer-events:auto}.dg-hud-top{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));flex-wrap:wrap;align-items:flex-start;gap:8px 14px;display:flex;position:absolute;right:104px}.dg-stats{flex-wrap:wrap;gap:8px;display:flex}.dg-stat{background:var(--dg-glass);border:1px solid var(--dg-line);-webkit-backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 14px 0 10px;font-size:18px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px -10px #00000080}.dg-stat-icon{font-size:20px;line-height:1}.dg-bump{animation:.35s cubic-bezier(.34,1.56,.64,1) dg-bump}@keyframes dg-bump{40%{transform:scale(1.12)}}.dg-meters{flex-direction:column;gap:6px;min-width:180px;display:flex}.dg-meter{background:var(--dg-glass);border:1px solid var(--dg-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:grid}.dg-meter-track{background:#ffffff1f;border-radius:99px;min-width:80px;height:10px;overflow:hidden}.dg-meter-fill{transform-origin:0;border-radius:99px;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s;box-shadow:0 0 12px}.dg-meter-value{font-variant-numeric:tabular-nums;opacity:.85}.dg-prompt{top:max(66px, calc(env(safe-area-inset-top) + 58px));text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8f3bffd9,#ff4fd8c7);border:1px solid #ffffff4d;border-radius:24px;width:min(720px,100% - 24px);padding:14px 22px 16px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 50px -14px #8f3bffcc,inset 0 1px #ffffff59}.dg-prompt.dg-in{animation:.55s cubic-bezier(.34,1.56,.64,1) dg-drop}@keyframes dg-drop{0%{opacity:0;transform:translate(-50%,-18px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.dg-prompt-main{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;text-shadow:0 2px 12px #28005066;font-size:clamp(22px,4.2vw,40px);font-weight:700;line-height:1.1}.dg-prompt-sub{opacity:.92;margin-top:4px;font-size:clamp(14px,2vw,17px);font-weight:500}.dg-progress{top:max(66px, calc(env(safe-area-inset-top) + 58px));right:max(12px, env(safe-area-inset-right));display:none;position:absolute}.dg-dot{background:#ffffff38;border:1px solid #ffffff4d;border-radius:50%;width:12px;height:12px}.dg-dot-good{background:#3dd9a0;border-color:#3dd9a0;box-shadow:0 0 10px #3dd9a0}.dg-dot-bad{background:#ffb020;border-color:#ffb020}.dg-dot-current{background:#fff;box-shadow:0 0 0 4px #ffffff40}.dg-hud .dg-progress:not([hidden]){top:auto;bottom:max(16px, env(safe-area-inset-bottom));background:var(--dg-glass);border:1px solid var(--dg-line);border-radius:99px;gap:6px;padding:8px 12px;display:flex;position:absolute;left:50%;right:auto;transform:translate(-50%)}.dg-toast{opacity:0;font-family:var(--font-display), system-ui, sans-serif;text-align:center;white-space:normal;text-wrap:balance;text-shadow:0 4px #2800508c,0 0 30px;pointer-events:none;width:max-content;max-width:calc(100% - 32px);font-size:clamp(30px,7vw,64px);font-weight:800;line-height:1.1;transition:opacity .25s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.6)}.dg-toast.dg-show{opacity:1;transform:translate(-50%,-50%)scale(1)}.dg-toast-good{color:#7dffcf}.dg-toast-great{color:#ffd84a}.dg-toast-bad{color:#ffc27a;font-size:clamp(24px,5vw,44px)}.dg-toast-info{color:#fff;font-size:clamp(22px,4.5vw,40px)}.dg-fact{left:50%;bottom:max(120px, calc(env(safe-area-inset-bottom) + 112px));color:#160f2e;cursor:pointer;background:#fffffff2;border:2px solid #ffd84a;border-radius:22px;width:min(560px,100% - 24px);padding:16px 20px;position:absolute;transform:translate(-50%);box-shadow:0 24px 60px -18px #0009}.dg-fact.dg-in{animation:.6s cubic-bezier(.34,1.56,.64,1) dg-rise}@keyframes dg-rise{0%{opacity:0;transform:translate(-50%,24px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.dg-fact strong{font-family:var(--font-display), system-ui, sans-serif;color:#6a1fd9;margin-bottom:4px;font-size:17px;display:block}.dg-fact strong:before{content:"💡 "}.dg-fact p{margin:0;font-size:16px;line-height:1.45}.dg-actions{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:flex-end;gap:14px;display:flex;position:absolute}.dg-action{--dg-action:#8f3bff;color:#fff;letter-spacing:.04em;text-transform:uppercase;background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--dg-action) 60%, white), var(--dg-action) 60%, color-mix(in oklab, var(--dg-action) 70%, black));box-shadow:0 10px 0 color-mix(in oklab, var(--dg-action) 55%, black), 0 18px 34px -10px var(--dg-action);touch-action:none;-webkit-tap-highlight-color:transparent;border:3px solid #ffffff8c;border-radius:50%;align-content:center;place-items:center;gap:2px;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .2s;display:grid}.dg-action-lg{width:96px;height:96px}.dg-action-md{width:74px;height:74px;font-size:11px}.dg-action-icon{font-size:30px;line-height:1}.dg-action.is-down{box-shadow:0 2px 0 color-mix(in oklab, var(--dg-action) 55%, black), 0 8px 20px -10px var(--dg-action);transform:translateY(8px)}.dg-action:disabled{opacity:.45;filter:grayscale(.6)}.dg-bottom{left:50%;bottom:max(14px, env(safe-area-inset-bottom));justify-content:center;width:min(900px,100% - 24px);display:flex;position:absolute;transform:translate(-50%)}.dg-choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dg-choice{--dg-choice:#8f3bff;min-width:96px;min-height:64px;font-family:var(--font-display), system-ui, sans-serif;color:#fff;background:var(--dg-choice);box-shadow:0 7px 0 color-mix(in oklab, var(--dg-choice) 55%, black);border:2px solid #ffffff80;border-radius:20px;padding:0 22px;font-size:clamp(20px,3.5vw,28px);font-weight:700;transition:transform .1s}.dg-choice:active{box-shadow:0 2px 0 color-mix(in oklab, var(--dg-choice) 55%, black);transform:translateY(5px)}.dg-toolbar{background:var(--dg-glass);border:1px solid var(--dg-line);-webkit-backdrop-filter:blur(14px);scrollbar-width:none;border-radius:24px;gap:8px;max-width:100%;padding:8px;display:flex;overflow-x:auto}.dg-tool{--dg-tool:#8f3bff;color:#fff;background:#ffffff14;border:2px solid #0000;border-radius:18px;flex:none;align-content:center;place-items:center;gap:2px;width:76px;height:76px;transition:transform .15s,background .2s,border-color .2s;display:grid;position:relative}.dg-tool[aria-pressed=true]{background:color-mix(in oklab, var(--dg-tool) 45%, transparent);border-color:var(--dg-tool);box-shadow:0 10px 24px -10px var(--dg-tool);transform:translateY(-4px)}.dg-tool:disabled{opacity:.35}.dg-tool-icon{font-size:30px;line-height:1}.dg-tool-label{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:11px;font-weight:600;overflow:hidden}.dg-tool-badge{color:#160f2e;background:#ffd84a;border-radius:99px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.dg-countdown{font-family:var(--font-display), system-ui, sans-serif;color:#fff;text-shadow:0 0 40px #8f3bff,0 8px #5b16d6;place-items:center;font-size:clamp(90px,22vw,200px);font-weight:800;display:grid;position:absolute;inset:0}.dg-countdown.dg-in{animation:.6s cubic-bezier(.34,1.56,.64,1) dg-count}@keyframes dg-count{0%{opacity:0;transform:scale(2.2)}60%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dg-joystick{bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;z-index:6;background:radial-gradient(circle,#ffffff14,#8f3bff38);border:2px solid #ffffff40;border-radius:50%;width:132px;height:132px;position:absolute}.dg-joystick-left{left:max(24px, env(safe-area-inset-left))}.dg-joystick-right{right:max(24px, env(safe-area-inset-right))}.dg-joystick-knob{background:radial-gradient(circle at 35% 30%,#d7b8ff,#8f3bff 65%);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;transition:transform 80ms;position:absolute;top:50%;left:50%;box-shadow:0 8px 20px -6px #8f3bffe6,inset 0 2px #ffffff80}.dg-joystick.is-active .dg-joystick-knob{transition:none}.dg-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){.dg-stat{height:38px;padding:0 12px 0 8px;font-size:15px}.dg-meters{min-width:150px}.dg-action-lg{width:84px;height:84px}.dg-tool{width:64px;height:64px}.dg-tool-icon{font-size:24px}.dg-joystick{width:116px;height:116px}.dg-fact{bottom:max(110px, calc(env(safe-area-inset-bottom) + 100px))}}@media (prefers-reduced-motion:reduce){.dg-hud *{transition:none!important;animation:none!important}}.dg-reduced .dg-hud *,[data-reduced-motion=true] .dg-hud *{transition:none!important;animation:none!important}