.rumble-entry{max-width:1320px;margin:1rem auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.25rem;background:linear-gradient(110deg,#312134,#1b2730);border-left:5px solid #f72585;color:#f4ecd8;border-radius:6px}.rumble-entry div{flex:1}.rumble-entry small{color:#42d9d0;font-weight:800;letter-spacing:.1em}.rumble-entry h2{margin:.15rem 0;font:2rem Bangers,Impact,sans-serif}.rumble-entry p{margin:0}.rumble-shell{max-width:1440px;margin:auto;padding:1.1rem 2rem;color:#f4ecd8}.rumble-topline{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.rumble-topline h1{font:clamp(2rem,4vw,3.4rem) Bangers,Impact,sans-serif;margin:0;letter-spacing:.025em}.rumble-topline p{margin:0;color:#ad9faf}.rumble-topline .game-tools{margin-left:auto;display:flex;gap:.7rem;align-items:center;font-size:.875rem}.rumble-topline select{background:#231c2d;color:#f4ecd8;padding:.4rem;border:1px solid #66546c;border-radius:4px}.rumble-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.2rem}.rumble-stage{height:clamp(440px,70vh,760px);position:relative;overflow:hidden;border:1px solid #66546c;border-radius:12px;background:#21162c;outline:none}.rumble-stage:focus-visible{outline:3px solid #42d9d0;outline-offset:3px}.rumble-canvas,.rumble-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.rumble-start{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:safe center;align-items:flex-start;padding:3rem;overflow-y:auto;background:linear-gradient(90deg,rgba(16,12,23,.94),rgba(16,12,23,.5) 46%,transparent 80%);pointer-events:none}.rumble-start>*{pointer-events:auto}.rumble-start h2{font:clamp(3rem,6vw,6rem) Bangers,Impact,sans-serif;max-width:480px;line-height:.97;margin:.4rem 0 1.2rem;color:#f4ecd8;transform:rotate(-2deg);text-shadow:3px 4px #c32669}.rumble-start p{max-width:340px;font-size:1.1rem;margin:.2rem 0 1.2rem}.rumble-start .button{font-size:1.2rem;padding:1rem 1.4rem}.rumble-start .text-button{margin:1rem 0;color:#42d9d0}.rumble-start .kicker{color:#42d9d0;letter-spacing:.13em}.rumble-hud{position:absolute;inset:0;pointer-events:none;padding:1rem;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;gap:.6rem}.rumble-hud>div{align-self:start}.hud-health{max-width:200px;padding:.7rem;background:#16121dd9;border-radius:7px}.hud-health b{font-size:.875rem}.hud-health progress{display:block;width:100%;height:10px;accent-color:#42d9d0;margin:.4rem 0}.hud-score{text-align:center;padding:.45rem 1.2rem;background:#17131ded;border:1px solid #584568;border-radius:7px}.hud-score strong{font:2.5rem Bangers,Impact,sans-serif;color:#f4b942;display:block;line-height:1}.hud-score small{font-size:.75rem;letter-spacing:.12em}.hud-clock{justify-self:end;text-align:right;text-shadow:0 2px 4px #000}.hud-clock small{display:block}.hud-clock #practice-badge{margin-top:.35rem;padding:.15em .45em;border:1px solid #42d9d0;border-radius:3px;color:#42d9d0;font-weight:800;letter-spacing:.05em}.hud-clock b{font:2rem Bangers,Impact,sans-serif;display:block}.run-chain{grid-column:1/-1;align-self:start;justify-self:center;font:1.5rem Bangers,Impact,sans-serif;color:#42d9d0;text-shadow:1px 2px 2px #17131d}.run-chain[data-hot=true]{font-size:2rem;color:#f4b942}.run-cue{grid-column:1/-1;align-self:end;justify-self:center;background:#17131de6;padding:.5rem .9rem;font-size:.9rem;border-radius:5px;margin:0;text-align:center;max-width:90%}.rumble-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.7rem 0;gap:.7rem;touch-action:none;user-select:none}.rumble-controls .direction-pad{display:grid;grid-template-columns:repeat(3,48px);gap:4px}.rumble-controls button[data-input]{border:1px solid #726079;border-radius:6px;background:#332838;color:#f4ecd8;touch-action:none;user-select:none;font-weight:800;min-height:48px}.rumble-controls .direction-pad button{padding:.3rem}.rumble-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5}.rumble-controls .direction-pad span{min-width:0;overflow-wrap:anywhere;align-self:center;text-align:center;font-size:.75rem}.rumble-actions{display:flex;gap:6px}.rumble-actions button{min-width:90px;padding:.5rem .7rem}.rumble-actions button:first-child{background:#d82372}.rumble-actions b,.rumble-actions small{display:block}.rumble-actions small{font-weight:500;font-size:.75rem}.rumble-controls .pressed{background:#42d9d0!important;color:#17131d!important;transform:translateY(2px)}.rumble-controls .text-button{font-size:.875rem;min-height:44px}.rumble-side{display:flex;flex-direction:column;gap:1rem}.rumble-side section{border-bottom:1px solid #48394f;padding:0 0 1rem}.rumble-side h2{font:1.6rem Bangers,Impact,sans-serif;margin:0 0 .5rem}.rumble-side h3{font-size:1rem;margin:.3rem 0}.rumble-side p,.rumble-side span{font-size:.9rem;color:#bdb0c7;margin:.4rem 0}.rumble-records{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.rumble-records strong{font:2.1rem Bangers,Impact,sans-serif;display:block;color:#f4b942}.rumble-records span{display:block}.rumble-side ol{padding:0;list-style:none}.rumble-side li{padding:.55rem 0;border-top:1px solid #362b3e}.rumble-side li b,.rumble-side li span{display:block}.rumble-side label{font-size:.875rem}.rumble-side select{width:100%;padding:.6rem;background:#231c2d;color:#f4ecd8;border:1px solid #66546c;border-radius:4px}.rumble-side a{color:#42d9d0}.rumble-reward b,.rumble-reward strong,.rumble-reward a,.rumble-reward span{display:block}.rumble-guide dl{display:grid;gap:.6rem;margin:.6rem 0}.rumble-guide dt{font-weight:800;color:#f4ecd8;font-size:.9rem}.rumble-guide dd{margin:0;font-size:.875rem;color:#bdb0c7}.rumble-guide kbd{font:800 .75rem Barlow,sans-serif;border:1px solid #66546c;padding:.1rem .25rem;border-radius:3px}.perk-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#17131de8;z-index:5;padding:2rem;text-align:center}.perk-panel h2{font:2.6rem Bangers,Impact,sans-serif;color:#f4b942;margin:.3rem}.perk-panel p{color:#bdb0c7}.perk-options{display:flex;gap:1rem;max-width:650px}.perk-options button{background:#2c2036;border:2px solid #42d9d0;border-radius:10px;color:#f4ecd8;text-align:left;padding:1.2rem;flex:1}.perk-options button:first-child{border-color:#f72585}.perk-options strong{font:1.8rem Bangers,Impact,sans-serif;display:block}.perk-options span{display:block;font-size:1rem;margin-top:.5rem}.rumble-result{margin:1rem 0;padding:1.5rem 2rem;border:1px solid #f4b942;border-radius:12px;background:linear-gradient(115deg,#2e2136,#1a2329)}.rumble-result h2{font:5rem Bangers,Impact,sans-serif;margin:.25rem;color:#f4b942}.rumble-result h2 small{font:800 1rem Barlow,sans-serif;margin-left:.6rem}.rumble-result dl{display:flex;flex-wrap:wrap;gap:1.5rem}.rumble-result dt{font-size:.875rem;color:#bdb0c7}.rumble-result dd{font-size:1.4rem;font-weight:800;margin:0}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.rumble-notice{padding:1rem;background:#2c2135;border:1px solid #f4b942;border-radius:8px;margin:.6rem 0}.rumble-error{color:#ff7a9e;margin:.5rem 0}.rumble-error:empty{display:none}.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.card-fields dt{font-size:.8rem;color:#bdb0c7}.card-fields dd{margin:0;font-weight:700}.rumble-label-layer{position:absolute;inset:0;pointer-events:none}.rumble-float{position:absolute;font:800 1rem Barlow,sans-serif;color:#f4b942;text-shadow:0 2px 3px #000;white-space:nowrap;transform:translate(-50%,-50%)}.rumble-enemy-label{position:absolute;transform:translate(-50%,-100%);font:800 .75rem Barlow,sans-serif;text-align:center;white-space:nowrap;color:#f4ecd8;text-shadow:0 2px 3px #000}.rumble-enemy-label progress{display:block;width:44px;height:4px;accent-color:#f72585;margin:.15rem auto}.rumble-playing .rumble-side{opacity:.85}.rumble-playing .site-footer{display:none}[hidden]{display:none!important}@media(max-width:1100px){.rumble-main{grid-template-columns:minmax(0,1fr) 230px}.rumble-shell{padding:1rem}.rumble-topline .game-tools{flex-wrap:wrap;justify-content:flex-end;max-width:350px}.rumble-start{padding:2rem}.rumble-actions button{min-width:74px}}@media(max-width:760px){.rumble-main{grid-template-columns:minmax(0,1fr)}.rumble-shell{padding:.6rem}.rumble-stage{height:clamp(330px,57vh,530px)}.rumble-topline{flex-wrap:wrap;gap:.4rem}.rumble-topline h1{font-size:2rem}.rumble-topline p{font-size:.75rem}.rumble-topline .game-tools{width:100%;max-width:none;margin:0;justify-content:flex-start;font-size:.75rem}.rumble-start{padding:1.2rem;justify-content:flex-start;background:linear-gradient(90deg,#17131dd9,#17131d66)}.rumble-start h2{font-size:clamp(2rem,10vw,3.2rem);line-height:1.05;max-width:100%;margin:.3rem 0 .6rem}.rumble-start p{font-size:.95rem;max-width:100%;margin:.2rem 0 .6rem}.rumble-start .kicker{font-size:.75rem;line-height:1.4;letter-spacing:.08em}.rumble-start .text-button{margin:.6rem 0}.rumble-start>*{flex-shrink:0;max-width:100%;overflow-wrap:anywhere}.rumble-start .button{font-size:1rem;padding:.8rem 1rem}.rumble-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rumble-side .rumble-guide{grid-column:1/-1}.rumble-side section{padding:.5rem}.rumble-hud{padding:.5rem;gap:.2rem}.hud-health{padding:.45rem;max-width:120px}.hud-score{padding:.4rem .6rem}.hud-score strong{font-size:2rem}.hud-clock b{font-size:1.7rem}.run-cue{font-size:.8rem;padding:.35rem .5rem}.rumble-controls{position:sticky;bottom:0;background:#17131df5;z-index:4;padding:.4rem .2rem calc(.4rem + env(safe-area-inset-bottom));gap:4px}.rumble-controls .direction-pad{grid-template-columns:repeat(3,44px);gap:4px}.rumble-controls .direction-pad button{min-width:44px;min-height:44px}.rumble-controls svg{width:20px;height:20px}.rumble-actions{gap:4px}.rumble-actions button{min-width:58px;padding:.4rem}.rumble-actions b{font-size:.8rem}.rumble-actions small{font-size:.75rem}.rumble-controls .text-button{font-size:.75rem;padding:.2rem}.rumble-entry{margin:.6rem;padding:.8rem;gap:.6rem;flex-wrap:wrap}.rumble-entry h2{font-size:1.7rem}.rumble-entry p{font-size:.875rem}.rumble-entry .text-button{display:none}.perk-panel{padding:1rem}.perk-panel h2{font-size:2rem}.perk-options{gap:.6rem}.perk-options button{padding:.9rem}.perk-options strong{font-size:1.5rem}.perk-options span{font-size:.875rem}.rumble-result{padding:1rem}.rumble-result h2{font-size:4rem}.rumble-playing .rumble-side{display:none}}@media(max-height:500px)and (orientation:landscape){.rumble-shell{padding:.3rem .6rem}.rumble-topline{display:none}.rumble-main{display:block}.rumble-stage{height:calc(100dvh - 140px);min-height:220px}.rumble-side{display:none}.rumble-controls{padding:.2rem;position:static}.rumble-controls .direction-pad{grid-template-columns:repeat(3,44px);gap:4px}.rumble-controls .direction-pad button{min-width:44px;min-height:44px}.rumble-start h2{font-size:2.5rem}.rumble-start p{display:none}.rumble-start{padding:1rem}.rumble-start .text-button{margin:.4rem 0}.site-header{min-height:52px}.rumble-hud,.hud-health{padding:.3rem}.run-chain{font-size:1rem}.perk-options span{font-size:.8rem}}.rumble-main>div{min-width:0}.rumble-home-record{color:#42d9d0;font-weight:700}@media(max-width:760px){.rumble-controls{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(0,1fr);gap:6px;position:static}.rumble-controls .direction-pad{grid-column:1;grid-row:1/3;grid-template-columns:repeat(3,44px);gap:4px}.rumble-controls .direction-pad button{min-width:44px;min-height:44px}.rumble-actions{grid-column:2/4;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4rem),1fr))}.rumble-actions button{min-width:0;min-height:52px;padding:.35rem .2rem}.rumble-controls #pause-run{grid-column:2}.rumble-controls #leave-run{grid-column:3}.rumble-controls .text-button{width:100%;min-width:0;min-height:44px;font-size:.875rem;padding:.25rem}.rumble-playing{overflow:hidden}.rumble-playing .rumble-shell{position:fixed;inset:0;z-index:80;padding:max(.4rem,env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) .4rem max(.4rem,env(safe-area-inset-left));background:#151218;display:flex;flex-direction:column;height:100dvh}.rumble-playing .rumble-topline{display:none}.rumble-playing .rumble-main{display:block;min-height:0;flex:1}.rumble-playing .rumble-main>div:first-child{height:100%;display:flex;flex-direction:column;min-height:0}.rumble-playing .rumble-stage{flex:1;min-height:0;height:auto;width:100%}.rumble-playing .rumble-controls{flex:none;padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom))}.rumble-playing #result-panel,.rumble-playing #save-state,.rumble-playing #retry-save,.rumble-playing .rumble-side{display:none}.rumble-hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hud-clock small{display:block}.hud-health{min-width:0}.run-cue{font-size:.875rem}}@media(max-height:500px)and (orientation:landscape){.rumble-playing{overflow:hidden}.rumble-playing .rumble-shell{position:fixed;inset:0;z-index:80;height:100dvh;padding:max(.4rem,env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left));background:#151218;display:flex;flex-direction:column}.rumble-playing .rumble-main{flex:1;display:block;min-height:0}.rumble-playing .rumble-main>div:first-child{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:.5rem;min-height:0}.rumble-playing .rumble-stage{height:100%;width:100%;min-height:0}.rumble-playing .rumble-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:safe center;position:static;padding:0;min-width:0;min-height:0;overflow-y:auto;touch-action:pan-y}.rumble-playing .direction-pad{grid-column:1/-1;grid-row:auto;justify-content:center;grid-template-columns:repeat(3,44px);gap:4px}.rumble-playing .direction-pad button{min-width:44px;min-height:44px}.rumble-playing .rumble-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4rem),1fr));min-width:0}.rumble-playing .rumble-actions button{min-width:0;min-height:52px;padding:.4rem .2rem}.rumble-playing #pause-run{grid-column:1}.rumble-playing #leave-run{grid-column:2}.rumble-playing .rumble-controls .text-button{min-width:0;font-size:.875rem;min-height:44px;padding:.2rem}.rumble-playing .rumble-topline,.rumble-playing .rumble-side{display:none}.rumble-playing .hud-health{max-width:130px}.rumble-playing .run-cue{font-size:.875rem}}body[data-page=rumble] .site-header .brand{color:#f4ecd8}body[data-page=rumble] .site-header .brand small{color:#73e1d7}body[data-page=rumble] .site-header .site-nav a{color:#ded2df}body[data-page=rumble] .site-header .site-nav a[aria-current=page]{color:#73e1d7;border-bottom-color:#73e1d7}body[data-page=rumble] .site-header .site-nav.is-open{background:#211b27;border-color:#8b7794}body[data-page=rumble] .site-header .site-nav.is-open a[aria-current=page]{background:#263538}body[data-page=rumble] .site-header .wallet-menu summary{color:#f4ecd8}body[data-page=rumble] .site-header .wallet-menu>div{background:#211b27;color:#ded2df}body[data-page=rumble] #sound{color:#73e1d7}body[data-page=rumble] .rumble-start .button.gold{color:#151218}.rumble-entry a.text-button{color:#73e1d7;text-decoration:underline;text-underline-offset:3px}body[data-page=rumble] .origin-continuity{margin:16px auto;padding:16px 20px;width:calc(100% - 32px);max-width:1120px;box-sizing:border-box;background:#24202b;color:#f4ecd8;border:1px solid #8b7794;border-left:4px solid #42d9d0;font-size:1rem;line-height:1.6}body[data-page=rumble] .origin-continuity h2{font:700 1.1rem Barlow,sans-serif;margin:0 0 6px;color:#f4ecd8}body[data-page=rumble] .origin-continuity p{margin:6px 0;color:#ded2df}body[data-page=rumble] .origin-continuity a{color:#73e1d7;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:44px;padding:8px 0;box-sizing:border-box}body[data-page=rumble] .origin-continuity a+a{margin-left:20px}body[data-page=rumble] .origin-continuity a:focus-visible{outline:3px solid #ffcd45;outline-offset:3px}.rumble-invitation{display:none;margin:1rem 0 0;padding:1rem 1.2rem;border-top:1px solid #65566d;background:#211b27;color:#f4ecd8}.rumble-result:not([hidden])+.rumble-invitation{display:block}.rumble-invitation h3{margin:0 0 .5rem;font:700 1.2rem Barlow,sans-serif;color:#f4ecd8}.rumble-invitation p{margin:.5rem 0;line-height:1.6;color:#ded2df}.rumble-invitation nav{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.rumble-invitation a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 0;box-sizing:border-box;color:#73e1d7;text-decoration:underline;text-underline-offset:3px}.rumble-invitation a:focus-visible{outline:3px solid #ffcd45;outline-offset:3px}
