.dr-page{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column;background:#140b2e;color:#fff8e7}.dr-stage{--u: 1;--ink: #140b2e;--paper: #fff8e7;--ramune: #35e3ff;--peach: #ff4f9a;--lemon: #ffe23f;--melon: #6bff8a;--grape: #9b5cff;--mikan: #ff9a3d;--line: calc(var(--u) * 3px);--drop: calc(var(--u) * 4px);--display: "Dela Gothic One", "Hiragino Kaku Gothic StdN", "Hiragino Sans", "Yu Gothic", sans-serif;--text: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;position:relative;flex:1 0 240px;min-height:240px;overflow:hidden;background:#363959;font-family:var(--text);font-weight:700;line-height:1.45;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.dr-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.dr-fx,.dr-ui{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dr-stage noscript{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}.dr-footer{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 16px;min-height:32px;padding:4px 14px;background:#140b2e;color:#b9b5d6;font-size:12px}.dr-footer a{display:inline-flex;align-items:center;min-height:24px;color:inherit;text-decoration:underline;text-underline-offset:3px}.dr-footer a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.dr-screen{position:absolute;inset:0;display:none;overflow:hidden;padding:calc(var(--u) * 14px);color:var(--paper);font-size:calc(var(--u) * 14px)}.dr-ui--open .dr-screen{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;pointer-events:auto}.dr-screen--levelup,.dr-screen--chest,.dr-screen--pause,.dr-screen--shop,.dr-screen--records,.dr-screen--settings,.dr-screen--howto{background:#140b2ebd}.dr-screen--result{background:#140b2e4d}.dr-h2{margin:0;font-family:var(--display);font-size:calc(var(--u) * 24px);font-weight:400;line-height:1.2;letter-spacing:.02em}.dr-h2--pop{color:var(--lemon);font-size:calc(var(--u) * 32px);-webkit-text-stroke:calc(var(--u) * 7px) var(--ink);paint-order:stroke fill;transform:rotate(-3deg)}.dr-h3{margin:calc(var(--u) * 14px) 0 calc(var(--u) * 6px);font-family:var(--display);font-size:calc(var(--u) * 15px);font-weight:400}.dr-lead,.dr-note{margin:0;font-size:calc(var(--u) * 12px);opacity:.8}.dr-hint{font-size:calc(var(--u) * 11px);opacity:.85}.dr-btn,.dr-chip,.dr-arrow{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 5px);border:var(--line) solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-weight:800;line-height:1.2;cursor:pointer;box-shadow:0 var(--drop) 0 var(--ink);transition:transform 80ms ease-out,box-shadow 80ms ease-out;touch-action:manipulation}.dr-btn{min-height:calc(var(--u) * 44px);padding:calc(var(--u) * 8px) calc(var(--u) * 18px);border-radius:calc(var(--u) * 16px);font-size:calc(var(--u) * 15px)}.dr-btn:active:not(:disabled),.dr-chip:active,.dr-arrow:active:not(:disabled){transform:translateY(var(--drop));box-shadow:0 0 0 var(--ink)}.dr-btn:focus-visible,.dr-chip:focus-visible,.dr-arrow:focus-visible,.dr-card:focus-visible,.dr-toggle:focus-visible,.dr-pause:focus-visible{outline:var(--line) solid var(--ramune);outline-offset:calc(var(--u) * 3px)}.dr-btn:disabled,.dr-arrow:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.5}.dr-btn--primary{min-width:calc(var(--u) * 220px);min-height:calc(var(--u) * 58px);border-radius:calc(var(--u) * 20px);background:var(--lemon);font-family:var(--display);font-size:calc(var(--u) * 26px);font-weight:400;box-shadow:0 calc(var(--u) * 6px) 0 var(--peach),0 calc(var(--u) * 6px) 0 var(--line) var(--ink)}.dr-btn--primary:active:not(:disabled){transform:translateY(calc(var(--u) * 6px));box-shadow:0 0 0 var(--peach),0 0 0 var(--line) var(--ink)}.dr-btn--small{min-height:calc(var(--u) * 40px);padding:calc(var(--u) * 6px) calc(var(--u) * 14px);font-size:calc(var(--u) * 13px)}.dr-btn--ghost{min-height:calc(var(--u) * 36px);padding:calc(var(--u) * 4px) calc(var(--u) * 12px);font-size:calc(var(--u) * 12px)}.dr-btn--danger{background:#ff8a80}.dr-btn--buy{min-width:calc(var(--u) * 78px);min-height:calc(var(--u) * 40px);padding:calc(var(--u) * 4px) calc(var(--u) * 8px);background:var(--lemon);font-size:calc(var(--u) * 13px)}.dr-chip{min-height:calc(var(--u) * 34px);padding:calc(var(--u) * 4px) calc(var(--u) * 11px);border-radius:999px;font-size:calc(var(--u) * 11px);box-shadow:0 calc(var(--u) * 3px) 0 var(--ink)}.dr-arrow{flex:none;width:calc(var(--u) * 44px);height:calc(var(--u) * 44px);border-radius:50%;background:var(--ramune);font-size:calc(var(--u) * 15px)}.dr-arrow--small{width:calc(var(--u) * 36px);height:calc(var(--u) * 36px);font-size:calc(var(--u) * 12px)}.dr-coin{display:inline-block;flex:none;width:1.05em;height:1.05em;border:.16em solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0 0 22%,#ffc93d 24% 100%);vertical-align:-.16em}.dr-wallet{display:inline-flex;align-items:center;gap:calc(var(--u) * 5px);padding:calc(var(--u) * 3px) calc(var(--u) * 11px) calc(var(--u) * 3px) calc(var(--u) * 7px);border:var(--line) solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:calc(var(--u) * 14px);font-weight:400}.dr-wallet b{font-weight:400}.dr-badge{display:inline-grid;flex:none;place-items:center;width:calc(var(--u) * 38px);height:calc(var(--u) * 38px);border:var(--line) solid var(--ink);border-radius:50%;background:var(--badge, var(--lemon));color:var(--ink);font-family:var(--display);font-size:calc(var(--u) * 18px);font-weight:400;line-height:1;box-shadow:inset 0 calc(var(--u) * -4px) 0 #140b2e29}.dr-icon{display:block;flex:none;width:calc(var(--u) * 44px);height:calc(var(--u) * 44px)}.dr-title{display:flex;width:min(100%,calc(var(--u) * 362px));height:100%;max-height:calc(var(--u) * 600px);flex-direction:column;align-items:center;justify-content:space-between;gap:calc(var(--u) * 8px);text-align:center}.dr-title__top{display:flex;width:100%;align-items:center;justify-content:space-between;gap:calc(var(--u) * 8px)}.dr-title__tools{display:flex;gap:calc(var(--u) * 6px)}.dr-logo{display:grid;margin:calc(var(--u) * 4px) 0 0;font-family:var(--display);font-weight:400;line-height:.95;transform:rotate(-4deg)}.dr-logo__en{color:var(--lemon);font-size:calc(var(--u) * 54px);letter-spacing:.01em;-webkit-text-stroke:calc(var(--u) * 10px) var(--ink);paint-order:stroke fill;text-shadow:calc(var(--u) * 5px) calc(var(--u) * 6px) 0 var(--peach)}.dr-logo__jp{justify-self:end;margin-top:calc(var(--u) * 2px);padding:calc(var(--u) * 1px) calc(var(--u) * 10px) calc(var(--u) * 3px);border:var(--line) solid var(--ink);border-radius:calc(var(--u) * 6px);background:var(--ramune);color:var(--ink);font-size:calc(var(--u) * 17px);transform:rotate(2deg) translate(calc(var(--u) * 4px))}.dr-logo.is-fresh{animation:dr-slam .52s cubic-bezier(.2,1.5,.4,1) both}.dr-tagline{margin:0;font-family:var(--display);font-size:calc(var(--u) * 15px);font-weight:400;-webkit-text-stroke:calc(var(--u) * 5px) var(--ink);paint-order:stroke fill}.dr-picker{display:flex;width:100%;align-items:center;gap:calc(var(--u) * 6px)}.dr-picker__body{display:flex;min-width:0;flex:1;align-items:center;gap:calc(var(--u) * 8px);padding:calc(var(--u) * 8px) calc(var(--u) * 10px);border:var(--line) solid var(--ink);border-radius:calc(var(--u) * 18px);background:var(--paper);color:var(--ink);text-align:left;box-shadow:0 var(--drop) 0 var(--ink)}.dr-portrait{flex:none;width:calc(var(--u) * 78px);height:calc(var(--u) * 78px)}.dr-picker__info{display:grid;min-width:0;gap:calc(var(--u) * 3px);justify-items:start}.dr-picker__name{font-family:var(--display);font-size:calc(var(--u) * 19px);font-weight:400;line-height:1.1}.dr-picker__blurb{font-size:calc(var(--u) * 11.5px);line-height:1.4}.dr-chaos{display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--u) * 10px)}.dr-chaos__label{display:grid;min-width:calc(var(--u) * 190px);font-size:calc(var(--u) * 11px)}.dr-chaos__label strong{font-family:var(--display);font-size:calc(var(--u) * 17px);font-weight:400;color:var(--mikan);-webkit-text-stroke:calc(var(--u) * 5px) var(--ink);paint-order:stroke fill}.dr-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * 8px)}.dr-best{margin:0;font-size:calc(var(--u) * 12px);-webkit-text-stroke:calc(var(--u) * 4px) var(--ink);paint-order:stroke fill}.dr-panel{display:flex;width:min(100%,calc(var(--u) * 362px));max-height:100%;flex-direction:column;border:var(--line) solid var(--ink);border-radius:calc(var(--u) * 22px);background:var(--paper);color:var(--ink);box-shadow:0 calc(var(--u) * 6px) 0 var(--ink)}.dr-panel__head{display:flex;flex:none;align-items:center;gap:calc(var(--u) * 8px);padding:calc(var(--u) * 12px) calc(var(--u) * 14px) calc(var(--u) * 8px)}.dr-panel__head .dr-h2{margin-right:auto}.dr-panel__body{display:grid;min-height:0;gap:calc(var(--u) * 8px);overflow-y:auto;padding:0 calc(var(--u) * 14px) calc(var(--u) * 16px);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.dr-panel--pause{gap:calc(var(--u) * 8px);padding:calc(var(--u) * 14px);text-align:center}.dr-shop,.dr-achieves,.dr-build{display:grid;gap:calc(var(--u) * 6px);margin:0;padding:0;list-style:none}.dr-unlocks{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * 5px);margin:0;padding:0;list-style:none}.dr-unlocks__title{margin:0;font-size:calc(var(--u) * 12px);-webkit-text-stroke:calc(var(--u) * 4px) var(--ink);paint-order:stroke fill}.dr-shop__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--u) * 9px);padding:calc(var(--u) * 7px) calc(var(--u) * 8px);border:calc(var(--u) * 2px) solid rgba(20,11,46,.16);border-radius:calc(var(--u) * 14px)}.dr-shop__text{display:grid;min-width:0;gap:calc(var(--u) * 2px);font-size:calc(var(--u) * 13px);line-height:1.3}.dr-shop__effect{font-size:calc(var(--u) * 10.5px);opacity:.78}.dr-pips{display:flex;gap:calc(var(--u) * 2px)}.dr-pips i{width:calc(var(--u) * 9px);height:calc(var(--u) * 6px);border:calc(var(--u) * 1.5px) solid var(--ink);border-radius:calc(var(--u) * 2px)}.dr-pips i.is-on{background:var(--peach)}.dr-stats{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 6px);margin:0}.dr-stat{display:grid;padding:calc(var(--u) * 6px) calc(var(--u) * 10px);border-radius:calc(var(--u) * 12px);background:#140b2e12}.dr-stat dt{font-size:calc(var(--u) * 10.5px);opacity:.75}.dr-stat dd{margin:0;font-family:var(--display);font-size:calc(var(--u) * 16px);font-weight:400;line-height:1.2}.dr-achieve{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--u) * 8px);padding:calc(var(--u) * 6px) calc(var(--u) * 8px);border:calc(var(--u) * 2px) dashed rgba(20,11,46,.28);border-radius:calc(var(--u) * 12px);opacity:.62}.dr-achieve.is-done{border-style:solid;border-color:var(--ink);background:#e9ffe9;opacity:1}.dr-achieve__mark{display:grid;place-items:center;width:calc(var(--u) * 26px);height:calc(var(--u) * 26px);border:calc(var(--u) * 2px) solid currentColor;border-radius:50%;font-family:var(--display);font-size:calc(var(--u) * 12px);font-weight:400}.dr-achieve.is-done .dr-achieve__mark{background:var(--melon)}.dr-achieve__text{display:grid;min-width:0;font-size:calc(var(--u) * 12.5px);line-height:1.3}.dr-achieve__text span{font-size:calc(var(--u) * 10.5px);opacity:.78}.dr-achieve__reward{display:inline-flex;align-items:center;gap:calc(var(--u) * 3px);font-size:calc(var(--u) * 12px)}.dr-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:calc(var(--u) * 10px);padding:calc(var(--u) * 9px) calc(var(--u) * 10px);border:calc(var(--u) * 2px) solid rgba(20,11,46,.16);border-radius:calc(var(--u) * 14px);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.dr-toggle__text{display:grid;font-size:calc(var(--u) * 14px);line-height:1.3}.dr-toggle__text span{font-size:calc(var(--u) * 10.5px);opacity:.75}.dr-toggle__knob{position:relative;flex:none;width:calc(var(--u) * 46px);height:calc(var(--u) * 26px);border:var(--line) solid var(--ink);border-radius:999px;background:#c9c7d6}.dr-toggle__knob:after{position:absolute;top:calc(var(--u) * 2px);left:calc(var(--u) * 2px);width:calc(var(--u) * 16px);height:calc(var(--u) * 16px);border-radius:50%;background:var(--ink);content:"";transition:transform .12s ease-out}.dr-toggle.is-on .dr-toggle__knob{background:var(--melon)}.dr-toggle.is-on .dr-toggle__knob:after{transform:translate(calc(var(--u) * 20px))}.dr-howto{display:grid;gap:calc(var(--u) * 8px);margin:0}.dr-howto__row{display:grid;grid-template-columns:calc(var(--u) * 78px) minmax(0,1fr);gap:calc(var(--u) * 8px);font-size:calc(var(--u) * 12.5px)}.dr-howto dt{align-self:start;padding:calc(var(--u) * 2px) calc(var(--u) * 6px);border:calc(var(--u) * 2px) solid var(--ink);border-radius:calc(var(--u) * 8px);background:var(--lemon);font-family:var(--display);font-size:calc(var(--u) * 11.5px);font-weight:400;text-align:center}.dr-howto dd{margin:0}.dr-build__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--u) * 8px);font-size:calc(var(--u) * 13px);text-align:left}.dr-build{max-height:calc(var(--u) * 250px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.dr-build .dr-icon,.dr-build .dr-badge{width:calc(var(--u) * 30px);height:calc(var(--u) * 30px);font-size:calc(var(--u) * 14px)}.dr-build__item b{font-family:var(--display);font-weight:400}.dr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--u) * 8px)}.dr-levelup,.dr-chest{display:flex;width:100%;max-height:100%;flex-direction:column;align-items:center;gap:calc(var(--u) * 12px)}.dr-chest{overflow-y:auto;padding:calc(var(--u) * 10px) 0;overscroll-behavior:contain;touch-action:pan-y}.dr-levelup__head{display:flex;align-items:baseline;gap:calc(var(--u) * 10px)}.dr-levelup__level{font-family:var(--display);font-size:calc(var(--u) * 16px)}.dr-cards{display:grid;width:min(100%,calc(var(--u) * 356px));gap:calc(var(--u) * 11px)}.dr-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(var(--u) * 10px);min-height:calc(var(--u) * 100px);padding:calc(var(--u) * 12px) calc(var(--u) * 12px) calc(var(--u) * 10px);border:var(--line) solid var(--ink);border-radius:calc(var(--u) * 18px);background:var(--paper);color:var(--ink);font:inherit;text-align:left;box-shadow:0 calc(var(--u) * 5px) 0 var(--ink);animation:dr-slap .26s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i, 0) * 70ms)}button.dr-card{cursor:pointer;touch-action:manipulation;transition:transform 80ms ease-out}button.dr-card:hover{transform:translateY(calc(var(--u) * -3px))}button.dr-card:active{transform:translateY(calc(var(--u) * 4px));box-shadow:0 calc(var(--u) * 1px) 0 var(--ink)}.dr-card__icon{display:grid;place-items:center;width:calc(var(--u) * 60px);height:calc(var(--u) * 60px);border:calc(var(--u) * 2px) solid var(--ink);border-radius:calc(var(--u) * 14px);background:#fff9}.dr-card__icon .dr-icon{width:calc(var(--u) * 52px);height:calc(var(--u) * 52px)}.dr-card__body{display:grid;min-width:0;gap:calc(var(--u) * 2px)}.dr-card__tag{font-size:calc(var(--u) * 10.5px);opacity:.8}.dr-card__name{font-family:var(--display);font-size:calc(var(--u) * 16px);font-weight:400;line-height:1.2}.dr-card__notes{display:grid;font-size:calc(var(--u) * 11.5px);line-height:1.35}.dr-card__rarity{position:absolute;top:calc(var(--u) * -9px);right:calc(var(--u) * 12px);padding:0 calc(var(--u) * 9px);border:calc(var(--u) * 2px) solid var(--ink);border-radius:999px;background:#d5d8e8;font-family:var(--display);font-size:calc(var(--u) * 10.5px);font-weight:400;line-height:1.7}.dr-card__key{position:absolute;right:calc(var(--u) * 9px);bottom:calc(var(--u) * 6px);display:grid;place-items:center;width:calc(var(--u) * 18px);height:calc(var(--u) * 18px);border:calc(var(--u) * 1.5px) solid currentColor;border-radius:calc(var(--u) * 5px);font-size:calc(var(--u) * 10px);opacity:.5}@media(hover:none){.dr-card__key{display:none}}.dr-card--rare{background:linear-gradient(135deg,#e6fbff,#a9ecff)}.dr-card--rare .dr-card__rarity{background:var(--ramune)}.dr-card--epic{background:linear-gradient(135deg,#f3e8ff,#d2b0ff 62%,#ffbfe6)}.dr-card--epic .dr-card__rarity{background:var(--grape);color:#fff}.dr-card--legend{background:linear-gradient(115deg,#fff3a8,#ffb3d9,#a8f0ff,#b8ffc8,#fff3a8,#ffb3d9);background-size:300% 100%;box-shadow:0 calc(var(--u) * 5px) 0 var(--ink),0 0 calc(var(--u) * 22px) #ffe23fbf;animation:dr-slap .26s cubic-bezier(.2,1.4,.4,1) both,dr-foil 2.6s linear infinite;animation-delay:calc(var(--i, 0) * 70ms),0s}.dr-card--legend .dr-card__rarity{background:var(--lemon)}.dr-cards--chest{gap:calc(var(--u) * 8px)}.dr-cards--chest .dr-card{min-height:calc(var(--u) * 60px);padding:calc(var(--u) * 7px) calc(var(--u) * 10px);animation-delay:calc(var(--i, 0) * .26s + .2s)}.dr-cards--chest .dr-card--legend{animation-delay:calc(var(--i, 0) * .26s + .2s),0s}.dr-cards--chest .dr-card__icon{width:calc(var(--u) * 40px);height:calc(var(--u) * 40px)}.dr-cards--chest .dr-card__icon .dr-icon,.dr-cards--chest .dr-badge{width:calc(var(--u) * 32px);height:calc(var(--u) * 32px);font-size:calc(var(--u) * 15px)}.dr-cards--chest .dr-card__name{font-size:calc(var(--u) * 14px)}.dr-chest__coins{display:inline-flex;align-items:center;gap:calc(var(--u) * 6px);margin:0;font-family:var(--display);font-size:calc(var(--u) * 20px);font-weight:400;color:var(--lemon)}.dr-chest__coins b{font-weight:400}.dr-wide .dr-screen--levelup .dr-cards{width:min(100%,calc(var(--u) * 700px));grid-template-columns:repeat(3,minmax(0,1fr))}.dr-wide .dr-screen--levelup .dr-card{grid-template-columns:1fr;align-content:start;justify-items:center;min-height:calc(var(--u) * 200px);padding-top:calc(var(--u) * 22px);text-align:center}.dr-wide .dr-screen--levelup .dr-card__icon{width:calc(var(--u) * 84px);height:calc(var(--u) * 84px)}.dr-wide .dr-screen--levelup .dr-card__icon .dr-icon,.dr-wide .dr-screen--levelup .dr-card__icon .dr-badge{width:calc(var(--u) * 68px);height:calc(var(--u) * 68px);font-size:calc(var(--u) * 30px)}.dr-wide .dr-cards--chest{width:min(100%,calc(var(--u) * 720px));grid-template-columns:repeat(auto-fit,minmax(calc(var(--u) * 210px),1fr))}.dr-short .dr-screen{padding:calc(var(--u) * 9px)}.dr-short .dr-title{gap:calc(var(--u) * 5px);max-height:none}.dr-short .dr-logo__en{font-size:calc(var(--u) * 40px);-webkit-text-stroke-width:calc(var(--u) * 8px)}.dr-short .dr-tagline,.dr-short .dr-best{display:none}.dr-short .dr-picker__body{padding:calc(var(--u) * 5px) calc(var(--u) * 8px)}.dr-short .dr-portrait{width:calc(var(--u) * 58px);height:calc(var(--u) * 58px)}.dr-short .dr-btn--small{min-height:calc(var(--u) * 36px)}.dr-short .dr-levelup,.dr-short .dr-chest{gap:calc(var(--u) * 7px)}.dr-short .dr-h2--pop{font-size:calc(var(--u) * 24px)}.dr-short .dr-cards{gap:calc(var(--u) * 9px)}.dr-short .dr-card{min-height:calc(var(--u) * 74px);padding:calc(var(--u) * 8px) calc(var(--u) * 10px) calc(var(--u) * 7px)}.dr-short .dr-card__icon{width:calc(var(--u) * 48px);height:calc(var(--u) * 48px)}.dr-short .dr-card__icon .dr-icon{width:calc(var(--u) * 42px);height:calc(var(--u) * 42px)}.dr-short .dr-card__notes span:nth-child(n+2){display:none}.dr-short .dr-cards--chest .dr-card{min-height:calc(var(--u) * 50px)}.dr-wide.dr-short .dr-screen--levelup .dr-card{min-height:calc(var(--u) * 170px)}.dr-short .dr-rank{font-size:calc(var(--u) * 54px)}.dr-short .dr-score__value{font-size:calc(var(--u) * 28px)}.dr-short .dr-build{max-height:calc(var(--u) * 110px)}.dr-result{display:flex;width:min(100%,calc(var(--u) * 362px));max-height:100%;flex-direction:column;align-items:center;gap:calc(var(--u) * 10px);text-align:center}.dr-result__body{display:flex;width:100%;min-height:0;flex:0 1 auto;flex-direction:column;align-items:center;gap:calc(var(--u) * 7px);overflow-y:auto;padding:calc(var(--u) * 4px) calc(var(--u) * 4px) calc(var(--u) * 6px);overscroll-behavior:contain;touch-action:pan-y}.dr-result .dr-actions{flex:none;padding-bottom:calc(var(--u) * 8px)}.dr-result__head{margin:0;font-family:var(--display);font-size:calc(var(--u) * 22px);-webkit-text-stroke:calc(var(--u) * 6px) var(--ink);paint-order:stroke fill}.dr-result__head.is-clear{color:var(--lemon);font-size:calc(var(--u) * 28px)}.dr-rank{font-family:var(--display);font-size:calc(var(--u) * 78px);line-height:1;color:var(--ramune);-webkit-text-stroke:calc(var(--u) * 12px) var(--ink);paint-order:stroke fill;text-shadow:calc(var(--u) * 5px) calc(var(--u) * 6px) 0 var(--paper);transform:rotate(-8deg);animation:dr-slam .48s cubic-bezier(.2,1.5,.4,1) .2s both}.dr-rank--d,.dr-rank--c{color:#c9c7d6}.dr-rank--b{color:var(--melon)}.dr-rank--a{color:var(--ramune)}.dr-rank--s{color:var(--lemon)}.dr-rank--ss,.dr-rank--sss{color:var(--peach);font-size:calc(var(--u) * 66px)}.dr-score{display:grid;justify-items:center}.dr-score__label{font-size:calc(var(--u) * 11px);-webkit-text-stroke:calc(var(--u) * 4px) var(--ink);paint-order:stroke fill}.dr-score__value{font-family:var(--display);font-size:calc(var(--u) * 36px);font-weight:400;line-height:1.1;color:var(--lemon);-webkit-text-stroke:calc(var(--u) * 7px) var(--ink);paint-order:stroke fill}.dr-newbest{margin-top:calc(var(--u) * 2px);padding:0 calc(var(--u) * 10px);border:calc(var(--u) * 2px) solid var(--ink);border-radius:999px;background:var(--peach);color:#fff;font-family:var(--display);font-size:calc(var(--u) * 12px);transform:rotate(-3deg)}.dr-stats--result{width:100%}.dr-stats--result .dr-stat{border:calc(var(--u) * 2px) solid var(--ink);background:var(--paper);color:var(--ink)}.dr-earn{display:grid;justify-items:center}.dr-earn p{margin:0}.dr-earn__total{display:inline-flex;align-items:center;gap:calc(var(--u) * 6px);font-family:var(--display);font-size:calc(var(--u) * 22px);color:var(--lemon);-webkit-text-stroke:calc(var(--u) * 5px) var(--ink);paint-order:stroke fill}.dr-earn__total b{font-weight:400}.dr-earn__parts{font-size:calc(var(--u) * 10.5px);opacity:.9}.dr-unlocks li,.dr-unlock-chaos{margin:0;padding:calc(var(--u) * 2px) calc(var(--u) * 10px);border:calc(var(--u) * 2px) solid var(--ink);border-radius:999px;background:var(--melon);color:var(--ink);font-size:calc(var(--u) * 11px)}.dr-unlock-chaos{background:var(--mikan)}.dr-note--break{padding:calc(var(--u) * 6px) calc(var(--u) * 12px);border-radius:calc(var(--u) * 12px);background:#140b2eb3;opacity:1}.dr-pause{position:absolute;top:calc(var(--u) * 15px);right:calc(var(--u) * 8px);display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 5px);width:max(32px,calc(var(--u) * 40px));height:max(32px,calc(var(--u) * 40px));border:var(--line) solid var(--ink);border-radius:50%;background:var(--paper);cursor:pointer;pointer-events:auto;box-shadow:0 calc(var(--u) * 3px) 0 var(--ink);touch-action:manipulation}.dr-pause[hidden]{display:none}.dr-pause i{width:calc(var(--u) * 5px);height:calc(var(--u) * 15px);border-radius:calc(var(--u) * 2px);background:var(--ink)}.dr-shout{position:absolute;top:27%;left:50%;max-width:94%;color:var(--lemon);font-family:var(--display);font-size:calc(var(--u) * 28px);line-height:1.15;text-align:center;white-space:nowrap;-webkit-text-stroke:calc(var(--u) * 8px) var(--ink);paint-order:stroke fill;animation:dr-shout 1.3s cubic-bezier(.2,1.3,.4,1) both}.dr-shout:nth-last-child(2){top:19%}.dr-shout:nth-last-child(3){top:11%}.dr-shout--fever{color:var(--peach);font-size:calc(var(--u) * 38px);text-shadow:calc(var(--u) * 4px) calc(var(--u) * 5px) 0 var(--lemon)}.dr-shout--warn{color:#ff6a5e}.dr-shout--good{color:var(--melon)}.dr-banner{position:absolute;top:36%;left:0;display:grid;width:100%;justify-items:center;padding:calc(var(--u) * 10px) calc(var(--u) * 12px);border-block:calc(var(--u) * 4px) solid var(--ink);background:var(--paper);color:var(--ink);text-align:center;animation:dr-banner 2.6s cubic-bezier(.2,.9,.3,1) both}.dr-banner strong{font-family:var(--display);font-size:calc(var(--u) * 30px);font-weight:400;line-height:1.15}.dr-banner span{font-size:calc(var(--u) * 13px)}.dr-banner--warn{border-block:calc(var(--u) * 10px) solid transparent;background:linear-gradient(#ff5a4d,#ff5a4d) padding-box,repeating-linear-gradient(-45deg,var(--ink) 0 calc(var(--u) * 10px),var(--lemon) calc(var(--u) * 10px) calc(var(--u) * 20px)) border-box;color:#fff}.dr-hintbar{position:absolute;bottom:12%;left:50%;width:max-content;max-width:92%;padding:calc(var(--u) * 7px) calc(var(--u) * 16px);border:var(--line) solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font-size:calc(var(--u) * 13px);text-align:center;transform:translate(-50%);animation:dr-hold 6s linear both}@keyframes dr-slam{0%{opacity:0;scale:2.4}to{opacity:1;scale:1}}@keyframes dr-slap{0%{opacity:0;translate:0 calc(var(--u) * 34px);rotate:-5deg;scale:1.18}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}@keyframes dr-foil{0%{background-position:0% 0}to{background-position:150% 0}}@keyframes dr-shout{0%{opacity:0;transform:translate(-50%) rotate(-5deg) scale(.3)}14%{opacity:1;transform:translate(-50%) rotate(-5deg) scale(1.12)}22%,72%{opacity:1;transform:translate(-50%) rotate(-5deg) scale(1)}to{opacity:0;transform:translate(-50%,calc(var(--u) * -34px)) rotate(-5deg) scale(1)}}@keyframes dr-banner{0%{opacity:0;transform:translate(-100%)}10%,86%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes dr-hold{0%{opacity:0}5%,88%{opacity:1}to{opacity:0}}@keyframes dr-hold-centered{0%{opacity:0;transform:translate(-50%)}8%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.dr-reduced .dr-logo.is-fresh,.dr-reduced .dr-rank,.dr-reduced .dr-card{animation:none}.dr-reduced .dr-shout{animation:dr-hold-centered 1.3s linear both}.dr-reduced .dr-banner{animation:dr-hold 2.6s linear both}.dr-reduced .dr-btn,.dr-reduced .dr-chip,.dr-reduced .dr-arrow,.dr-reduced button.dr-card,.dr-reduced .dr-toggle__knob:after{transition:none}@media(prefers-reduced-motion:reduce){.dr-logo.is-fresh,.dr-rank,.dr-card{animation:none}.dr-shout{animation:dr-hold-centered 1.3s linear both}.dr-banner{animation:dr-hold 2.6s linear both}}html,body{margin:0;background:#140b2e;overscroll-behavior:none}