.double-dice-board{color:var(--text);flex-direction:column;gap:12px;padding-block:0;display:flex}.double-dice-stage{--dice-accent:var(--primary);isolation:isolate;border-radius:var(--radius);background:radial-gradient(#17203744,#0000 75%);border:0;justify-items:center;gap:12px;min-height:0;padding:4px 0;transition:border-color .25s,background-color .25s;display:grid;position:relative;overflow:hidden}.double-dice-roll-heading{gap:var(--space-2);text-align:center;order:2;display:grid}.double-dice-roll-heading>strong{color:var(--primary);font:700 22px/1 var(--font-display)}.double-dice-arena{perspective:700px;background:repeating-linear-gradient(115deg,#ffffff02 0 1px,#0000 1px 4px),radial-gradient(at 50% 40%,#28523a,#103225 75%);border:1px solid #7ca87566;border-radius:22px;order:1;place-items:center;width:min(100%,440px);min-height:240px;display:grid;position:relative;box-shadow:inset 0 0 0 10px #090f23,inset 0 0 0 11px #7ca87544,0 0 32px #8ed9740b}.double-dice-webgl{z-index:3;pointer-events:none;position:absolute;inset:-20px 0}.double-dice-webgl canvas{width:100%;height:100%;display:block}.double-dice-roll-total{z-index:4;color:var(--text);font:700 18px/1 var(--font-display);font-variant-numeric:tabular-nums;pointer-events:none;background:#090f23e8;border:1px solid #caff4433;border-radius:10px;align-items:center;gap:10px;padding:6px 16px;display:flex;position:absolute;bottom:14px}.double-dice-roll-total strong{color:var(--dice-accent);font-size:30px}.double-dice-arena.is-threejs .double-dice-pair{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.double-dice-arena.is-threejs .double-dice-table-shadow{display:none}.double-dice-pair{z-index:2;align-items:center;gap:clamp(20px,5vw,40px);display:flex;position:relative}.double-dice-die{--dice-rest:-8deg;--dice-turn:1;border:2px solid var(--dice-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--dice-accent)8%,var(--surface-raised)),var(--surface-raised)70%);width:clamp(82px,14vw,110px);height:clamp(82px,14vw,110px);box-shadow:5px 7px 0 color-mix(in srgb,var(--dice-accent)22%,transparent),inset 0 1px 0 color-mix(in srgb,var(--dice-accent)24%,transparent);transform:rotate(var(--dice-rest));transform-origin:50% 65%;border-radius:18px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;display:grid;position:relative}.double-dice-die+.double-dice-die{--dice-rest:9deg;--dice-turn:-1}.double-dice-pip{visibility:hidden;aspect-ratio:1;background:var(--dice-accent);border-radius:50%;align-self:center;box-shadow:inset 0 1px 2px #0003}.double-dice-pip.is-visible{visibility:visible}.double-dice-die-placeholder{color:var(--text-secondary);font:700 38px/1 var(--font-display);place-items:center;display:grid;position:absolute;inset:0}.double-dice-table-shadow{z-index:0;background:color-mix(in srgb,var(--dice-accent)18%,transparent);filter:blur(10px);border-radius:50%;width:76%;height:24px;position:absolute;bottom:-8px}.double-dice-result-ring{z-index:1;border:2px solid var(--dice-accent);opacity:0;pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute}.double-dice-stage.is-pending .double-dice-die{animation:.9s ease-in-out infinite double-dice-wait-tumble}.double-dice-stage.is-pending .double-dice-die+.double-dice-die{animation-delay:-450ms}.double-dice-stage.is-pending .double-dice-table-shadow{animation:.9s ease-in-out infinite double-dice-shadow}.double-dice-stage.is-revealing .double-dice-die{animation:1.65s both double-dice-land}.double-dice-stage.is-revealing .double-dice-die+.double-dice-die{animation-name:double-dice-land-second}.double-dice-stage.is-revealing .double-dice-result-ring{animation:1.65s ease-out both double-dice-ring}.double-dice-stage.is-revealing .double-dice-table-shadow{animation:1.65s both double-dice-land-shadow}.double-dice-stage.is-won{--dice-accent:var(--primary)}.double-dice-stage.is-lost{--dice-accent:#ff6d7b;border-color:color-mix(in srgb,#ff6d7b 55%,var(--border))}.double-dice-stage.is-won .double-dice-roll-caption,.double-dice-stage.is-lost .double-dice-roll-caption{color:var(--dice-accent)}.double-dice-stage.is-revealing .double-dice-roll-heading>strong{color:var(--dice-accent);animation:1.65s both double-dice-result-pop}.double-dice-roll-caption{max-width:360px;color:var(--text-secondary);text-align:center;order:3;margin:0;font-size:12px;line-height:1.5}.double-dice-selections{border:0;min-width:0;margin:0;padding:0}.double-dice-selections legend{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:12px;font-weight:700;display:flex}.double-dice-selections legend>span{color:var(--text-secondary);font-size:11px;font-weight:400}.double-dice-total-grid{scrollbar-width:thin;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;padding:3px;display:grid}.double-dice-total{place-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:46px;color:var(--text-secondary);cursor:pointer;background:linear-gradient(150deg,#1b2140,#11162e);padding:8px 2px;display:grid;box-shadow:inset 0 2px 1px #ffffff09,0 3px #060918}.double-dice-total strong{font-size:20px;line-height:1.2}.double-dice-total span{display:none}.double-dice-total.is-selected{color:#111b03;background:linear-gradient(145deg,#d8ff31,#b7db00);border-color:#dcff55;box-shadow:inset 0 2px 1px #fff5,0 3px #5d7200,0 0 12px #ccff0014}.double-dice-total.is-hit{color:#111b03;background:#d8ff31;border-color:#f0ffb3;box-shadow:0 0 22px #cf06}.double-dice-total.is-miss{color:#ff6d7b;background:color-mix(in srgb,#ff6d7b 15%,var(--surface-raised));border-color:#ff6d7b}.double-dice-total:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (hover:hover) and (pointer:fine){.double-dice-total:hover:enabled{border-color:var(--primary);transform:translateY(-2px)}}.double-dice-total{transition:transform .16s,box-shadow .16s}.double-dice-total:disabled{cursor:default}.double-dice-selections:disabled{opacity:1}.double-dice-odds{justify-content:space-between;gap:var(--space-4);border-radius:var(--radius);background:0 0;border:0;flex-wrap:wrap;padding:0 3px;display:flex}.double-dice-odds>div{gap:var(--space-1);display:grid}.double-dice-odds span{color:var(--text-secondary);font-size:10px}.double-dice-odds strong{font-size:16px}.double-dice-odds small{color:var(--text-secondary);font-size:12px;font-weight:400}.double-dice-roll-button{width:100%;min-height:48px}@keyframes double-dice-wait-tumble{0%,to{transform:translateY(0)rotate(var(--dice-rest))rotateX(0deg)}28%{transform:translateY(-24px)rotate(calc(var(--dice-turn)*20deg))rotateX(20deg)}62%{transform:translateY(-10px)rotate(calc(var(--dice-turn)*-24deg))rotateX(-18deg)}82%{transform:translateY(2px)rotate(calc(var(--dice-turn)*8deg))scaleY(.95)}}@keyframes double-dice-shadow{0%,to{opacity:.8;transform:scaleX(1)}28%{opacity:.4;transform:scaleX(.74)}82%{opacity:.9;transform:scaleX(1.06)}}@keyframes double-dice-land{0%{transform:translate(-14px,-26px)rotate(-148deg)rotateX(28deg)scale(.86)}23%{transform:translate(9px,-40px)rotate(48deg)rotateX(-24deg)scale(.96)}44%{transform:translate(-5px,-16px)rotate(-22deg)rotateX(16deg)}63%{transform:translateY(5px)rotate(-4deg)scale(1.06,.92)}77%{transform:translateY(-8px)rotate(-12deg)scale(.98,1.02)}90%,to{transform:translateY(0)rotate(-8deg)scale(1)}}@keyframes double-dice-land-second{0%{transform:translate(16px,-34px)rotate(164deg)rotateX(-28deg)scale(.86)}23%{transform:translate(-8px,-22px)rotate(-54deg)rotateX(24deg)scale(.96)}44%{transform:translate(6px,-34px)rotate(28deg)rotateX(-16deg)}67%{transform:translateY(5px)rotate(5deg)scale(1.06,.92)}80%{transform:translateY(-6px)rotate(14deg)scale(.98,1.02)}94%,to{transform:translateY(0)rotate(9deg)scale(1)}}@keyframes double-dice-ring{0%,78%{opacity:0;transform:scale(.45)}86%{opacity:.65;transform:scale(1.1)}to{opacity:0;transform:scale(2.5)}}@keyframes double-dice-land-shadow{0%,23%{opacity:.25;transform:scaleX(.7)}63%,67%{opacity:.9;transform:scaleX(1.12)}to{opacity:.7;transform:scaleX(1)}}@keyframes double-dice-result-pop{0%,78%{transform:scale(1)}86%{transform:scale(1.08)}to{transform:scale(1)}}.double-dice-stage.is-reduced-motion{transition:none}.double-dice-stage.is-reduced-motion .double-dice-die,.double-dice-stage.is-reduced-motion .double-dice-result-ring,.double-dice-stage.is-reduced-motion .double-dice-table-shadow,.double-dice-stage.is-reduced-motion .double-dice-roll-heading>strong{animation:none}@media (prefers-reduced-motion:reduce){.double-dice-stage{transition:none}.double-dice-stage .double-dice-die,.double-dice-stage .double-dice-result-ring,.double-dice-stage .double-dice-table-shadow,.double-dice-stage .double-dice-roll-heading>strong{animation:none}}@media (max-width:640px){.double-dice-arena{min-height:200px}.double-dice-webgl{inset:0}.double-dice-stage{padding:var(--space-4);min-height:268px}.double-dice-total{min-height:56px}.double-dice-roll-caption{font-size:12px}}@media (prefers-reduced-motion:reduce){.double-dice-total{transition:none;transform:none!important}}.double-dice-arena.is-charging{animation:.16s linear infinite dice-charge-shake}@keyframes dice-charge-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1px,1px)rotate(-.2deg)}50%{transform:translate(1px,-1px)rotate(.2deg)}75%{transform:translate(1px,1px)rotate(-.15deg)}}
.ladder-stage{border-radius:var(--radius);background:0 0;border:0;overflow:hidden}.ladder-stage-heading{align-items:center;gap:var(--space-3);padding:16px 4px;display:none}.ladder-stage-heading .ladder-heading-logo{color:var(--primary);flex-shrink:0;margin:0}.ladder-stage-heading strong{font-family:var(--font-display);color:var(--primary);font-size:13px;display:block}.ladder-stage-heading span{color:var(--text-secondary);margin-top:var(--space-1);font-size:13px;display:block}.ladder-board{gap:var(--space-2);height:340px;padding:8px 4px 16px;display:grid;overflow-y:auto}.ladder-tower{position:relative}.ladder-row{align-items:center;gap:var(--space-3);border-radius:var(--radius);background:0 0;border:0;grid-template-columns:54px minmax(0,1fr);min-height:78px;padding:0;transition:border-color .3s,background .3s,opacity .3s;display:grid;position:relative}.ladder-row.is-current{background:linear-gradient(90deg,#ccff0008,#080c20 35%);border-color:#cf06;animation:.45s ease-out both ladder-row-arrive}.ladder-row.is-complete{background:color-mix(in srgb,var(--success)3%,var(--surface-raised))}.ladder-row.is-complete .ladder-row-label strong{color:var(--success)}.ladder-row-label{align-items:center;gap:var(--space-2);display:flex}.ladder-row-label span{display:none}.ladder-row-label strong{color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:15px}.ladder-tiles{perspective:650px;border:1px solid var(--border);background:#080c20;border-radius:12px;justify-content:center;gap:7px;padding:12px;display:flex}.ladder-tile{perspective:650px;transform-style:preserve-3d;border:1px solid var(--border-raised);color:var(--text-secondary);aspect-ratio:1;width:64px;min-width:0;height:auto;font-family:var(--font-display);cursor:pointer;background:linear-gradient(150deg,#1b2140,#11162e);border-radius:9px;flex:0 64px;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:inset 0 2px 1px #ffffff09,0 3px #060918}.ladder-tile:enabled:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 5px 16px color-mix(in srgb,var(--primary)18%,transparent);background:#253520;transform:translateY(-3px)}.ladder-tile:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ladder-tile:disabled{cursor:default}.ladder-tile.is-danger{background:color-mix(in srgb,var(--danger)20%,var(--surface));border-color:var(--danger);color:var(--danger)}.ladder-tile.is-safe{background:var(--primary);color:#122005;border-color:#e3ff76;box-shadow:inset 0 2px 1px #ffffff50,0 3px #607800,0 0 18px #cf03}.ladder-tile.is-pending{border-color:var(--value-gold);color:var(--value-gold);animation:1.4s ease-in-out infinite ladder-pending-breathe}.ladder-tile-turn{transform-style:preserve-3d;border-radius:inherit;position:absolute;inset:0}.ladder-tile-face{border-radius:inherit;backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ladder-tile-front{background:linear-gradient(150deg,#1b2140,#11162e);transform:translateZ(.5px)}.ladder-tile-back{background:inherit;transform:rotateY(180deg)translateZ(.5px)}.ladder-tile.is-resolved .ladder-tile-turn{transform:rotateY(180deg)}.ladder-tile.is-danger .ladder-tile-back{background:color-mix(in srgb,var(--danger)18%,#11192b)}.ladder-tile.is-safe .ladder-tile-back{background:linear-gradient(145deg,#d9ff39,#b5db00)}.ladder-result-icon{width:25px;height:32px}.ladder-death-icon{filter:drop-shadow(0 0 6px);height:25px}.ladder-pending-orbit{border:2px solid color-mix(in srgb,var(--value-gold)22%,transparent);border-top-color:var(--value-gold);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ladder-pending-orbit}.ladder-tile.is-flipping .ladder-tile-turn{will-change:transform;animation:.65s cubic-bezier(.22,.7,.2,1) both ladder-tile-flip}.ladder-tile.is-flipping.is-danger .ladder-tile-turn{animation-name:ladder-tile-flip}.ladder-tile.is-flipping .ladder-death-icon{animation:.65s ease-out both ladder-skull-reveal}.ladder-tile.is-reveal-picked{z-index:2}.ladder-tile.is-reveal-picked.is-safe.is-rewarding{animation:.7s ease-out both ladder-safe-pop}.ladder-tile.is-reveal-picked.is-danger{animation:1.4s ease-out both ladder-danger-hit}.ladder-row.is-reveal-row{z-index:1}.ladder-row.is-reveal-success{animation:1.4s ease-out both ladder-row-clear}.ladder-row.is-reveal-loss{animation:1.4s ease-out both ladder-row-hit}.ladder-win-burst{border:2px solid var(--success);opacity:0;pointer-events:none;border-radius:10px;animation:.7s ease-out both ladder-win-ring;position:absolute;inset:-7px}.ladder-win-burst i{background:var(--success);width:4px;height:9px;box-shadow:0 0 10px var(--success);transform:rotate(var(--spark-angle))translateY(-31px);border-radius:3px;position:absolute;top:50%;left:50%}.ladder-win-burst i:first-child{--spark-angle:0deg}.ladder-win-burst i:nth-child(2){--spark-angle:60deg}.ladder-win-burst i:nth-child(3){--spark-angle:120deg}.ladder-win-burst i:nth-child(4){--spark-angle:180deg}.ladder-win-burst i:nth-child(5){--spark-angle:240deg}.ladder-win-burst i:nth-child(6){--spark-angle:300deg}.ladder-reveal-status{min-height:35px;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;border-top:1px solid var(--border);justify-content:center;align-items:center;font-size:11px;display:flex}.ladder-reveal-status.is-visible{color:var(--success);background:color-mix(in srgb,var(--success)7%,transparent);font-size:13px;animation:.35s ease-out both ladder-status-pop}.ladder-reveal-status.is-loss{color:var(--danger);background:color-mix(in srgb,var(--danger)7%,transparent)}.ladder-risk{text-align:right;color:var(--text-muted);font-size:11px}.ladder-stage-note{padding:var(--space-3)var(--space-6);color:var(--text-muted);border-top:1px solid var(--border);margin:0;font-size:12px}.ladder-instructions{color:var(--text-secondary);font-size:14px;line-height:1.55}.ladder-instructions ol{gap:var(--space-3);color:var(--text);padding-left:24px;display:grid}@media (max-width:640px){.ladder-tiles{gap:4px}.ladder-stage-heading{padding:var(--space-4)}.ladder-board{padding:var(--space-2);max-height:390px}.ladder-row{padding:var(--space-2);grid-template-columns:48px minmax(0,1fr);gap:6px}.ladder-row-label{flex-direction:column;align-items:flex-start;gap:2px}.ladder-row-label strong{font-size:12px}.ladder-tile{width:36px;min-width:26px;height:38px}.ladder-risk{display:none}.ladder-stage-note{padding:var(--space-3)}}@keyframes ladder-row-arrive{0%{opacity:.65;box-shadow:0 0 0 2px #0000}to{opacity:1;box-shadow:0 0 18px color-mix(in srgb,var(--primary)10%,transparent)}}@keyframes ladder-pending-breathe{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--value-gold)18%,transparent),0 0 20px color-mix(in srgb,var(--value-gold)12%,transparent)}}@keyframes ladder-pending-orbit{to{transform:rotate(360deg)}}@keyframes ladder-tile-flip{0%,10%{transform:rotateY(0)}65%,to{transform:rotateY(180deg)}}@keyframes ladder-death-flip{0%,12%{transform:rotateY(0)}55%{transform:rotateY(202deg)}75%{transform:rotateY(174deg)}to{transform:rotateY(180deg)}}@keyframes ladder-skull-reveal{0%{opacity:.4;filter:drop-shadow(0 0 #0000);transform:scale(.55)}30%{opacity:1;filter:drop-shadow(0 0 10px #ff7563);transform:scale(1.3)}to{opacity:1;filter:drop-shadow(0 0 5px);transform:scale(1)}}@keyframes ladder-safe-pop{0%{transform:translateY(0)scale(1)}25%{transform:translateY(-9px)scale(1.15)}55%{box-shadow:0 0 24px color-mix(in srgb,var(--success)60%,transparent);transform:translateY(-5px)scale(1.2)}80%{transform:translateY(0)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes ladder-danger-hit{0%{transform:scale(1)}25%{transform:translateY(-7px)scale(1.12)}55%{box-shadow:0 0 28px color-mix(in srgb,var(--danger)65%,transparent);transform:translate(-8px)rotate(-5deg)scale(1.08)}62%{transform:translate(8px)rotate(5deg)}69%{transform:translate(-6px)rotate(-3deg)}76%{transform:translate(4px)rotate(2deg)}90%,to{transform:translate(0)scale(1)}}@keyframes ladder-row-clear{0%{border-color:var(--primary)}60%{border-color:var(--success);box-shadow:inset 0 0 28px color-mix(in srgb,var(--success)13%,transparent),0 0 18px color-mix(in srgb,var(--success)18%,transparent)}to{border-color:var(--success)}}@keyframes ladder-row-hit{55%{border-color:var(--danger);background:color-mix(in srgb,var(--danger)14%,var(--surface))}90%,to{border-color:var(--danger)}}@keyframes ladder-win-ring{0%{opacity:0;transform:scale(.65)}20%{opacity:.9}to{opacity:0;transform:scale(1.7)}}@keyframes ladder-status-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ladder-stage{position:relative}.ladder-stage.is-revealing.is-rewarding:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(at 50% 65%,#bfff451c,#0000 75%);animation:.5s both ladder-impact-flash;position:absolute;inset:0}.ladder-stage.is-reveal-loss:after{background:radial-gradient(at 50% 65%,#ff473b40,#0000 75%)}@keyframes ladder-impact-flash{0%,to{opacity:0}12%{opacity:1}40%{opacity:.35}}.ladder-stage.is-reduced-motion,.ladder-stage.is-reduced-motion:after{animation:none!important}.ladder-stage.is-reduced-motion *,.ladder-stage.is-reduced-motion :before,.ladder-stage.is-reduced-motion :after{transition:none!important;animation:none!important}.ladder-stage.is-reduced-motion .ladder-tile.is-resolved .ladder-tile-turn{transform:rotateY(180deg)}.ladder-stage.is-reduced-motion .ladder-win-burst{display:none}@media (prefers-reduced-motion:reduce){.ladder-board{scroll-behavior:auto}.ladder-stage:after,.ladder-stage *,.ladder-stage :before,.ladder-stage :after{transition:none!important;animation:none!important}.ladder-stage .ladder-win-burst{display:none}}.ladder-difficulty{border:0;min-width:0;margin:0;padding:0 0 16px}.ladder-difficulty legend{width:100%;color:var(--text-muted);letter-spacing:.1em;margin-bottom:12px;font-size:11px;font-weight:700;display:none}.ladder-difficulty-options{clear:both;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.ladder-difficulty-option{align-items:flex-start;height:auto;min-height:54px;padding:10px}.ladder-difficulty-option>span:first-child{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.ladder-difficulty-option strong{font-size:12px}.ladder-difficulty-risk{flex-wrap:wrap;gap:5px;display:flex}.ladder-difficulty-count{font:700 11px/1.2 var(--font-body);color:var(--primary);background:#ccff0010;border-radius:4px;align-items:center;gap:3px;padding:3px 5px;display:inline-flex}.ladder-difficulty-count svg{flex-shrink:0;width:13px;height:13px}.ladder-difficulty-count.is-danger{color:var(--danger);background:#ff645410}.ladder-difficulty-option.button--ghost[aria-checked=true]{--control-bg:var(--primary);--control-fg:var(--ink);border-color:#0000}.ladder-difficulty-option.is-selected .is-safe{color:currentColor}.ladder-difficulty:disabled .ladder-difficulty-option{cursor:default}.ladder-difficulty>p{color:var(--text-secondary);margin:8px 0 0;font-size:12px;line-height:1.5}.ladder-risk,.ladder-stage-note{display:none}.action-page--lucky-ladder .action-arena{background:0 0;border:0;padding:0}.ladder-stage{border:1px solid var(--border);background:#0c1028;padding:16px}.ladder-difficulty>p{font-size:10px}.ladder-difficulty-lock{color:var(--text-muted);margin-top:6px;font-size:11px;display:block}@media (max-width:480px){.ladder-difficulty{padding:16px 0 0}.ladder-difficulty-options{gap:4px}.ladder-difficulty-option strong{font-size:10px}.ladder-difficulty-option{gap:5px;padding:8px 5px}.ladder-difficulty-count{padding:3px;font-size:10px}.ladder-difficulty-risk{gap:3px}}@media (prefers-reduced-motion:reduce){.ladder-difficulty-option{transition:none;transform:none!important}}
.action-page--push .action-arena{padding:16px 24px}.push-stage{--heat:0;--push-hot:color-mix(in srgb,var(--value-gold,#ffc64b)calc(var(--heat)*100%),var(--primary-bright,#c8f51b));isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,240px) minmax(0,1fr);gap:16px;width:100%;min-height:clamp(320px,100dvh - 260px,440px);display:grid;position:relative}.push-stage.is-lost{--push-hot:var(--danger,#ff4e45)}.push-center{flex-direction:column;grid-area:1/2;align-self:center;align-items:center;gap:8px;min-width:0;padding:16px;display:flex}.push-button{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:clamp(156px,25dvh,210px);margin-bottom:12px;padding:0;position:relative}.push-button:focus-visible{outline:2px solid var(--info);outline-offset:6px}.push-button:disabled{cursor:default}.push-button-base{background:radial-gradient(circle at 50% 32%,#1c2552,#0a0e24 72%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px #ffffff2e,inset 0 0 0 2px #2b3551,inset 0 -8px 12px #0009,0 20px 36px -16px #000000e6}.push-button-cap{--push-travel:9px;color:var(--ink,#080d1d);background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--push-hot)60%,#fff),var(--push-hot)58%,color-mix(in srgb,var(--push-hot)72%,#000));box-shadow:inset 0 3px #ffffff8c,inset 0 -8px 12px #00000042,0 var(--push-travel)0 color-mix(in srgb,var(--push-hot)46%,#000),0 calc(var(--push-travel) + 6px)18px #0009;transform:translateY(calc(var(--push-travel)*-1));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute;inset:13%}.push-button-cap .streak-flame{background:currentColor;width:40%;height:40%}.push-button-cap svg{width:46%;height:46%}.push-button-word{font:800 clamp(10px,1.3vw,13px)/1 var(--font-display);letter-spacing:.08em}.push-button:hover:enabled .push-button-cap{filter:brightness(1.06)}.push-button:active:enabled .push-button-cap{--push-travel:2px}.push-button-cap.is-hit{animation:.32s ease-out both push-press}.push-stage.is-lost .push-button-cap{--push-travel:2px;color:#fff;animation:none}@property --push-travel{syntax:"<length>";inherits:false;initial-value:9px}@keyframes push-press{0%{--push-travel:9px}18%,38%{--push-travel:1px}78%{--push-travel:10px}to{--push-travel:9px}}.push-multiplier{color:var(--text);font:700 clamp(48px,9dvh,88px)/1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.push-stage.is-revealing .push-multiplier{animation:.32s ease-out both push-pop}.push-stage.is-lost .push-multiplier{color:var(--danger);letter-spacing:.04em;text-shadow:0 0 30px #ff4e4580}.push-stage.is-won .push-multiplier{color:var(--primary-bright)}.push-stage.is-lost.is-revealing .push-center{animation:.32s ease-out push-bust}@keyframes push-pop{0%,35%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes push-bust{0%,to{transform:translate(0)}25%{transform:translate(-8px,3px)}65%{transform:translate(7px,-3px)}}.push-climb{border:1px solid var(--border);background:#080e20;border-radius:10px;grid-area:1/3;justify-self:center;width:132px;min-height:0;padding:10px 8px;display:flex;box-shadow:inset 0 3px 8px #00000080,0 1px #ffffff0a}.push-ladder{flex-direction:column-reverse;width:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex}.push-ladder li{min-height:0;color:var(--text-secondary);border-radius:4px;flex:1 1 0;align-items:center;gap:7px;padding:1px 4px;font-size:12px;line-height:15px;display:flex}.push-ladder i{border:1px solid var(--border);border-radius:3px;flex:0 0 27px;width:27px;height:7px;box-shadow:inset 0 1px 3px #0008}.push-ladder em{font-style:normal}.push-ladder li:not(.has-label) em{visibility:hidden}.push-ladder .is-on i{box-shadow:none;background:#799935;border-color:#799935}.push-ladder .is-current{color:var(--push-hot);background:#bae70514}.push-ladder .is-current i{background:var(--push-hot);border-color:var(--push-hot)}.push-stage.is-revealing .push-ladder .is-current i{transform-origin:0;animation:.32s ease-out both push-rung}.push-ladder .is-current em{font-weight:800}.push-ladder .is-next{color:var(--text)}.push-ladder .is-next i{border-color:var(--push-hot)}.push-ladder .is-bust{color:var(--danger)}.push-ladder .is-bust i{background:var(--danger);border-color:var(--danger)}@keyframes push-rung{0%,35%{filter:brightness(.55);transform:scaleX(.12)}to{filter:brightness();transform:scaleX(1)}}@media (max-width:767px){.action-page--push .action-arena{padding:12px}.push-stage{grid-template-columns:minmax(0,1fr) 76px;gap:8px;min-height:340px}.push-center{grid-column:1;padding:4px}.push-button{width:clamp(94px,29vw,145px)}.push-multiplier{font-size:clamp(29px,9vw,62px)}.push-climb{grid-column:2;width:76px;padding:7px 3px}.push-ladder li{gap:4px;padding-inline:2px;font-size:10px}.push-ladder i{flex-basis:14px;width:14px;height:6px}}@media (prefers-reduced-motion:reduce){.push-stage *,.push-stage.is-lost.is-revealing .push-center{transition:none!important;animation:none!important}}
