.dodge-bell-app{--ink:#2b1d14;--ink-soft:#6b5544;--paper:rgba(255,249,238,0.96);--paper-2:#f6ead6;--line:rgba(43,29,20,0.14);--red:#e2452f;--red-dark:#a92a1a;--gold:#ffcf4a;--moss:#3e7d4a;--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);--round:"Baloo 2","Nunito","Hiragino Maru Gothic ProN","Noto Sans","PingFang SC","Apple SD Gothic Neo",system-ui,sans-serif;--panel:min(400px,38vw);position:fixed;inset:0;height:100dvh;overflow:hidden;background:#bfe3f5;color:var(--ink);font-family:var(--round);-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}.dodge-bell-app button{cursor:pointer;font:inherit;color:inherit}.dodge-bell-app [hidden]{display:none!important}.dodge-bell-app .db-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.dodge-bell-app .db-topbar{position:absolute;z-index:30;top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;grid-gap:8px;gap:8px;pointer-events:none}.dodge-bell-app .db-topbar>*{pointer-events:auto}.dodge-bell-app .db-brand{justify-self:start;display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;min-height:44px;font-weight:900;font-size:20px;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;letter-spacing:.2px;text-align:left;line-height:1}.dodge-bell-app .db-brand img{width:50px;height:50px;filter:drop-shadow(0 3px 3px rgba(43,29,20,.35))}.dodge-bell-app .db-hud{pointer-events:none}.dodge-bell-app .db-hud,.dodge-bell-app .db-scorebox{display:flex;flex-direction:column;align-items:center}.dodge-bell-app .db-scorebox{line-height:1}.dodge-bell-app .db-scorebox .db-label{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:14px}.dodge-bell-app #db-score{font-size:54px;font-weight:900;color:var(--gold);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dodge-bell-app #db-score.bump{animation:db-bump .25s ease-out}@keyframes db-bump{40%{transform:scale(1.22)}}.dodge-bell-app .db-combo{margin-top:2px;min-height:22px;font-weight:900;font-size:18px;color:#fff;-webkit-text-stroke:5px var(--red-dark);paint-order:stroke fill}.dodge-bell-app .db-topbtns{justify-self:end;display:flex;gap:8px}.dodge-bell-app .db-round{min-width:46px;height:46px;border-radius:16px;border:0;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);box-shadow:0 4px 0 rgba(43,29,20,.3);transition:transform .08s,box-shadow .08s}.dodge-bell-app .db-round:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(43,29,20,.3)}.dodge-bell-app :is(.db-round,.db-primary,.db-secondary,.db-chip,.db-char,.db-x,.db-brand):focus-visible{outline:3px solid var(--ink);outline-offset:2px}.dodge-bell-app .db-round .off,.dodge-bell-app .db-round.muted .on{display:none}.dodge-bell-app .db-round.muted .off{display:inline}.dodge-bell-app .db-play-only{display:none!important}.dodge-bell-app:is([data-phase=play],[data-phase=countdown]) .db-play-only{display:inline-flex!important}.dodge-bell-app:not(:is([data-phase=play],[data-phase=countdown],[data-phase=over],[data-phase=paused])) .db-hud{visibility:hidden}.dodge-bell-app .db-best-hud{position:absolute;z-index:29;top:calc(var(--safe-t) + 64px);left:calc(var(--safe-l) + 14px);margin:0;align-items:baseline;gap:4px;font-weight:900;font-size:15px;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.dodge-bell-app .db-hint{position:absolute;z-index:25;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;opacity:0;transform:translate(-9999px);transition:opacity .15s}.dodge-bell-app .db-hint.show{opacity:1}.dodge-bell-app .db-hint-arrow{width:64px;height:64px;border-radius:50%;background:var(--red) center /40px no-repeat;border:4px solid #fff;box-shadow:0 4px 0 var(--red-dark),0 8px 18px rgba(0,0,0,.25);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v14M6 12l6 6 6-6' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation:db-pulse .5s ease-in-out infinite alternate}.dodge-bell-app .db-hint[data-move=back] .db-hint-arrow{transform:rotate(180deg)}.dodge-bell-app .db-hint[data-move=left] .db-hint-arrow{transform:rotate(90deg)}.dodge-bell-app .db-hint[data-move=right] .db-hint-arrow{transform:rotate(-90deg)}.dodge-bell-app .db-hint[data-move=twist] .db-hint-arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12a7 7 0 1 1-2.1-5M19 4v4h-4' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@keyframes db-pulse{to{scale:1.12}}.dodge-bell-app .db-hint-text{font-weight:900;font-size:22px;color:#fff;-webkit-text-stroke:6px var(--red-dark);paint-order:stroke fill;white-space:nowrap}.dodge-bell-app .db-swipe-hint{position:absolute;z-index:24;left:50%;bottom:calc(var(--safe-b) + 18px);transform:translateX(-50%);margin:0;padding:8px 16px;border-radius:99px;background:rgba(43,29,20,.72);color:#fff;font-weight:800;font-size:16px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.dodge-bell-app .db-swipe-hint.show{opacity:1}.dodge-bell-app .db-touch-only{display:none}@media (hover:none),(pointer:coarse){.dodge-bell-app .db-touch-only{display:inline}.dodge-bell-app .db-keys-only{display:none}}.dodge-bell-app .db-pops{position:absolute;inset:0;z-index:26;pointer-events:none;overflow:hidden}.dodge-bell-app .db-pop{position:absolute;left:0;top:0;font-weight:900;font-size:30px;white-space:nowrap;color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;opacity:0;translate:-50% -50%}.dodge-bell-app .db-pop.show{animation:db-pop .95s ease-out forwards}.dodge-bell-app .db-pop[data-kind=perfect]{color:var(--gold);font-size:38px;-webkit-text-stroke-color:var(--red-dark)}.dodge-bell-app .db-pop[data-kind=close]{color:#ffe9a3}.dodge-bell-app .db-pop[data-kind=clean]{font-size:22px}.dodge-bell-app .db-pop[data-kind=points]{font-size:24px;color:var(--gold)}@keyframes db-pop{0%{opacity:0;scale:.4}15%{opacity:1;scale:1.15}30%{scale:1}to{opacity:0;translate:-50% -160%}}.dodge-bell-app .db-banner,.dodge-bell-app .db-count{position:absolute;z-index:27;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;font-weight:900;color:#fff;-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;opacity:0;white-space:nowrap}.dodge-bell-app .db-count{font-size:120px}.dodge-bell-app .db-count.show{opacity:1;animation:db-count .6s ease-out}@keyframes db-count{0%{scale:1.6;opacity:0}to{scale:1;opacity:1}}.dodge-bell-app .db-banner{font-size:64px;color:var(--gold)}.dodge-bell-app .db-banner[data-kind=bonk]{font-size:96px;color:#ffe08a;-webkit-text-stroke-color:var(--red-dark)}.dodge-bell-app .db-banner.show{animation:db-banner 1.1s ease-out forwards}@keyframes db-banner{0%{opacity:0;scale:.3;rotate:-8deg}14%{opacity:1;scale:1.2;rotate:3deg}26%{scale:1;rotate:0deg}80%{opacity:1}to{opacity:0;scale:1.05}}.dodge-bell-app .db-sheet{position:absolute;z-index:40;top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 12px);width:var(--panel);padding:18px 18px 16px;border-radius:26px;background:var(--paper);box-shadow:0 14px 40px rgba(43,29,20,.28);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;gap:10px;opacity:0;translate:24px 0;transition:opacity .2s,translate .25s}.dodge-bell-app .db-sheet.show{opacity:1;translate:0 0}.dodge-bell-app .db-sheet h2{margin:0;font-size:26px;font-weight:900;line-height:1.1}.dodge-bell-app .db-sheet p{margin:0;line-height:1.35}.dodge-bell-app .db-dialog{z-index:45}.dodge-bell-app .db-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:14px;border:0;background:var(--paper-2);display:inline-flex;align-items:center;justify-content:center}.dodge-bell-app .db-primary,.dodge-bell-app .db-secondary{min-height:52px;border-radius:18px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:900;font-size:20px;transition:transform .08s,box-shadow .08s}.dodge-bell-app .db-primary{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-dark);font-size:24px;min-height:58px}.dodge-bell-app .db-secondary{background:var(--paper-2);color:var(--ink);box-shadow:0 4px 0 rgba(43,29,20,.2);font-size:17px;min-height:48px}.dodge-bell-app :is(.db-primary,.db-secondary):active{transform:translateY(3px);box-shadow:0 1px 0 rgba(43,29,20,.25)}.dodge-bell-app :is(.db-primary,.db-secondary):disabled{opacity:.55}.dodge-bell-app .db-menu-head{display:flex;align-items:center;gap:10px}.dodge-bell-app .db-menu-emblem{width:78px;height:78px;flex:none}.dodge-bell-app .db-menu h1{margin:0;font-size:30px;line-height:1;font-weight:900;color:var(--red);-webkit-text-stroke:1px var(--red-dark)}.dodge-bell-app .db-tagline{color:var(--ink-soft);font-weight:700;font-size:15px;margin-top:4px!important}.dodge-bell-app .db-sub{font-size:18px!important;margin-top:4px!important}.dodge-bell-app .db-challenge{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:16px;background:var(--gold);box-shadow:0 4px 0 #c99a17}.dodge-bell-app .db-challenge b{font-size:22px;font-weight:900}.dodge-bell-app .db-challenge span{font-size:14px;font-weight:700}.dodge-bell-app .db-chars{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.dodge-bell-app .db-char{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 4px;border-radius:16px;border:3px solid transparent;background:var(--paper-2);min-height:44px;text-align:center;line-height:1.05}.dodge-bell-app .db-char img{width:100%;max-width:84px;aspect-ratio:1;height:auto;border-radius:50%;background:radial-gradient(#fff6dc,#f2d8a6)}.dodge-bell-app .db-char b{font-size:14px;font-weight:900;margin-top:2px}.dodge-bell-app .db-char-blurb{display:none}.dodge-bell-app .db-char-lock{display:none;font-size:11px;font-weight:800;color:var(--ink-soft)}.dodge-bell-app .db-char[aria-checked=true]{border-color:var(--red);background:#fff;box-shadow:0 4px 0 var(--red-dark)}.dodge-bell-app .db-char.locked img{filter:grayscale(1) brightness(.55)}.dodge-bell-app .db-char.locked .db-char-lock{display:block}.dodge-bell-app .db-char.locked:after{content:"";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:6px;background:var(--ink) center /14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 11V8a5 5 0 0 1 10 0v3M5 11h14v10H5z' fill='none' stroke='white' stroke-width='2.4'/%3E%3C/svg%3E")}.dodge-bell-app .db-char-note{min-height:2.6em;font-size:14px;font-weight:700;color:var(--ink-soft)}.dodge-bell-app .db-menu-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.dodge-bell-app .db-menu-best{text-align:center;font-weight:800;color:var(--ink-soft)}.dodge-bell-app .db-menu-best b{color:var(--ink);font-size:18px}.dodge-bell-app .db-foot{text-align:center;font-size:13px}.dodge-bell-app .db-foot a{color:var(--ink-soft);font-weight:800}.dodge-bell-app .db-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.35}.dodge-bell-app .db-moves{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:6px;gap:6px;font-weight:800;font-size:14px}.dodge-bell-app .db-moves li{display:flex;align-items:center;gap:6px}.dodge-bell-app .db-moves i{width:30px;height:30px;border-radius:50%;flex:none;background:var(--red) center /20px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v14M6 12l6 6 6-6' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dodge-bell-app .db-moves i[data-move=back]{transform:rotate(180deg)}.dodge-bell-app .db-moves i[data-move=left]{transform:rotate(90deg)}.dodge-bell-app .db-moves i[data-move=right]{transform:rotate(-90deg)}.dodge-bell-app .db-moves i[data-move=twist]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12a7 7 0 1 1-2.1-5M19 4v4h-4' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dodge-bell-app .db-settings-row{display:flex;flex-wrap:wrap;gap:8px}.dodge-bell-app .db-chip{min-height:46px;padding:0 16px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:16px}.dodge-bell-app .db-chip[aria-pressed=false]{opacity:.55;text-decoration:line-through}.dodge-bell-app .db-paused-title{text-align:center}.dodge-bell-app #db-paused{justify-content:center}.dodge-bell-app .db-r-reason{font-weight:900;font-size:16px;color:var(--red-dark);padding-right:40px}.dodge-bell-app .db-r-top{display:flex;gap:12px;align-items:center}.dodge-bell-app .db-r-portrait{width:96px;height:96px;border-radius:50%;flex:none;background:radial-gradient(#fff6dc,#f2d8a6);border:3px solid var(--ink)}.dodge-bell-app .db-r-title{font-size:34px!important;color:var(--red)}.dodge-bell-app .db-r-scoreline{display:flex;align-items:baseline;gap:8px}.dodge-bell-app .db-label{font-size:13px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px}.dodge-bell-app #db-r-score{font-size:46px;font-weight:900;line-height:1;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dodge-bell-app .db-r-best{font-weight:800;color:var(--ink-soft)}.dodge-bell-app .db-r-best b{color:var(--ink)}.dodge-bell-app .db-new{margin-left:6px;padding:2px 8px;border-radius:8px;background:var(--gold);color:var(--ink)!important;font-size:13px}.dodge-bell-app .db-r-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.dodge-bell-app .db-r-stats>div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:14px;background:var(--paper-2);text-align:center}.dodge-bell-app .db-r-stats .db-label{font-size:11px}.dodge-bell-app .db-r-stats output{font-size:24px;font-weight:900}.dodge-bell-app .db-r-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.dodge-bell-app .db-r-actions .db-primary{grid-column:1/-1}.dodge-bell-app .db-share-note{min-height:1.3em;font-weight:800;color:var(--moss);text-align:center}.dodge-bell-app .db-toast{position:absolute;z-index:60;left:50%;top:calc(var(--safe-t) + 80px);transform:translate(-50%,-10px);padding:10px 16px;border-radius:14px;background:var(--ink);color:#fff;font-weight:800;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:86vw;text-align:center}.dodge-bell-app .db-toast.show{opacity:1;transform:translate(-50%)}.dodge-bell-app .db-webgl-error{position:absolute;z-index:70;inset:auto 16px 40% 16px;padding:16px;border-radius:16px;background:var(--paper);text-align:center;font-weight:800}.dodge-bell-app .db-loading{position:absolute;inset:0;z-index:80;display:none;align-items:center;justify-content:center;background:#bfe3f5}.dodge-bell-app .db-loading.show{display:flex}@media (max-aspect-ratio:4/5),(max-width:700px){.dodge-bell-app .db-sheet{top:auto;left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);bottom:0;width:auto;max-height:64dvh;border-radius:26px 26px 0 0;padding:16px 14px calc(var(--safe-b) + 14px);translate:0 30px}.dodge-bell-app .db-sheet.show{translate:0 0}.dodge-bell-app .db-menu{max-height:62dvh}.dodge-bell-app .db-menu-emblem{width:56px;height:56px}.dodge-bell-app .db-menu h1{font-size:24px}.dodge-bell-app .db-tagline{font-size:13px}.dodge-bell-app .db-char img{max-width:64px}.dodge-bell-app .db-char b{font-size:12px}.dodge-bell-app .db-results{max-height:72dvh}.dodge-bell-app .db-r-portrait{width:72px;height:72px}.dodge-bell-app .db-r-actions{grid-template-columns:1fr 1fr}.dodge-bell-app .db-brand span{display:none}.dodge-bell-app #db-score{font-size:44px}.dodge-bell-app .db-count{font-size:96px}.dodge-bell-app .db-banner{font-size:48px}.dodge-bell-app .db-banner[data-kind=bonk]{font-size:72px}}@media (max-height:500px) and (min-aspect-ratio:4/3){.dodge-bell-app{--panel:min(360px,46vw)}.dodge-bell-app .db-sheet{top:calc(var(--safe-t) + 6px);bottom:calc(var(--safe-b) + 6px);right:calc(var(--safe-r) + 6px);left:auto;width:var(--panel);max-height:none;border-radius:20px;padding:12px 12px 10px;gap:8px;translate:24px 0}.dodge-bell-app .db-menu-head{display:none}.dodge-bell-app .db-chars{grid-template-columns:repeat(4,1fr);gap:5px}.dodge-bell-app .db-char img{max-width:50px}.dodge-bell-app .db-char-note{min-height:0;font-size:12px}.dodge-bell-app .db-primary{min-height:48px;font-size:20px}.dodge-bell-app .db-r-top{gap:8px}.dodge-bell-app .db-r-portrait{width:60px;height:60px}.dodge-bell-app .db-r-actions{order:2}.dodge-bell-app .db-share-note{order:3;min-height:0}.dodge-bell-app .db-r-stats{order:4}.dodge-bell-app #dodge-the-bell-leaderboard{order:5}.dodge-bell-app .db-r-title{font-size:26px!important}.dodge-bell-app #db-r-score{font-size:36px}.dodge-bell-app #db-score{font-size:38px}.dodge-bell-app .db-best-hud{top:calc(var(--safe-t) + 58px)}}@media (prefers-reduced-motion:reduce){.dodge-bell-app .db-hint-arrow{animation:none}}