.playful-game.duck-dash-app{--play-ink:#1f3b57;--play-paper:#fffaf0;--play-accent:#e8582a;--play-soft:#e2f3ff;--play-shadow:#3d7fb5;--duck:#ffd23f;--duck-dark:#c98a12;--water:#3fa9e8;--water-dark:#1d6fa8;--outline:#1f3b57;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);background:#9fdcff;overflow:hidden;overflow:clip;height:100dvh;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.duck-dash-app .dk-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.duck-dash-app .dk-pad{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;pointer-events:none;touch-action:none}.duck-dash-app:is([data-phase=race],[data-phase=countdown]):not(.dk-spectating) .dk-pad{pointer-events:auto}.duck-dash-app .dk-zone{position:relative;display:block;font-style:normal;transition:background .12s}.duck-dash-app .dk-zone span{position:absolute;bottom:calc(var(--safe-b) + 112px);display:none;padding:4px 12px;border:2px solid #ffffffcc;border-radius:999px;background:#1f3b5755;color:#fff;font-size:14px;font-weight:800}.duck-dash-app .dk-zone-left span{left:calc(var(--safe-l) + 14px)}.duck-dash-app .dk-zone-right span{right:calc(var(--safe-r) + 14px)}.duck-dash-app[data-input=touch][data-phase=countdown] .dk-zone span{display:block}.duck-dash-app .dk-zone.dk-down{background:radial-gradient(circle at 50% 80%,#ffffff2e,transparent 60%)}.duck-dash-app .dk-fx,.duck-dash-app .dk-tags{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.duck-dash-app .dk-tag{position:absolute;left:0;top:0;padding:1px 9px 2px;border:2px solid var(--outline);border-radius:999px;background:var(--c,#fff);color:var(--outline);font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 2px 0 #0003;will-change:transform}.duck-dash-app .dk-tag[hidden]{display:none}.duck-dash-app .dk-hud{position:absolute;z-index:4;top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);display:flex;align-items:flex-start;gap:8px;pointer-events:none}.duck-dash-app .dk-stat{min-width:84px;padding:3px 12px 5px;border:3px solid var(--outline);border-radius:16px;background:var(--play-paper);color:var(--outline);text-align:center;box-shadow:0 4px 0 #1f3b5744}.duck-dash-app .dk-stat span{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--water-dark);line-height:1.2}.duck-dash-app .dk-stat b{display:block;font-size:26px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.duck-dash-app .dk-stat small{display:block;font-size:12px;font-weight:700;opacity:.7}.duck-dash-app .dk-stat-pos{background:var(--duck)}.duck-dash-app .dk-stat-pos span{color:#8a5a00}.duck-dash-app .dk-stat-time{margin-left:auto}.duck-dash-app .dk-hud-btns{display:flex;gap:8px;pointer-events:auto}.duck-dash-app .dk-icon-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;border:3px solid var(--outline);border-radius:14px;background:var(--play-paper);color:var(--outline);cursor:pointer;box-shadow:0 3px 0 #1f3b5744}.duck-dash-app .dk-icon-btn .off,.duck-dash-app .dk-icon-btn[aria-pressed=true] .on{display:none}.duck-dash-app .dk-icon-btn[aria-pressed=true] .off{display:inline}.duck-dash-app .dk-progress{position:absolute;z-index:4;top:calc(var(--safe-t) + 78px);left:50%;translate:-50% 0;width:min(560px,calc(100% - 40px));height:14px;border:3px solid var(--outline);border-radius:999px;background:linear-gradient(90deg,#8fd6ff,var(--water));pointer-events:none;box-shadow:0 3px 0 #1f3b5733}.duck-dash-app .dk-progress-finish,.duck-dash-app .dk-progress-start{position:absolute;top:-7px;bottom:-7px;width:5px;border-radius:3px;background:var(--outline)}.duck-dash-app .dk-progress-start{left:0}.duck-dash-app .dk-progress-finish{right:0;background:repeating-linear-gradient(#fff 0 4px,var(--outline) 4px 8px);border:1px solid var(--outline)}.duck-dash-app .dk-progress-ducks{position:absolute;inset:0 12px}.duck-dash-app .dk-mark{position:absolute;top:50%;width:26px;height:26px;translate:-50% -50%;border:2px solid var(--outline);border-radius:50%;background:var(--c) center /120% no-repeat;transition:left .2s linear}.duck-dash-app .dk-mark-me{z-index:1;width:32px;height:32px;border-width:3px;box-shadow:0 0 0 3px #fff}.duck-dash-app .dk-closing{position:absolute;z-index:5;top:calc(var(--safe-t) + 104px);left:50%;translate:-50% 0;padding:4px 16px;border:3px solid var(--outline);border-radius:999px;background:var(--duck);color:var(--outline);font-size:18px;font-weight:800;white-space:nowrap;display:none;pointer-events:none}.duck-dash-app .dk-closing.show{display:block}.duck-dash-app .dk-closing.dk-hurry{background:#ff8a6a;animation:dk-pulse .5s ease-in-out infinite alternate}.duck-dash-app .dk-controls{position:absolute;z-index:4;left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 12px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;grid-gap:10px;gap:10px;pointer-events:none}.duck-dash-app .dk-rhythm{justify-self:start;display:flex;align-items:center;gap:10px;padding:6px 12px;border:3px solid var(--outline);border-radius:16px;background:#fffaf0e6;box-shadow:0 3px 0 #1f3b5733}.duck-dash-app .dk-beats{display:flex;gap:5px}.duck-dash-app .dk-beats i{width:14px;height:14px;border:2px solid var(--outline);border-radius:50%;background:#d7e6ef;transition:background .1s,scale .1s}.duck-dash-app .dk-beats i.dk-beat-ok{background:#9fd6ff}.duck-dash-app .dk-beats i.dk-beat-perfect{background:var(--duck);scale:1.2;box-shadow:0 0 8px #ffd23f}.duck-dash-app .dk-beats i.dk-beat-stall{background:#ff6b5e}.duck-dash-app .dk-streak{font-weight:800;color:var(--outline);white-space:nowrap}.duck-dash-app .dk-streak b{font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.duck-dash-app .dk-streak small{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.duck-dash-app .dk-rhythm.dk-hot{background:#fff1b0}.duck-dash-app .dk-rhythm.dk-pulse{animation:dk-burst .5s ease-out}.duck-dash-app .dk-rhythm.dk-wobble{animation:dk-nudge .3s ease-in-out}.duck-dash-app .dk-dive{--cd:1;position:relative;width:84px;height:84px;display:grid;place-items:center;align-content:center;padding:0;border:0;border-radius:50%;background:conic-gradient(var(--duck) calc(var(--cd) * 1turn),#ffffff66 0);cursor:pointer;pointer-events:auto;touch-action:none;filter:drop-shadow(0 4px 0 #1f3b5755)}.duck-dash-app .dk-dive:before{content:"";position:absolute;inset:6px;border:3px solid var(--outline);border-radius:50%;background:var(--water)}.duck-dash-app .dk-dive img{position:relative;width:44px;height:44px}.duck-dash-app .dk-dive span{position:relative;margin-top:-4px;color:#fff;font-size:14px;font-weight:800;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill}.duck-dash-app .dk-dive.dk-cooling:before{background:#8aa9be}.duck-dash-app .dk-dive.dk-cooling img{opacity:.55}.duck-dash-app .dk-quack{justify-self:end;min-width:64px;min-height:44px;padding:0 14px;border:3px solid var(--outline);border-radius:999px;background:var(--duck);color:var(--outline);font-size:16px;font-weight:800;cursor:pointer;pointer-events:auto;touch-action:none;box-shadow:0 3px 0 var(--duck-dark)}.duck-dash-app .dk-dive:active,.duck-dash-app .dk-quack:active{translate:0 2px}.duck-dash-app .dk-keys{position:absolute;z-index:4;left:50%;translate:-50% 0;bottom:calc(var(--safe-b) + 104px);max-width:calc(100% - 24px);margin:0;padding:3px 12px;border-radius:10px;background:#1f3b5799;color:#fff;font-size:13px;font-weight:700;text-align:center;pointer-events:none}.duck-dash-app[data-phase=race] .dk-keys{animation:dk-fade 10s ease-out forwards}.duck-dash-app .dk-touch-tip{position:absolute;z-index:4;left:50%;top:60%;translate:-50% 0;width:min(340px,calc(100% - 32px));margin:0;padding:8px 14px;border:3px solid #fff;border-radius:16px;background:#1f3b57cc;color:#fff;font-size:16px;font-weight:700;text-align:center;pointer-events:none;display:none}.duck-dash-app[data-input=touch][data-phase=countdown] .dk-touch-tip{display:block}.duck-dash-app:is([data-phase=menu],[data-phase=loading],[data-phase=lobby],[data-phase=results]) :is(.dk-hud,.dk-progress,.dk-controls,.dk-keys,.dk-closing,.dk-tags){visibility:hidden}.duck-dash-app.dk-spectating :is(.dk-rhythm,.dk-dive,.dk-quack,.dk-keys){visibility:hidden}.duck-dash-app .dk-countdown{position:absolute;z-index:5;left:50%;top:40%;translate:-50% -50%;font-size:clamp(88px,17vw,170px);font-weight:800;line-height:1;color:var(--duck);-webkit-text-stroke:5px var(--outline);paint-order:stroke fill;text-shadow:0 8px 0 var(--outline);pointer-events:none;white-space:nowrap}.duck-dash-app .dk-countdown.dk-pop-in{animation:dk-pop-in .5s cubic-bezier(.2,1.6,.4,1)}.duck-dash-app .dk-toast{position:absolute;z-index:5;left:50%;top:calc(var(--safe-t) + 112px);translate:-50% -8px;max-width:calc(100% - 24px);padding:6px 16px;border:3px solid var(--outline);border-radius:999px;background:var(--play-paper);color:var(--outline);font-weight:800;text-align:center;opacity:0;transition:opacity .2s,translate .2s;pointer-events:none}.duck-dash-app .dk-toast.show{opacity:1;translate:-50% 0}.duck-dash-app .dk-toast[data-tone=good]{background:var(--duck)}.duck-dash-app:not([data-phase=race]):not([data-phase=countdown]):not([data-phase=paused]) .dk-toast{top:calc(var(--safe-t) + 14px)}.duck-dash-app .dk-float{position:absolute;display:flex;align-items:center;gap:4px;translate:-50% -100%;font-size:26px;font-weight:800;color:#fff;-webkit-text-stroke:4px var(--outline);paint-order:stroke fill;white-space:nowrap;animation:dk-float 1.1s ease-out forwards}.duck-dash-app .dk-float img{width:34px;height:34px}.duck-dash-app .dk-float-big{font-size:34px;color:var(--duck)}.duck-dash-app .dk-float-style{font-size:22px;color:#9dff6a}.duck-dash-app .dk-float-bad{font-size:24px;color:#ff6b5e}@keyframes dk-float{0%{opacity:0;scale:.6}15%{opacity:1;scale:1.12}to{opacity:0;scale:1;translate:-50% -260%}}@keyframes dk-pop-in{0%{scale:.3;opacity:0}to{scale:1;opacity:1}}@keyframes dk-pulse{to{scale:1.08}}@keyframes dk-burst{35%{scale:1.15}}@keyframes dk-nudge{25%{translate:-5px 0}75%{translate:5px 0}}@keyframes dk-fade{0%,60%{opacity:1}to{opacity:0}}.playful-game.duck-dash-app .overlay{background:linear-gradient(90deg,transparent 40%,#1f3b5755);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;align-items:flex-end;justify-content:flex-start;touch-action:pan-y;padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + max(20px, 3vw)) calc(var(--safe-b) + 16px) 20px}.playful-game.duck-dash-app .dk-loading{background:#9fdcffee;justify-content:center;align-items:center}.playful-game.duck-dash-app .dk-paused{background:#1f3b5766;justify-content:center;align-items:center}.duck-dash-app .dk-topline{position:absolute;top:calc(var(--safe-t) + 4px);left:calc(var(--safe-l) + 4px)}.duck-dash-app .play-panel{position:relative;margin-block:auto;border:4px solid var(--outline);box-shadow:0 8px 0 var(--play-shadow),0 18px 40px #1f3b5755}.duck-dash-app .dk-card-panel,.duck-dash-app .dk-panel{width:min(440px,100%);padding:18px 20px 16px;text-align:center;display:grid;grid-gap:10px;gap:10px}.duck-dash-app .dk-results-panel{width:min(700px,100%)}.duck-dash-app .dk-handle{display:none}.duck-dash-app .dk-hero{width:calc(100% + 40px);margin:-18px -20px 0;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:26px 26px 0 0;border-bottom:4px solid var(--outline)}.duck-dash-app .dk-kicker{justify-self:center;display:inline-block;padding:2px 12px;border-radius:10px;background:var(--play-soft);color:var(--water-dark);font-size:13px;font-weight:800;letter-spacing:.08em}.duck-dash-app .dk-logo{margin:0;display:flex;justify-content:center;gap:12px;font-size:clamp(44px,6vw,60px);font-weight:800;line-height:.95;transform:rotate(-3deg)}.duck-dash-app .dk-logo span:first-child{color:var(--duck);-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;text-shadow:0 5px 0 var(--outline)}.duck-dash-app .dk-logo span:last-child{color:#fff;-webkit-text-stroke:3px var(--water-dark);paint-order:stroke fill;text-shadow:0 5px 0 var(--water-dark)}.duck-dash-app .dk-sub{margin:0;font-size:15px;line-height:1.35}.duck-dash-app .dk-label{margin:2px 0 -4px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--water-dark);text-align:left}.duck-dash-app .dk-label small{margin-left:6px;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--play-ink);opacity:.75}.duck-dash-app .dk-courses{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.duck-dash-app .dk-course{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:44px;padding:5px 5px 7px;border:3px solid #cfe1ec;border-radius:16px;background:#fff;color:var(--play-ink);cursor:pointer;text-align:center;transition:transform .12s,border-color .12s}.duck-dash-app .dk-course img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:11px}.duck-dash-app .dk-course b{font-size:15px;line-height:1.15}.duck-dash-app .dk-course small{font-size:11.5px;line-height:1.2;opacity:.75}.duck-dash-app .dk-course:hover:not(:disabled){transform:translateY(-2px)}.duck-dash-app .dk-course[aria-checked=true]{border-color:var(--outline);background:#fff3c4;box-shadow:0 3px 0 var(--duck-dark)}.duck-dash-app .dk-course:disabled{opacity:.45;cursor:default}.duck-dash-app .dk-courses-compact .dk-course img{aspect-ratio:16/9}.duck-dash-app .dk-courses-compact .dk-course b{font-size:13.5px}.duck-dash-app .dk-start{min-height:56px}.duck-dash-app .dk-mp{padding:10px 12px 12px;border-radius:18px;background:var(--play-soft)}.duck-dash-app .dk-mp h2{margin:0 0 2px;font-size:19px;color:var(--water-dark)}.duck-dash-app .dk-mp p{margin:0 0 8px;font-size:14px;line-height:1.3}.duck-dash-app .dk-mp-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.duck-dash-app .dk-mp .a-secondary{width:100%;min-height:44px;margin-top:0}.duck-dash-app .dk-join{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;margin-top:8px}.duck-dash-app .dk-join input{min-height:44px;min-width:0;padding:0 12px;border:2px solid #9abdc5;border-radius:12px;background:#fff;font-size:17px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;-moz-user-select:text;user-select:text;-webkit-user-select:text;touch-action:manipulation}.duck-dash-app .dk-join input::placeholder{letter-spacing:0;text-transform:none;font-weight:600}.duck-dash-app .dk-points{font-size:14px;text-align:left}.duck-dash-app .dk-points summary{min-height:36px;line-height:36px;cursor:pointer;font-weight:800;color:var(--water-dark);text-align:center}.duck-dash-app .dk-points ul{margin:4px 0 0;padding:0;list-style:none;display:grid;grid-gap:3px;gap:3px}.duck-dash-app .dk-points li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 8px;border-radius:8px;background:#fff}.duck-dash-app .dk-points li span{display:flex;align-items:center;gap:6px}.duck-dash-app .dk-points li img{width:24px;height:24px}.duck-dash-app .dk-howto{margin:0;font-size:13.5px;line-height:1.35;opacity:.85}.duck-dash-app .dk-touch-help,.duck-dash-app[data-input=touch] .dk-mouse-help{display:none}.duck-dash-app[data-input=touch] .dk-touch-help{display:inline}.duck-dash-app .dk-settings{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:14px}.duck-dash-app .dk-setting{min-height:44px;padding:0 12px;border:2px solid #cfe1ec;border-radius:12px;background:#fff;color:var(--play-ink);cursor:pointer;font-weight:700}.duck-dash-app .dk-setting[aria-pressed=false]{color:#7b8d9c}.duck-dash-app .dk-best-line b{color:var(--play-accent);font-size:17px}.duck-dash-app .dk-title{margin:0;font-size:30px;color:var(--water-dark)}.duck-dash-app .dk-title small{font-size:18px;color:var(--play-ink);opacity:.7}.duck-dash-app .dk-room-line{margin:0;font-size:15px}.duck-dash-app .dk-room-line b{padding:2px 10px;border-radius:8px;background:#fff3c4;font-size:22px;letter-spacing:.16em;color:var(--play-accent);-moz-user-select:text;user-select:text;-webkit-user-select:text}.duck-dash-app .dk-link-btn{min-height:44px;padding:0 6px;border:0;background:none;color:var(--play-accent);font-weight:800;text-decoration:underline;cursor:pointer}.duck-dash-app .dk-players{margin:0;padding:0;list-style:none;display:grid;grid-gap:6px;gap:6px}.duck-dash-app .dk-players li{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;border:3px solid var(--c,#cfe1ec);border-radius:16px;background:#fff;text-align:left}.duck-dash-app .dk-players li img{width:40px;height:40px;flex:none;border-radius:50%;background:var(--c)}.duck-dash-app .dk-p-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0}.duck-dash-app .dk-p-name b{font-size:16px}.duck-dash-app .dk-p-name small{padding:0 6px;border-radius:6px;background:var(--play-soft);font-size:12px;font-weight:700}.duck-dash-app .dk-p-name small.dk-host{background:var(--duck)}.duck-dash-app .dk-players em{margin-left:auto;font-style:normal;font-size:14px;font-weight:800;color:#8a9aa8;white-space:nowrap}.duck-dash-app .dk-players em.dk-ok{color:#2f8a2f}.duck-dash-app .dk-players li.dk-me{box-shadow:0 0 0 3px var(--outline)}.duck-dash-app .dk-cpu-row{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;cursor:pointer}.duck-dash-app .dk-cpu-row[hidden]{display:none}.duck-dash-app .dk-cpu-row input{width:24px;height:24px;accent-color:var(--play-accent)}.duck-dash-app .dk-lobby-status{margin:0;min-height:20px;font-size:15px}.duck-dash-app .dk-card-panel .a-secondary{margin-top:0}.duck-dash-app #dk-ready[aria-pressed=true]{background:#fff}.duck-dash-app .dk-r-sub{margin:-4px 0 0;font-size:15px;font-weight:700}.duck-dash-app .dk-r-scoreline{margin:0;display:flex;align-items:baseline;justify-content:center;gap:10px}.duck-dash-app .dk-r-scoreline span{font-weight:800;color:var(--water-dark)}.duck-dash-app .dk-r-score{font-size:56px;font-weight:800;line-height:1;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.duck-dash-app .dk-r-new{display:none;margin:0 auto;padding:2px 14px;border-radius:999px;background:var(--duck);font-weight:800}.duck-dash-app .dk-r-new.show{display:block}.duck-dash-app .dk-r-best{margin:0;font-size:14px}.duck-dash-app .dk-results-panel{grid-auto-rows:max-content}.duck-dash-app .dk-table-wrap{overflow-x:auto;touch-action:pan-x;border:3px solid var(--outline);border-radius:14px;background:#fff}.duck-dash-app .dk-table{width:100%;border-collapse:collapse;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.duck-dash-app .dk-table th{padding:5px 6px;background:var(--play-soft);color:var(--water-dark);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.duck-dash-app .dk-table td{padding:5px 6px;border-top:2px solid #eef3f6;text-align:center}.duck-dash-app .dk-table td small{opacity:.6}.duck-dash-app .dk-table .dk-rank{width:28px;font-weight:800;color:var(--play-accent)}.duck-dash-app .dk-table .dk-duck{text-align:left;font-weight:800}.duck-dash-app .dk-table .dk-duck img{width:28px;height:28px;margin-right:6px;vertical-align:middle;border-radius:50%;background:var(--c)}.duck-dash-app .dk-table .dk-total{font-weight:800;font-size:16px}.duck-dash-app .dk-table tr.dk-me td{background:#fff3c4}.duck-dash-app .dk-formula{margin:0;font-size:12.5px;line-height:1.35;opacity:.8}.duck-dash-app .dk-r-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.duck-dash-app .dk-results-panel .share-btn{margin-top:0;min-height:44px}@media (max-aspect-ratio:4/5),(max-width:700px){.playful-game.duck-dash-app .overlay:not(.dk-loading):not(.dk-paused){align-items:stretch;justify-content:flex-end;flex-direction:column;padding:calc(var(--safe-t) + 56px) 8px 0;background:linear-gradient(180deg,transparent 30%,#1f3b5755 70%)}.duck-dash-app .play-panel{margin:0}.duck-dash-app :is(.dk-panel,.dk-card-panel){width:100%;max-height:74dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border-radius:26px 26px 0 0;border-bottom:0;padding:26px 14px calc(var(--safe-b) + 14px);box-shadow:0 -6px 30px #1f3b5744}.duck-dash-app .dk-paused .dk-card-panel{border-radius:26px;border-bottom:4px solid var(--outline);padding-top:16px}.duck-dash-app .dk-handle{display:block;position:absolute;top:0;left:50%;translate:-50% 0;width:88px;height:26px;padding:0;border:0;background:none;cursor:pointer;z-index:1}.duck-dash-app .dk-handle i{display:block;width:48px;height:6px;margin:10px auto;border-radius:3px;background:#9ab0c0}.duck-dash-app .dk-collapsed{max-height:148px;overflow:hidden}.duck-dash-app .dk-hero{width:calc(100% + 28px);margin:-26px -14px 0;aspect-ratio:16/6;border-radius:26px 26px 0 0}.duck-dash-app .dk-logo{font-size:42px}.duck-dash-app .dk-sub{font-size:14px}.duck-dash-app .dk-course small{display:none}.duck-dash-app .dk-r-score{font-size:46px}.duck-dash-app .dk-stat{min-width:64px;padding:2px 8px 4px;border-radius:13px}.duck-dash-app .dk-stat b{font-size:21px}.duck-dash-app .dk-stat span{font-size:10.5px;letter-spacing:.02em}.duck-dash-app .dk-hud{gap:6px}.duck-dash-app .dk-progress{top:calc(var(--safe-t) + 94px)}.duck-dash-app .dk-closing{top:calc(var(--safe-t) + 120px);font-size:16px}.duck-dash-app .dk-toast{top:calc(var(--safe-t) + 152px);font-size:15px}.duck-dash-app .dk-controls{grid-template-columns:1fr auto;grid-template-areas:"rhythm rhythm" "quack dive"}.duck-dash-app .dk-rhythm{grid-area:rhythm;justify-self:center}.duck-dash-app .dk-dive{grid-area:dive;justify-self:end;width:92px;height:92px}.duck-dash-app .dk-quack{grid-area:quack;justify-self:start;align-self:center}.duck-dash-app .dk-zone span{bottom:calc(var(--safe-b) + 170px)}}@media (max-width:380px){.duck-dash-app .dk-stat-pos small{display:none}.duck-dash-app .dk-icon-btn{width:44px;height:44px;border-width:2px}.duck-dash-app .dk-beats{gap:3px}.duck-dash-app .dk-beats i{width:11px;height:11px}}@media (max-height:520px) and (min-aspect-ratio:4/5){.playful-game.duck-dash-app .overlay:not(.dk-loading):not(.dk-paused){align-items:flex-end;justify-content:flex-start;padding:8px calc(var(--safe-r) + 8px) 8px 8px}.duck-dash-app :is(.dk-panel,.dk-card-panel){width:min(400px,56vw);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border-radius:22px;border-bottom:4px solid var(--outline);padding:12px 14px}.duck-dash-app .dk-results-panel{width:min(520px,64vw)}.duck-dash-app .dk-handle,.duck-dash-app .dk-hero{display:none}.duck-dash-app .dk-logo{font-size:36px}.duck-dash-app .dk-course small{display:none}.duck-dash-app .dk-panel>:is(.dk-kicker,.dk-sub){display:none}.duck-dash-app .dk-course img{aspect-ratio:16/7}.duck-dash-app .dk-label{margin:0}.duck-dash-app .dk-countdown{font-size:90px}.duck-dash-app .dk-stat{padding:1px 8px 3px}.duck-dash-app .dk-stat b{font-size:20px}.duck-dash-app .dk-stat small{display:none}.duck-dash-app .dk-progress{top:calc(var(--safe-t) + 14px);width:min(360px,40vw)}.duck-dash-app .dk-closing{top:calc(var(--safe-t) + 40px);font-size:15px}.duck-dash-app .dk-toast{top:calc(var(--safe-t) + 70px)}.duck-dash-app .dk-dive{width:76px;height:76px}.duck-dash-app .dk-zone span{bottom:calc(var(--safe-b) + 100px)}.duck-dash-app .dk-touch-tip{top:55%}}@media (hover:none),(pointer:coarse){.duck-dash-app .dk-keys{display:none}}.duck-dash-app[data-input=touch] .dk-keys{display:none}@media (prefers-reduced-motion:reduce){.duck-dash-app *,.duck-dash-app :before{animation:none!important;transition:none!important}}