.dl-app{--dl-ink:#23262f;--dl-paper:#fffaf0;--dl-yellow:#f6b51c;--dl-orange:#ff7a1a;--dl-green:#2fae6f;--dl-red:#e2485a;--dl-blue:#2f6fb3;--play-accent:#e08a00;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#bfe3f5;color:#fff}.dl-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.dl-app:not([data-phase=play]):not([data-phase=inspect]) :is(.dl-head,.dl-stats,.dl-panel,.dl-keys,.dl-quit,.dl-toast,.dl-banner,.dl-pops){display:none}.dl-app[data-phase=inspect] .dl-panel{opacity:.4;pointer-events:none}.dl-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;gap:8px;padding:0 100px 0 12px}.dl-head,.dl-pill{align-items:center}.dl-pill{display:inline-flex;gap:6px;height:40px;padding:0 12px;border-radius:20px;min-width:0;background:rgba(35,38,47,.86);border:2px solid rgba(255,250,240,.92);box-shadow:0 3px 0 rgba(35,38,47,.3);color:#fff}.dl-pill b{font:800 16px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dl-pill small{font:800 10px/1 Playful,sans-serif;letter-spacing:1px;opacity:.8;white-space:nowrap}.dl-sitepill{background:var(--dl-yellow);color:var(--dl-ink);flex:0 1 auto}.dl-sitepill small{opacity:.7}.dl-clockpill{flex-direction:column;justify-content:center;align-items:stretch;gap:3px;min-width:66px;flex-shrink:0}.dl-clockpill b{text-align:center}.dl-fuse{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}.dl-fuse i{display:block;height:100%;background:#7fe0b8;transform-origin:left;transition:background .3s}.dl-fuse i[data-level=mid]{background:var(--dl-yellow)}.dl-fuse i[data-level=low]{background:#ff6670}.dl-hurry .dl-clockpill{animation:dl-pulse .5s ease-in-out infinite alternate;border-color:#ff9aa2}@keyframes dl-pulse{to{transform:scale(1.07)}}.dl-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 58px);transform:translateX(-50%);width:min(430px,calc(100vw - 20px));display:grid;grid-template-columns:1.25fr 1fr .85fr;grid-gap:6px;gap:6px;pointer-events:none}.dl-stat{position:relative;display:flex;flex-direction:column;gap:2px;padding:6px 10px 7px;border-radius:14px;background:var(--dl-paper);color:var(--dl-ink);border:2px solid #fff;box-shadow:0 3px 0 rgba(35,38,47,.22)}.dl-stat small{font:800 9px/1 Playful,sans-serif;letter-spacing:1.1px;color:#8a7a5c}.dl-stat b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dl-unit{right:9px;bottom:8px;font:700 11px/1 Playful,sans-serif;color:#8a8698}.dl-bar,.dl-unit{position:absolute}.dl-bar{left:50%;right:10px;top:50%;height:9px;margin-top:1px;border-radius:5px;background:#e6eadf;overflow:hidden}.dl-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#35c97a,#7dffb0);border-radius:5px;transition:width .25s}.dl-stat-grade.great{box-shadow:0 3px 0 rgba(35,38,47,.22),0 0 0 3px #7dffb0}.dl-strikes{display:flex;gap:4px;margin-top:1px}.dl-strikes i{width:17px;height:15px;display:block;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);background:#e3e0d6}.dl-strikes i.hit{background:var(--dl-red);animation:dl-hit .5s ease}@keyframes dl-hit{30%{transform:scale(1.6)}}.dl-panel{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);transform:translateX(-50%);width:min(460px,calc(100vw - 16px));height:196px;display:grid;grid-template-columns:74px 1fr 74px;grid-gap:10px;gap:10px;align-items:stretch;padding:10px;border-radius:24px;background:rgba(35,38,47,.82);border:2px solid rgba(255,250,240,.85);box-shadow:0 6px 0 rgba(0,0,0,.25);transition:opacity .3s}.dl-slider{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;touch-action:none;cursor:-webkit-grab;cursor:grab}.dl-slider small{font:800 11px/1 Playful,sans-serif;letter-spacing:1.2px;color:var(--dl-yellow)}.dl-slider-cap{font:800 10px/1 Playful,sans-serif;color:rgba(255,255,255,.7);letter-spacing:.5px}.dl-track{position:relative;flex:1 1;width:22px;border-radius:11px;background:repeating-linear-gradient(0deg,#3d414d 0 9px,#464a57 9px 11px);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}.dl-track-fill{position:absolute;left:4px;right:4px;bottom:4px;height:var(--v,50%);border-radius:7px;background:linear-gradient(#ffd25e,#f6a51c);opacity:.55}.dl-thumb{position:absolute;left:50%;bottom:var(--v,50%);width:56px;height:40px;margin:0 0 -20px -28px;border-radius:14px;background:linear-gradient(#ffd25e,#f2a414);border:3px solid #fff;box-shadow:0 4px 0 #9a6206,0 6px 12px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 14px}.dl-thumb em{display:block;height:3px;border-radius:2px;background:rgba(90,55,0,.45)}.dl-slider.active .dl-thumb{transform:scale(1.08);background:linear-gradient(#ffe48a,#ffbf3a)}.dl-mid{display:grid;grid-template-rows:1fr 46px;grid-gap:10px;gap:10px;min-width:0}.dl-app .dl-act{align-items:center;justify-content:center;gap:9px;border-radius:18px;cursor:pointer;overflow:hidden;border:3px solid #fff;color:#fff;font:800 17px/1 Playful,sans-serif;letter-spacing:.5px;box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 rgba(0,0,0,.3);transition:transform .1s,filter .2s,background .25s}.dl-act span,.dl-app .dl-act{position:relative;display:flex}.dl-act span{flex-direction:column;align-items:flex-start;gap:4px}.dl-act svg{position:relative;flex-shrink:0}.dl-act small{font:800 10px/1 Playful,sans-serif;letter-spacing:1px;opacity:.85}.dl-act:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.3)}.dl-swing{background:linear-gradient(#ff9a3c,#f06a16)}.dl-swing b{font:800 19px/1 Playful,sans-serif}.dl-swing-fill{position:absolute;left:0;bottom:0;top:0;width:var(--fill,0);background:rgba(122,79,46,.55);transition:width .2s}.dl-swing[data-state=busy],.dl-swing[data-state=empty]{background:linear-gradient(#6b7080,#50545f)}.dl-swing[data-state=low]{background:linear-gradient(#e9a640,#c27d1c)}.dl-swing[data-state=ok]{background:linear-gradient(#45cf8a,#23a462);animation:dl-ready .9s ease-in-out infinite alternate}.dl-swing[data-state=back]{background:linear-gradient(#4f8fdc,#2f6fb3)}@keyframes dl-ready{to{box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 rgba(0,0,0,.3),0 0 0 5px rgba(125,255,176,.45)}}.dl-app .dl-inspect{background:linear-gradient(#56628f,#3b4670);font-size:15px}.dl-inspect[data-armed="1"]{background:linear-gradient(#ff6a78,#d63a4c)}.dl-inspect[data-ready="1"]{background:linear-gradient(#45cf8a,#23a462)}.dl-keys{position:absolute;z-index:5;left:0;right:0;bottom:216px;text-align:center;font:600 12px/1 Playful,sans-serif;color:rgba(35,38,47,.75);pointer-events:none}@media (max-width:700px),(pointer:coarse){.dl-keys{display:none}}.dl-pops{inset:0;z-index:6;pointer-events:none;overflow:hidden}.dl-pop,.dl-pops{position:absolute}.dl-pop{transform:translate(-50%,-50%);white-space:nowrap;opacity:0;font:800 19px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:1.5px var(--dl-ink);paint-order:stroke fill;text-shadow:0 3px 0 rgba(35,38,47,.45);animation:dl-pop 1.2s cubic-bezier(.2,1.2,.4,1) forwards}.dl-pop.good{color:#9dffc4}.dl-pop.bad{color:#ffb0b8}@keyframes dl-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}25%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.95)}}.dl-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 118px);transform:translate(-50%);opacity:0;pointer-events:none;max-width:calc(100vw - 24px);width:max-content;padding:8px 16px;border-radius:16px;font:800 14px/1.2 Playful,sans-serif;text-align:center;background:rgba(35,38,47,.93);color:#fff;border:2px solid rgba(255,250,240,.92)}.dl-toast[data-kind=good]{background:#23946a}.dl-toast[data-kind=bad]{background:#cf3c4d}.dl-toast[data-kind=warn]{background:#d4741a}.dl-toast.show{animation:dl-toast var(--ms,1.8s) ease forwards}@keyframes dl-toast{0%{opacity:0;transform:translate(-50%,12px) scale(.85)}10%,82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px)}}.dl-banner{position:absolute;z-index:7;left:50%;top:36%;transform:translate(-50%,-50%) rotate(-3deg) scale(.5);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 22px 16px;border-radius:22px;width:max-content;max-width:calc(100vw - 28px);background:var(--dl-green);color:#fff;border:4px solid #fff;box-shadow:0 7px 0 #1b7a4a,0 16px 40px rgba(0,0,0,.3)}.dl-banner[data-kind=bad]{background:var(--dl-red);box-shadow:0 7px 0 #8e2a35,0 16px 40px rgba(0,0,0,.3)}.dl-banner[data-kind=info]{background:var(--dl-blue);box-shadow:0 7px 0 #1d4a7a,0 16px 40px rgba(0,0,0,.3)}.dl-banner b{font:800 30px/1 Playful,sans-serif;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.2)}.dl-banner span{font:800 14px/1.25 Playful,sans-serif;text-align:center}.dl-banner.show{animation:dl-banner 2.2s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes dl-banner{0%{opacity:0;transform:translate(-50%,-50%) rotate(-10deg) scale(.4)}12%{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1.08)}20%,85%{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}to{opacity:0;transform:translate(-50%,-70%) rotate(-3deg) scale(.9)}}.dl-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 10px);right:12px;display:flex;gap:6px}.dl-app[data-phase=loading] .dl-corner{display:none}.dl-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(35,38,47,.86);border:2px solid rgba(255,250,240,.92);box-shadow:0 3px 0 rgba(0,0,0,.25)}.dl-icon-btn .off{display:none}.dl-icon-btn[aria-pressed=true] .off{display:block}.dl-icon-btn[aria-pressed=true] .on{display:none}.dl-app:not([data-phase=play]) .dl-corner{top:calc(env(safe-area-inset-top, 0px) + 14px)}.dl-app .overlay{background:linear-gradient(180deg,rgba(47,111,179,.05),rgba(35,38,47,.5));backdrop-filter:none;-webkit-backdrop-filter:none}.dl-app .dl-loading{background:linear-gradient(#8cc8f0,#d4ecf5 55%,#fbeed2)}.dl-app .dl-results{justify-content:flex-end;background:linear-gradient(180deg,rgba(35,38,47,0) 30%,rgba(35,38,47,.55))}.dl-card{position:relative;width:min(410px,100%);margin:auto;padding:24px 22px 20px;border-radius:28px;text-align:center;color:var(--dl-ink);background:var(--dl-paper);border:4px solid #fff;box-shadow:0 8px 0 rgba(35,38,47,.4),0 20px 50px rgba(0,0,0,.3)}.dl-card:before{content:"";position:absolute;left:7px;right:7px;top:7px;height:10px;border-radius:20px 20px 0 0;pointer-events:none;background:repeating-linear-gradient(-45deg,var(--dl-yellow) 0 10px,var(--dl-ink) 10px 20px);opacity:.9}.dl-results .dl-small-card{margin:auto auto 0}.dl-kicker{font:800 12px/1 Playful,sans-serif;letter-spacing:2px;color:#b4561a}.dl-title{margin:8px 0 6px;font:800 56px/.88 Playful,sans-serif;color:var(--dl-yellow);letter-spacing:-1px;-webkit-text-stroke:2px var(--dl-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--dl-ink);transform:rotate(-3deg)}.dl-blurb{margin:10px 0 12px;font:700 14px/1.35 Playful,sans-serif;color:#5f5d6c}.dl-rules{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-gap:7px;gap:7px;text-align:left}.dl-rules li{display:grid;grid-template-columns:26px 1fr;grid-column-gap:10px;column-gap:10px;font:600 12.5px/1.3 Playful,sans-serif;color:#5f5d6c}.dl-rules li span{grid-row:span 2;width:26px;height:26px;border-radius:9px;background:var(--dl-yellow);color:var(--dl-ink);display:grid;place-items:center;font:800 15px/1 Playful,sans-serif}.dl-rules li:nth-child(2) span{background:var(--dl-orange);color:#fff}.dl-rules li:nth-child(3) span{background:var(--dl-green);color:#fff}.dl-rules li:nth-child(4) span{background:var(--dl-red);color:#fff}.dl-rules li b{font:800 14px/1.1 Playful,sans-serif;color:var(--dl-ink)}.dl-sites{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px;margin:4px 0 8px}.dl-app .dl-site-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 6px;border-radius:13px;cursor:pointer;background:#f3ead8;border:2px solid #e6d8bd;color:var(--dl-ink);font:800 11px/1.1 Playful,sans-serif}.dl-site-btn b{font:800 16px/1 Playful,sans-serif}.dl-site-btn em{font-style:normal;color:#f0a419;letter-spacing:1px;font-size:12px}.dl-site-btn.sel{background:#fff3c9;border-color:var(--dl-yellow);box-shadow:0 0 0 2px var(--dl-yellow)}.dl-site-btn:disabled{opacity:.5;cursor:default}.dl-site-brief{margin:0 0 12px;min-height:34px;font:700 13px/1.3 Playful,sans-serif;color:#5f5d6c}.dl-app button.big,.dl-site-brief b{color:var(--dl-ink)}.dl-app button.big{position:relative;width:100%;background:linear-gradient(#ffd25e,#f2a414);border-color:#fff1c4;box-shadow:inset 0 3px 0 rgba(255,255,255,.45),0 5px 0 #9a6206}.dl-app button.big:active{box-shadow:0 1px 0 #9a6206}.dl-best{margin:10px 0 0;font:700 13px/1.3 Playful,sans-serif;color:#7a7788}.dl-row{display:flex;justify-content:center;gap:12px}.dl-link-btn{position:relative;margin-top:8px;background:none;border:0;color:#b4561a;font:800 15px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 8px}.dl-result-title{position:relative;margin:6px 0 2px;font:800 30px/1 Playful,sans-serif;color:var(--dl-green)}.dl-result-title.bad{color:var(--dl-red)}.dl-r-stars{font:800 34px/1 Playful,sans-serif;letter-spacing:6px;color:#f0a419;text-shadow:0 3px 0 rgba(35,38,47,.18)}.dl-r-stars i{font-style:normal;color:#ddd3bf}.dl-r-stars span{display:inline-block;animation:dl-star .5s cubic-bezier(.3,1.8,.5,1) both}@keyframes dl-star{0%{transform:scale(0) rotate(-90deg)}}.dl-result-big{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:2px}.dl-result-big b{font:800 50px/1 Playful,sans-serif;color:var(--dl-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dl-result-big span{font:800 17px/1 Playful,sans-serif;color:#b4561a}.dl-result-line{margin:4px 0 8px;font:700 13.5px/1.35 Playful,sans-serif;color:#5f5d6c}.dl-result-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px 8px;gap:5px 8px;margin:6px 0 12px}.dl-result-list div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;background:#f3ead8;font:700 13px/1.2 Playful,sans-serif}.dl-result-list dt{color:#7a7788}.dl-result-list dd{margin:0;color:var(--dl-ink);font-weight:800}.dl-app .share-btn{position:relative;width:100%;color:#b4561a;margin-top:8px}@media (min-width:900px){.dl-head{padding-left:24px;top:18px}.dl-stats{top:18px}.dl-toast{top:84px}.dl-panel{width:520px}}@media (min-width:701px){.dl-app .dl-results{align-items:flex-end;justify-content:safe center;padding-right:max(24px,calc(22.5vw - 205px));background:linear-gradient(90deg,rgba(35,38,47,0) 45%,rgba(35,38,47,.45))}.dl-results .dl-small-card{margin:auto 0}}@media (max-width:700px){.dl-app .dl-results{justify-content:flex-start;padding-top:max(68px,calc(100dvh - 400px))}.dl-results .dl-small-card{margin:0 auto;padding-top:20px}.dl-result-title{font-size:27px}.dl-result-big b{font-size:44px}.dl-result-list div{padding:5px 9px;font-size:12.5px}}@media (max-height:760px) and (max-width:700px){.dl-rules{display:none}.dl-title{font-size:46px}}