/* Noos Dash */
[hidden] { display: none !important; }
#beta-report-trigger { display: none !important; }
.dwrap { display: flex; flex-direction: column; align-items: center; padding: 6px 8px 16px; max-width: 1100px; margin: 0 auto; }
.dstage { position: relative; width: 100%; max-width: 460px; background: #0b0a14; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,.35); user-select: none; -webkit-user-select: none; font-family: 'Quicksand', system-ui, sans-serif; color: #fff; }
#dCanvas { display: block; touch-action: none; background: #0b0a14; }

.dhud { position: absolute; inset: 0; pointer-events: none; }
.dhud-top { display: flex; justify-content: space-between; align-items: flex-start; padding: .55em .7em 0 3.2em; gap: .5em; }
.dhud-box { display: flex; flex-direction: column; background: rgba(10,8,20,.55); border-radius: .6em; padding: .25em .7em; min-width: 4.4em; }
.dhud-box span { font-weight: 700; font-size: 1.5em; line-height: 1.1; }
.dhud-box small { font-size: .6em; letter-spacing: .12em; opacity: .75; }
.dhud-r { align-items: flex-end; }
.dhud-mid { white-space: nowrap; display: flex; flex-direction: column; align-items: center; font-weight: 700; font-size: 1em; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
.dtime { display: none; font-size: 1.6em; color: #fde68a; }
.dhud.sprint .dtime { display: block; }
.dchips { display: flex; flex-direction: column; gap: .3em; padding: .5em .7em; align-items: flex-start; }
.dchip { position: relative; display: block; width: 8.6em; height: 1.4em; background: rgba(10,8,20,.6); border-radius: .7em; overflow: hidden; border: 1px solid var(--c); }
.dchip i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--c); opacity: .45; }
.dchip b { position: relative; font-size: .62em; letter-spacing: .1em; line-height: 2.3em; padding-left: .8em; }
.dpausebtn { position: absolute; top: .55em; left: .6em; width: 2.3em; height: 2.3em; border-radius: 50%; border: 0; background: rgba(10,8,20,.6); color: #fff; font-weight: 700; font-size: 1em; pointer-events: auto; cursor: pointer; }

.dready { position: absolute; left: 0; right: 0; bottom: 14%; display: flex; justify-content: center; pointer-events: none; }
.dready-card { background: rgba(10,8,20,.72); border-radius: 1em; padding: .8em 1.2em; text-align: center; display: flex; flex-direction: column; gap: .2em; max-width: 80%; }
.dready-card b { font-size: 1.5em; color: #fbbf24; letter-spacing: .08em; }
.dready-card span { font-size: .9em; opacity: .9; }

.dov { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: .6em; padding: 1.2em 1.1em; overflow-y: auto; background: rgba(8,6,18,.94); text-align: center; }
.dov > :first-child { margin-top: auto; }
.dov > :last-child { margin-bottom: auto; }
.dov h2 { margin: 0; font-size: 2.1em; letter-spacing: .12em; color: #fbbf24; }
.dsub { margin: 0; opacity: .8; }
.dopts { background: #0c0a1a; }
.dopts h2 { font-size: 1.6em; }
.dmodes { display: flex; gap: .4em; flex-wrap: wrap; justify-content: center; }
.dmodes button { background: #1f1b36; color: #e5e7eb; border: 2px solid #3b3566; border-radius: .7em; padding: .55em 1em; font: inherit; font-weight: 700; cursor: pointer; }
.dmodes button[aria-checked="true"] { background: #f59e0b; color: #1c1100; border-color: #fbbf24; }
.dmode-desc { margin: 0; max-width: 21em; font-size: .95em; opacity: .9; }
.dmode-best { margin: 0; font-size: .85em; color: #fcd34d; }
.dnote { margin: 0; font-size: .78em; opacity: .7; max-width: 22em; }
.dbtn { background: #2a2548; color: #fff; border: 2px solid #4a4380; border-radius: .8em; padding: .6em 1.4em; font: inherit; font-weight: 700; letter-spacing: .08em; cursor: pointer; min-width: 10em; }
.dbtn:active { transform: translateY(1px); }
.dbtn-main { background: #f59e0b; color: #1c1100; border-color: #fbbf24; font-size: 1.1em; }
.dsm { min-width: 6.4em; padding: .35em .8em; font-size: .85em; }
.drow { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 21em; gap: .8em; font-weight: 700; }
#trophy-list { width: 100%; max-height: 14em; overflow-y: auto; text-align: left; }

.dcount { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 6em; font-weight: 700; color: #fff; text-shadow: 0 4px 18px rgba(0,0,0,.7); background: rgba(8,6,18,.35); pointer-events: none; }
.dtoast { position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); background: rgba(10,8,20,.9); padding: .5em 1em; border-radius: .7em; font-size: .9em; }

.dpad { display: flex; gap: .6em; padding-top: .7em; width: 100%; max-width: 460px; }
.dpad button { flex: 1; height: 3.6em; border-radius: 1em; border: 2px solid #4a4380; background: #2a2548; color: #fff; font-size: 1.3em; touch-action: manipulation; }
.dpad button:active { background: #f59e0b; color: #1c1100; }

.dstage.tight .dov { padding: .8em .6em; gap: .4em; }
.dstage.tight .dmodes button { padding: .45em .7em; }
.dstage.compact .dov h2 { font-size: 1.5em; }
.dstage.compact .dbtn { padding: .4em 1em; }
.dstage.compact .dnote { display: none; }
@media (prefers-reduced-motion: reduce) { .dbtn:active { transform: none; } }