@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Fredoka:wght@500;600;700&display=swap');
:root{--ink:#070707;--paper:#e7e6e1;--violet:#cbb4ff;--line:#e7e6e147;--font-geist-mono:"SFMono-Regular", "SF Mono", Menlo, "Courier New", monospace;--font-geist-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", Arial, sans-serif}*{box-sizing:border-box}button{font:inherit}.chrome-text{color:#f2eff8}.runz-page{--runz-purple:#b996ff;isolation:isolate;background:#070707;min-height:100svh;position:relative}.runz-page>.network-header,.runz-page>.runz-shell{z-index:2;position:relative}.runz-shell{padding:clamp(2rem,4vw,4rem) 3.5vw clamp(5rem,8vw,8rem)}.runz-page-head{justify-content:space-between;align-items:end;gap:2rem;padding-bottom:clamp(2rem,4vw,4rem);display:flex}.runz-page-head h1{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.105em;margin:.7rem 0 0;font-size:clamp(5.4rem,13vw,13rem);font-weight:900;line-height:.68}.runz-page-head h1 .chrome-text{padding-right:.05em}.runz-version{border:1px solid var(--line);color:#787873;letter-spacing:.1em;gap:.55rem;min-width:min(100%,230px);padding:1rem;font-size:.48rem;display:grid}.runz-version strong{color:var(--runz-purple);font-size:1.1rem}.runz-version small{border-top:1px solid var(--line);padding-top:.6rem;font-size:.46rem}.runz-console{background:#09090aeb;border:1px solid #cbb4ff52;padding:.8rem;box-shadow:0 40px 120px #00000094,0 0 80px #b996ff0f}.runz-console-top{color:#74746f;letter-spacing:.1em;justify-content:space-between;align-items:center;min-height:36px;padding:0 .4rem;font-size:.45rem;display:flex}.runz-hud{background:#0a0a0b;border:1px solid #e7e6e12e;grid-template-columns:repeat(4,minmax(90px,1fr)) minmax(170px,1.35fr);margin-bottom:.75rem;display:grid}.runz-hud>div{border-right:1px solid #e7e6e121;justify-content:space-between;align-items:baseline;gap:.6rem;min-height:58px;padding:.75rem;display:flex}.runz-hud>div:last-child{border-right:0}.runz-hud span{color:#6f6f6a;letter-spacing:.1em;font-size:.42rem}.runz-hud strong{color:#eeeae5;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.05em;font-size:1.18rem}.runz-hud .runz-effect strong{color:var(--runz-purple);letter-spacing:.02em;text-align:right;font-size:.64rem}.runz-canvas-wrap{aspect-ratio:16/9;cursor:pointer;touch-action:manipulation;background:#181622;border:1px solid #e7e6e133;position:relative;overflow:hidden}.runz-canvas-wrap:after{z-index:3;content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#0606071c 4px);position:absolute;inset:0}.runz-canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.runz-toast{z-index:8;color:#eeeae5;letter-spacing:.09em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080809d1;border:1px solid #e7e6e199;padding:.8rem 1.2rem;font-size:.57rem;font-weight:750;animation:.32s cubic-bezier(.16,1,.3,1) both runz-toast-in;position:absolute;top:8%;left:50%;transform:translate(-50%)}@keyframes runz-toast-in{0%{opacity:0;transform:translate(-50%,-16px)scale(.94)}}.runz-overlay{z-index:7;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#08080ae8,#0f0d13c7);align-content:center;place-items:center;gap:1.1rem;padding:clamp(1rem,4vw,4rem);display:grid;position:absolute;inset:0}.runz-overlay>span{color:var(--runz-purple);letter-spacing:.14em;font-size:.5rem}.runz-overlay>h2{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.1em;margin:0;font-size:clamp(4rem,12vw,11rem);font-weight:900;line-height:.72}.runz-overlay>p{color:#a1a09b;letter-spacing:.1em;margin:.3rem 0 .4rem;font-size:.52rem}.runz-character-select{grid-template-columns:repeat(2,minmax(155px,230px));gap:.55rem;width:min(100%,470px);display:grid}.runz-character-select button{color:#d8d6d1;text-align:left;cursor:pointer;background:#0a0a0bb8;border:1px solid #e7e6e140;grid-template-rows:1fr 1fr;grid-template-columns:48px 1fr;align-items:center;column-gap:.75rem;min-height:66px;padding:.6rem;transition:border-color .18s,background .18s,transform .18s;display:grid}.runz-character-select button:hover:not(:disabled){transform:translateY(-3px)}.runz-character-select button.active{border-color:var(--runz-purple);background:#b996ff26}.runz-character-select button.locked{opacity:.42;cursor:not-allowed}.runz-character-select button>span{font-family:var(--font-geist-sans), Arial, sans-serif;align-self:end;font-size:.85rem;font-weight:850}.runz-character-select button>small{color:#777772;letter-spacing:.07em;align-self:start;font-size:.39rem}.runz-avatar{width:48px;height:48px;font:900 .75rem var(--font-geist-sans),Arial,sans-serif;border:1px solid;border-radius:50%;grid-row:1/3;place-items:center;font-style:normal;display:grid}.runz-avatar--akaz{color:#cbb4ff;background:#17151b}.runz-avatar--obi{color:#eeeae5;background:#6f4e8e}.runz-primary,.runz-secondary,.runz-mobile-controls button{border:1px solid var(--paper);background:var(--paper);color:var(--ink);letter-spacing:.08em;cursor:pointer;border-radius:0;font-family:inherit;font-size:.55rem;font-weight:650}.runz-primary{justify-content:space-between;align-items:center;width:min(100%,470px);min-height:54px;padding:0 1rem;display:flex}.runz-primary:hover{border-color:var(--runz-purple);background:var(--runz-purple)}.runz-primary b{font-weight:500}.runz-secondary{color:#aaa9a4;background:#08080966;border-color:#e7e6e140;min-height:38px;padding:0 .8rem}.runz-over-screen>div{align-items:baseline;gap:1rem;display:flex}.runz-over-screen>div strong{color:var(--runz-purple);font:900 clamp(2.5rem,6vw,5rem)/1 var(--font-geist-sans),Arial,sans-serif}.runz-over-screen>div small{color:#9a9994;letter-spacing:.1em;font-size:.48rem}.runz-mobile-controls{grid-template-columns:1fr auto;gap:.55rem;margin-top:.75rem;display:grid}.runz-mobile-controls button:first-child{border-color:var(--runz-purple);background:var(--runz-purple)}.runz-unlock{border:1px solid #e7e6e129;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-top:.75rem;padding:.8rem;display:grid}.runz-unlock>div{color:#72726d;letter-spacing:.09em;gap:1rem;min-width:270px;font-size:.44rem;display:flex}.runz-unlock strong{color:#d9d5df}.runz-unlock>i{background:#252328;height:4px;display:block;overflow:hidden}.runz-unlock>i b{background:linear-gradient(90deg,#7353a2,var(--runz-purple),#efe8ff);height:100%;transition:width .26s;display:block;box-shadow:0 0 16px #b996ff99}.runz-manual{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(2.5rem,5vw,5rem);display:grid}.runz-manual article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px;padding:1rem}.runz-manual article>span{color:#74746f;letter-spacing:.1em;font-size:.45rem}.runz-manual h3{font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.065em;margin:4.5rem 0 .8rem;font-size:clamp(1.5rem,2.7vw,2.8rem)}.runz-manual p{color:#898883;letter-spacing:.06em;margin:0;font-size:.53rem;line-height:1.65}.runz-manual p b{color:#d5d2db}@media (max-width:900px){.runz-hud{grid-template-columns:repeat(4,1fr)}.runz-hud .runz-effect{border-top:1px solid #e7e6e121;grid-column:1/-1;min-height:40px}.runz-manual{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.runz-page .network-header{display:none}.runz-shell{padding:1rem .55rem 4rem}.runz-page-head{align-items:flex-start;padding:1rem .45rem 1.5rem}.runz-page-head h1{font-size:clamp(4.4rem,24vw,7rem)}.runz-version{display:none}.runz-console{padding:.4rem}.runz-console-top{font-size:.36rem}.runz-console-top span:last-child{display:none}.runz-hud{grid-template-columns:repeat(4,1fr);margin-bottom:.4rem}.runz-hud>div{text-align:center;gap:.3rem;min-height:51px;padding:.5rem .35rem;display:grid}.runz-hud span{font-size:.33rem}.runz-hud strong{font-size:.8rem}.runz-hud .runz-effect{text-align:left;min-height:36px;display:flex}.runz-hud .runz-effect strong{font-size:.52rem}.runz-canvas-wrap{min-height:min(56vw,350px)}.runz-overlay{gap:.65rem;padding:.6rem}.runz-overlay>h2{font-size:clamp(3.2rem,17vw,5rem)}.runz-overlay>p{display:none}.runz-character-select{grid-template-columns:repeat(2,1fr);width:min(100%,380px)}.runz-character-select button{grid-template-columns:36px 1fr;column-gap:.45rem;min-height:54px;padding:.4rem}.runz-avatar{width:36px;height:36px;font-size:.56rem}.runz-character-select button>span{font-size:.68rem}.runz-character-select button>small{font-size:.3rem}.runz-primary{min-height:44px}.runz-mobile-controls{margin-top:.4rem}.runz-mobile-controls button{min-height:48px}.runz-mobile-controls button:last-child{min-width:95px}.runz-unlock{grid-template-columns:1fr;gap:.6rem;margin-top:.4rem}.runz-unlock>div{justify-content:space-between;min-width:0}.runz-manual{grid-template-columns:1fr;margin-top:2.5rem}.runz-manual article{min-height:180px}.runz-manual h3{margin-top:3rem;font-size:2rem}}@media (max-width:430px){.runz-console-top{min-height:27px}.runz-canvas-wrap{aspect-ratio:16/10}.runz-start-screen>span{display:none}.runz-overlay>h2{font-size:3.4rem}.runz-character-select{gap:.3rem}.runz-primary{width:min(100%,380px)}}.runz-console-top{gap:.65rem;min-height:32px}.runz-day-cycle{color:#c7a8ff;letter-spacing:.12em;font-weight:750}.runz-version strong{letter-spacing:.02em;font-size:.82rem}.runz-console-actions{align-items:center;gap:.35rem;display:flex}.runz-console-actions button{color:#bdb7c7;min-height:25px;font:inherit;letter-spacing:.08em;cursor:pointer;background:#111014;border:1px solid #e7e6e12e;padding:0 .55rem;font-size:.4rem}.runz-console-actions button:hover{border-color:var(--runz-purple);color:#fff}.runz-console-actions button:disabled{opacity:.35;cursor:default}.runz-hud{grid-template-columns:repeat(4,minmax(76px,.78fr)) minmax(145px,1.2fr) minmax(150px,1.25fr);margin-bottom:.45rem}.runz-hud>div{min-height:46px;padding:.48rem .58rem}.runz-hud span{font-size:.36rem}.runz-hud strong{font-size:.9rem}.runz-hud .runz-effect strong{font-size:.53rem}.runz-unlock-mini{grid-template-rows:auto 3px;grid-template-columns:auto 1fr;align-content:center;gap:.32rem .6rem!important;display:grid!important}.runz-unlock-mini strong{color:#ded8e7;letter-spacing:.02em;text-align:right;font-size:.48rem}.runz-unlock-mini>i{background:#252128;grid-column:1/-1;height:3px;display:block;overflow:hidden}.runz-unlock-mini>i b{background:linear-gradient(90deg,#6f429c,#b996ff,#f0c449);height:100%;transition:width .22s;display:block}.runz-overlay{background:linear-gradient(90deg,#08070be0,#140c19b3)}.runz-character-select button{grid-template-columns:62px 1fr;min-height:76px}.runz-avatar{background:0 0;border:0;border-radius:0;width:58px;height:60px;display:block;overflow:hidden}.runz-avatar img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transform-origin:bottom;display:block;transform:scale(1.35)}.runz-primary:disabled{opacity:.5;cursor:wait}.runz-mobile-controls{grid-template-columns:1fr 1fr auto 48px;margin-top:.45rem}.runz-mobile-controls button{min-height:44px}.runz-mobile-controls .runz-slide-control{color:#dbc7ff;background:#17101e;border-color:#b996ff8c}.runz-mobile-controls button:last-child{color:#c7bdcf;background:0 0;min-width:48px}.runz-manual article{position:relative;overflow:hidden}.runz-manual article>img{object-fit:contain;width:64px;height:82px;image-rendering:pixelated;opacity:.82;position:absolute;top:1rem;right:1rem}:-webkit-any(.runz-console:-webkit-full-screen,.runz-console.is-fullscreen){background:#050506;border:0;grid-template-rows:auto auto minmax(0,1fr) auto;width:100vw;height:100dvh;padding:.4rem;display:grid;overflow:hidden}:is(.runz-console:fullscreen,.runz-console.is-fullscreen){background:#050506;border:0;grid-template-rows:auto auto minmax(0,1fr) auto;width:100vw;height:100dvh;padding:.4rem;display:grid;overflow:hidden}.runz-console.is-fullscreen:not(:-webkit-full-screen){z-index:9999;position:fixed;inset:0}.runz-console.is-fullscreen:not(:fullscreen){z-index:9999;position:fixed;inset:0}:-webkit-any(.runz-console:-webkit-full-screen .runz-console-top,.runz-console.is-fullscreen .runz-console-top){min-height:30px}:is(.runz-console:fullscreen .runz-console-top,.runz-console.is-fullscreen .runz-console-top){min-height:30px}:-webkit-any(.runz-console:-webkit-full-screen .runz-hud,.runz-console.is-fullscreen .runz-hud){margin-bottom:.35rem}:is(.runz-console:fullscreen .runz-hud,.runz-console.is-fullscreen .runz-hud){margin-bottom:.35rem}:-webkit-any(.runz-console:-webkit-full-screen .runz-canvas-wrap,.runz-console.is-fullscreen .runz-canvas-wrap){aspect-ratio:auto;min-height:0}:is(.runz-console:fullscreen .runz-canvas-wrap,.runz-console.is-fullscreen .runz-canvas-wrap){aspect-ratio:auto;min-height:0}:-webkit-any(.runz-console:-webkit-full-screen .runz-canvas-wrap canvas,.runz-console.is-fullscreen .runz-canvas-wrap canvas){object-fit:contain;background:#17131d;width:100%;height:100%}:is(.runz-console:fullscreen .runz-canvas-wrap canvas,.runz-console.is-fullscreen .runz-canvas-wrap canvas){object-fit:contain;background:#17131d;width:100%;height:100%}:-webkit-any(.runz-console:-webkit-full-screen .runz-mobile-controls,.runz-console.is-fullscreen .runz-mobile-controls){margin-top:.35rem}:is(.runz-console:fullscreen .runz-mobile-controls,.runz-console.is-fullscreen .runz-mobile-controls){margin-top:.35rem}@media (max-width:900px){.runz-hud{grid-template-columns:repeat(3,1fr)}.runz-hud .runz-effect{border-top:0;grid-column:auto;min-height:46px}}@media (max-width:760px){.runz-console-top>.runz-day-cycle,.runz-console-actions{margin-left:auto}.runz-console-actions button:first-child{display:none}.runz-hud{grid-template-columns:repeat(3,1fr)}.runz-hud>div{min-height:42px;padding:.4rem .3rem}.runz-hud .runz-effect{text-align:center;min-height:42px;display:grid}.runz-hud .runz-effect strong{text-align:center}.runz-unlock-mini{text-align:left!important;min-height:42px!important}.runz-character-select button{grid-template-columns:44px 1fr}.runz-avatar{width:42px;height:48px}.runz-manual article>img{width:56px;height:72px}.runz-mobile-controls{grid-template-columns:1fr 1fr 46px 46px;gap:.3rem}.runz-mobile-controls button{padding:0 .25rem;font-size:.43rem}}@media (max-height:620px) and (orientation:landscape){:-webkit-any(.runz-console:-webkit-full-screen .runz-hud>div,.runz-console.is-fullscreen .runz-hud>div){min-height:36px;padding:.25rem .4rem}:is(.runz-console:fullscreen .runz-hud>div,.runz-console.is-fullscreen .runz-hud>div){min-height:36px;padding:.25rem .4rem}:-webkit-any(.runz-console:-webkit-full-screen .runz-mobile-controls button,.runz-console.is-fullscreen .runz-mobile-controls button){min-height:35px}:is(.runz-console:fullscreen .runz-mobile-controls button,.runz-console.is-fullscreen .runz-mobile-controls button){min-height:35px}:-webkit-any(.runz-console:-webkit-full-screen .runz-overlay,.runz-console.is-fullscreen .runz-overlay){gap:.45rem;padding:.45rem}:is(.runz-console:fullscreen .runz-overlay,.runz-console.is-fullscreen .runz-overlay){gap:.45rem;padding:.45rem}:-webkit-any(.runz-console:-webkit-full-screen .runz-overlay>h2,.runz-console.is-fullscreen .runz-overlay>h2){font-size:clamp(3rem,13vh,5.5rem)}:is(.runz-console:fullscreen .runz-overlay>h2,.runz-console.is-fullscreen .runz-overlay>h2){font-size:clamp(3rem,13vh,5.5rem)}}.runz-main-menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 34%,#8b48c333,#0000 28%),linear-gradient(90deg,#050508f0,#120a18c7,#050508f0);gap:.62rem}.runz-overlay>.runz-pixel-title{color:#c894ff;font-family:var(--font-geist-mono), "Courier New", monospace;letter-spacing:-.115em;text-shadow:0 4px #55256f,4px 4px #31153f,0 0 24px #b671ff57;margin:.15rem 0 .25rem;font-size:clamp(3.9rem,9.2vw,8.2rem);font-weight:950;line-height:.72}.runz-pixel-title b{color:#ead7ff;font-weight:inherit}.runz-mode-menu{gap:.34rem;width:min(94%,540px);display:grid}.runz-mode-menu button{color:#d0cbd4;min-height:58px;font-family:var(--font-geist-mono), "Courier New", monospace;text-align:left;cursor:pointer;background:#07070ad1;border:1px solid #e4d6f22e;grid-template-columns:42px 1fr auto;align-items:center;padding:.5rem .7rem;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.runz-mode-menu button>i{color:#6e6873;letter-spacing:.08em;font-size:.44rem;font-style:normal}.runz-mode-menu button>span{letter-spacing:.025em;gap:.12rem;font-size:.79rem;font-weight:850;display:grid}.runz-mode-menu button small{color:#76707b;letter-spacing:.09em;font-size:.36rem;font-weight:600}.runz-mode-menu button>b{color:#716a77;letter-spacing:.08em;font-size:.4rem}.runz-mode-menu button:disabled{opacity:.42;cursor:not-allowed}.runz-mode-menu button.active{color:#fff;background:linear-gradient(90deg,#663189a3,#201129e0);border-color:#c894ff;box-shadow:inset 4px 0 #c894ff,0 0 28px #a85de429}.runz-mode-menu button.active:hover{transform:translate(5px)}.runz-mode-menu button.active>i,.runz-mode-menu button.active>b{color:#dec2ff}.runz-mode-menu button.active small{color:#bba6c9}.runz-menu-foot{color:#6f6972;letter-spacing:.1em;font-size:.36rem}.runz-character-screen{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(90deg,#050508e6 0%,#0a070d80 34% 66%,#050508e6 100%),linear-gradient(#0000 58%,#070509b3);gap:.48rem;padding:clamp(.75rem,2vw,1.5rem)}.runz-character-screen.is-obi{--runz-menu-accent:#d19aff}.runz-character-screen.is-akaz{--runz-menu-accent:#b996ff}.runz-character-tabs{grid-template-columns:repeat(2,1fr);gap:.38rem;width:min(96%,570px);display:grid}.runz-character-tabs button{color:#d3ced7;text-align:left;cursor:pointer;background:#070709d1;border:1px solid #e7e6e133;grid-template-rows:1fr 1fr;grid-template-columns:58px 1fr;align-items:center;column-gap:.65rem;min-height:66px;padding:.38rem .6rem;font-family:inherit;transition:border-color .18s,background .18s,transform .18s;display:grid}.runz-character-tabs button:hover{transform:translateY(-2px)}.runz-character-tabs button.active{border-color:var(--runz-menu-accent);box-shadow:inset 0 -3px 0 var(--runz-menu-accent);background:#5c3277b8}.runz-character-tabs button>.runz-avatar{grid-row:1/3}.runz-character-tabs button>span{font:900 .78rem/1 var(--font-geist-mono), "Courier New", monospace;align-self:end}.runz-character-tabs button>small{color:#9b8fa3;letter-spacing:.08em;align-self:start;font-size:.34rem}.runz-character-preview{text-align:left;background:linear-gradient(100deg,#070709eb,#2c1939c2);border:1px solid #dcc7ef5c;grid-template-columns:140px 1fr auto;align-items:center;width:min(96%,570px);min-height:148px;margin:0;padding:.45rem .8rem;display:grid;position:relative;overflow:hidden}.runz-character-preview:after{color:#cd99ff14;content:"053";font:950 8.5rem/.7 var(--font-geist-mono), monospace;letter-spacing:-.16em;pointer-events:none;position:absolute;bottom:-2.6rem;right:-1rem}.runz-character-preview>img{z-index:1;object-fit:contain;width:132px;height:138px;image-rendering:pixelated;filter:drop-shadow(0 13px 12px #00000085);animation:1.8s steps(2,end) infinite runz-player-idle;position:relative}@keyframes runz-player-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.runz-character-preview figcaption{z-index:1;gap:.28rem;display:grid;position:relative}.runz-character-preview figcaption>span{color:#9b80ad;letter-spacing:.12em;font-size:.37rem}.runz-character-preview figcaption>strong{color:#f3eef6;font:950 clamp(2rem, 5vw, 4rem)/.82 var(--font-geist-mono), "Courier New", monospace;letter-spacing:-.09em}.runz-character-preview figcaption>small{color:#b4abb7;letter-spacing:.08em;font-size:.38rem}.runz-character-preview>em{z-index:1;color:#d8b9fa;letter-spacing:.08em;border:1px solid #ca98ff80;align-self:start;padding:.34rem .45rem;font-size:.34rem;font-style:normal;position:relative}.runz-character-stats{background:#050507d1;border:1px solid #e7e6e129;grid-template-columns:repeat(3,1fr);width:min(96%,570px);display:grid}.runz-character-stats>div{text-align:left;border-right:1px solid #e7e6e121;gap:.18rem;padding:.45rem .62rem;display:grid}.runz-character-stats>div:last-child{border-right:0}.runz-character-stats span{color:#756e78;letter-spacing:.1em;font-size:.32rem}.runz-character-stats strong{color:#e6deea;letter-spacing:.03em;font-size:.5rem}.runz-character-actions{grid-template-columns:1fr 1.35fr 1fr;gap:.38rem;width:min(96%,570px);display:grid}.runz-character-actions .runz-primary,.runz-character-actions .runz-secondary{width:100%;min-height:44px;padding:0 .58rem;font-size:.42rem}.runz-character-actions .runz-secondary{justify-content:center;align-items:center;gap:.35rem;display:flex}.runz-character-actions .runz-secondary b{color:#77717b;font-size:.31rem}.runz-character-actions .runz-secondary:disabled{opacity:.38;cursor:not-allowed}@media (max-width:760px){.runz-canvas-wrap.is-menu{aspect-ratio:auto;min-height:590px}.runz-main-menu{gap:.7rem}.runz-overlay>.runz-pixel-title{font-size:clamp(3.4rem,18vw,5rem)}.runz-mode-menu button{min-height:62px}.runz-character-screen{gap:.55rem;padding:.65rem .45rem}.runz-character-tabs button{grid-template-columns:44px 1fr;column-gap:.42rem;min-height:60px;padding:.3rem .42rem}.runz-character-tabs .runz-avatar{width:42px;height:48px}.runz-character-tabs button>span{font-size:.65rem}.runz-character-tabs button>small{font-size:.29rem}.runz-character-preview{grid-template-columns:105px 1fr;min-height:137px;padding:.35rem .48rem}.runz-character-preview>img{width:100px;height:128px}.runz-character-preview>em{z-index:2;position:absolute;top:.45rem;right:.45rem}.runz-character-preview figcaption>strong{font-size:clamp(1.7rem,9vw,2.7rem)}.runz-character-preview figcaption>small{font-size:.3rem}.runz-character-stats strong{font-size:.42rem}.runz-character-actions{grid-template-columns:1fr 1fr}.runz-character-actions .runz-primary{grid-area:1/1/auto/-1}.runz-character-actions .runz-secondary{min-height:40px}}@media (max-width:430px){.runz-canvas-wrap.is-menu{min-height:570px}.runz-mode-menu{width:100%}.runz-mode-menu button{grid-template-columns:34px 1fr auto;padding:.45rem}.runz-mode-menu button>span{font-size:.68rem}.runz-menu-foot{font-size:.3rem}.runz-character-tabs,.runz-character-preview,.runz-character-stats,.runz-character-actions{width:100%}.runz-character-preview:after{font-size:6.5rem}.runz-character-preview>em{font-size:.28rem}.runz-character-stats>div{padding:.38rem .35rem}.runz-character-stats strong{font-size:.36rem}.runz-character-actions .runz-secondary b{display:none}}@media (max-height:620px) and (orientation:landscape){.runz-main-menu{gap:.35rem!important}.runz-overlay>.runz-pixel-title{font-size:clamp(3rem,12vh,5rem)!important}.runz-mode-menu button{min-height:45px;padding-block:.25rem}.runz-character-screen{gap:.26rem!important;padding:.3rem!important}.runz-character-tabs button{min-height:48px}.runz-character-preview{min-height:112px}.runz-character-preview>img{height:102px}.runz-character-actions .runz-primary,.runz-character-actions .runz-secondary{min-height:35px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:none;-webkit-text-size-adjust:100%;font-family:SFMono-Regular,SF Mono,Menlo,Courier New,monospace}html,body,#root{background:#050506;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;position:fixed;inset:0}button,canvas{-webkit-tap-highlight-color:transparent}.runz-mobile-app{--runz-purple:#b996ff;background:radial-gradient(circle at 50% 0,#72389e29,#0000 42%),#050506;width:100%;height:100dvh;min-height:0;position:relative;overflow:hidden}.runz-native-grain{z-index:999;pointer-events:none;opacity:.035;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.runz-mobile-app .runz-shell{width:100%;height:100%;min-height:0;padding:0}.runz-mobile-app .runz-page-head,.runz-mobile-app .runz-manual{display:none}.runz-mobile-app .runz-console,.runz-mobile-app .runz-console.is-fullscreen{width:100%;height:100dvh;min-height:0;padding:max(.35rem, env(safe-area-inset-top)) max(.45rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.45rem, env(safe-area-inset-left));box-shadow:none;background:#050506;border:0;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative;inset:auto;overflow:hidden}.runz-mobile-app .runz-console.is-menu{grid-template-rows:auto minmax(0,1fr)}.runz-mobile-app .runz-console.is-menu .runz-hud,.runz-mobile-app .runz-console.is-menu .runz-mobile-controls{display:none}.runz-mobile-app .runz-console-top{min-height:24px;padding:0 .3rem;font-size:clamp(.31rem,1.2vw,.43rem)}.runz-mobile-app .runz-console-actions button:last-child{display:none}.runz-mobile-app .runz-hud{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:.28rem}.runz-mobile-app .runz-hud>div,.runz-mobile-app .runz-hud .runz-effect,.runz-mobile-app .runz-hud .runz-unlock-mini{text-align:left;border-top:0;min-height:38px;padding:.25rem .38rem}.runz-mobile-app .runz-hud span{font-size:clamp(.25rem,.82vw,.34rem)}.runz-mobile-app .runz-hud strong,.runz-mobile-app .runz-hud .runz-effect strong{text-align:right;font-size:clamp(.4rem,1.45vw,.72rem)}.runz-mobile-app .runz-canvas-wrap,.runz-mobile-app .runz-canvas-wrap.is-menu,.runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap{aspect-ratio:auto;border-color:#b996ff4d;min-height:0}.runz-mobile-app .runz-canvas-wrap canvas,.runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap canvas{object-fit:contain;width:100%;height:100%}.runz-mobile-app .runz-mobile-controls,.runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) .7fr;gap:.28rem;margin-top:.28rem}.runz-mobile-app .runz-mobile-controls button,.runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls button{min-height:39px;padding:0 .35rem;font-size:clamp(.36rem,1.22vw,.52rem)}.runz-mobile-app .runz-mobile-controls button:last-child{display:none}.runz-mobile-app .runz-overlay{overscroll-behavior:contain;scrollbar-width:none;overflow:auto}.runz-mobile-app .runz-overlay::-webkit-scrollbar{display:none}.runz-mobile-app .runz-mode-menu button{min-height:clamp(42px,11vh,58px)}.runz-mobile-app .runz-character-screen{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(170px,.72fr) minmax(270px,1.28fr);align-content:stretch;gap:.4rem .55rem;padding:.45rem}.runz-mobile-app .runz-character-screen>span{grid-column:1/-1}.runz-mobile-app .runz-character-tabs{grid-area:2/1;grid-template-columns:1fr;align-content:center;width:100%}.runz-mobile-app .runz-character-tabs button{min-height:54px}.runz-mobile-app .runz-character-preview{grid-area:2/2;align-self:stretch;height:100%;min-height:0;padding:.3rem .55rem}.runz-mobile-app .runz-character-preview>img{width:clamp(82px,13vw,132px);height:100%;max-height:150px}.runz-mobile-app .runz-character-preview figcaption>strong{font-size:clamp(1.45rem,4.8vw,3.4rem)}.runz-mobile-app .runz-character-stats{display:none}.runz-mobile-app .runz-character-actions{grid-area:3/1/auto/-1;grid-template-columns:1fr 1.35fr 1fr}.runz-mobile-app .runz-character-actions .runz-primary{grid-area:1/2}.runz-mobile-app .runz-character-actions .runz-secondary:first-child{grid-area:1/1}.runz-mobile-app .runz-character-actions .runz-secondary:last-child{grid-area:1/3}.runz-mobile-app .runz-character-actions .runz-primary,.runz-mobile-app .runz-character-actions .runz-secondary{min-height:38px}.runz-rotate-device{display:none}@media (orientation:portrait){.runz-mobile-app>.runz-shell{visibility:hidden}.runz-rotate-device{z-index:1200;color:#d9cbeb;text-align:center;background:#050506;place-content:center;gap:.7rem;padding:2rem;display:grid;position:fixed;inset:0}.runz-rotate-device b{color:#b996ff;letter-spacing:-.1em;font:950 clamp(3rem,20vw,6rem)/.8 Arial,sans-serif}.runz-rotate-device span{letter-spacing:.15em;font-size:.8rem;font-weight:800}.runz-rotate-device small{color:#716a77;letter-spacing:.12em;font-size:.48rem}}@media (max-height:390px) and (orientation:landscape){.runz-mobile-app .runz-console-top{min-height:20px}.runz-mobile-app .runz-hud>div,.runz-mobile-app .runz-hud .runz-effect,.runz-mobile-app .runz-hud .runz-unlock-mini{min-height:32px;padding:.18rem .28rem}.runz-mobile-app .runz-mobile-controls button{min-height:34px}.runz-mobile-app .runz-overlay{gap:.3rem;padding:.3rem}.runz-mobile-app .runz-overlay>.runz-pixel-title{font-size:clamp(2.5rem,15vh,4rem)}.runz-mobile-app .runz-mode-menu{gap:.22rem}.runz-mobile-app .runz-mode-menu button{min-height:40px;padding:.25rem .55rem}.runz-mobile-app .runz-menu-foot{display:none}}@media (prefers-reduced-motion:reduce){.runz-native-grain{display:none}}


/* === 53 RUNZ V1.3 MOBILE LANDSCAPE FIX 2 ===
   Phone landscape uses the game canvas as the full viewport background.
   HUD and controls are overlays, so they no longer shrink the game image.
*/
.runz-mobile-app .runz-console-actions button:last-child{display:inline-flex!important;align-items:center;justify-content:center}
.runz-mobile-app .runz-mobile-controls button:last-child{display:block!important}

@media (orientation:landscape) and (max-height:650px){
  html,body,#root,.runz-mobile-app,.runz-mobile-app .runz-shell{
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#050506!important;
  }

  .runz-mobile-app .runz-console,
  .runz-mobile-app .runz-console.is-fullscreen,
  .runz-mobile-app .runz-console.is-menu{
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
    display:block!important;
    overflow:hidden!important;
    background:#050506!important;
  }

  .runz-mobile-app .runz-canvas-wrap,
  .runz-mobile-app .runz-canvas-wrap.is-menu,
  .runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100vw!important;
    height:100dvh!important;
    min-width:100vw!important;
    min-height:100dvh!important;
    aspect-ratio:auto!important;
    border:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#050506!important;
  }

  .runz-mobile-app .runz-canvas-wrap canvas,
  .runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap canvas{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:max(100vw,177.7778dvh)!important;
    height:auto!important;
    min-width:100vw!important;
    min-height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    transform:translate(-50%,-50%)!important;
    object-fit:cover!important;
    image-rendering:pixelated;
    background:#17131d!important;
  }

  .runz-mobile-app .runz-console-top{
    position:absolute!important;
    z-index:40!important;
    top:max(3px,env(safe-area-inset-top))!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    min-height:28px!important;
    padding:0 .42rem!important;
    margin:0!important;
    border:1px solid rgba(231,230,225,.15)!important;
    background:rgba(5,5,6,.72)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
  }

  .runz-mobile-app .runz-console-actions button:last-child{
    display:inline-flex!important;
    min-height:24px!important;
    padding:0 .48rem!important;
    color:#fff!important;
    border-color:rgba(185,150,255,.72)!important;
    background:rgba(78,43,105,.78)!important;
  }

  .runz-mobile-app .runz-hud{
    position:absolute!important;
    z-index:35!important;
    top:35px!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    width:auto!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px!important;
    margin:0!important;
    background:rgba(5,5,6,.56)!important;
    -webkit-backdrop-filter:blur(5px)!important;
    backdrop-filter:blur(5px)!important;
  }

  .runz-mobile-app .runz-hud>div,
  .runz-mobile-app .runz-hud .runz-effect,
  .runz-mobile-app .runz-hud .runz-unlock-mini{
    min-height:31px!important;
    padding:.14rem .28rem!important;
    background:rgba(10,9,13,.64)!important;
  }

  .runz-mobile-app .runz-hud span{
    font-size:clamp(.23rem,.82vw,.33rem)!important;
  }

  .runz-mobile-app .runz-hud strong,
  .runz-mobile-app .runz-hud .runz-effect strong{
    font-size:clamp(.38rem,1.35vw,.67rem)!important;
  }

  .runz-mobile-app .runz-mobile-controls,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{
    position:absolute!important;
    z-index:45!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    bottom:max(5px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) 52px 52px!important;
    gap:5px!important;
    margin:0!important;
    pointer-events:auto!important;
  }

  .runz-mobile-app .runz-mobile-controls button,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls button{
    display:block!important;
    min-width:0!important;
    min-height:40px!important;
    padding:0 .3rem!important;
    font-size:clamp(.36rem,1.15vw,.5rem)!important;
    box-shadow:0 5px 18px rgba(0,0,0,.22)!important;
  }

  .runz-mobile-app .runz-mobile-controls button:last-child{
    display:block!important;
    color:#fff!important;
    border-color:rgba(185,150,255,.82)!important;
    background:rgba(78,43,105,.88)!important;
    font-size:.9rem!important;
  }

  .runz-mobile-app .runz-console.is-menu .runz-hud,
  .runz-mobile-app .runz-console.is-menu .runz-mobile-controls{
    display:none!important;
  }

  .runz-mobile-app .runz-overlay{
    z-index:20!important;
  }
}

/* Older iOS viewport fallback */
@supports (-webkit-touch-callout:none){
  @media (orientation:landscape) and (max-height:650px){
    html,body,#root,.runz-mobile-app,.runz-mobile-app .runz-shell,
    .runz-mobile-app .runz-console,
    .runz-mobile-app .runz-console.is-fullscreen,
    .runz-mobile-app .runz-console.is-menu,
    .runz-mobile-app .runz-canvas-wrap,
    .runz-mobile-app .runz-canvas-wrap.is-menu{
      height:-webkit-fill-available!important;
      min-height:-webkit-fill-available!important;
    }
  }
}


/* === 53 RUNZ V1.3 MOBILE CONTROL RAIL FIX 3 ===
   Jump/slide live in a dedicated right-side rail OUTSIDE the game viewport.
   Nothing interactive overlays cash, obstacles, cops or opps anymore.
*/
@media (orientation:landscape) and (max-height:650px){
  :root{--runz-control-rail:58px}

  .runz-mobile-app .runz-canvas-wrap,
  .runz-mobile-app .runz-canvas-wrap.is-menu,
  .runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap{
    left:0!important;
    right:var(--runz-control-rail)!important;
    width:auto!important;
    min-width:0!important;
  }

  .runz-mobile-app .runz-canvas-wrap canvas,
  .runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap canvas{
    width:max(calc(100vw - var(--runz-control-rail)),177.7778dvh)!important;
    min-width:calc(100vw - var(--runz-control-rail))!important;
  }

  .runz-mobile-app .runz-mobile-controls,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{
    position:absolute!important;
    z-index:60!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:var(--runz-control-rail)!important;
    height:100dvh!important;
    padding:max(8px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) 6px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    background:#050506!important;
    border-left:1px solid rgba(231,230,225,.14)!important;
    pointer-events:none!important;
  }

  .runz-mobile-app .runz-mobile-controls button,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(185,150,255,.72)!important;
    background:rgba(20,16,25,.96)!important;
    color:#f4efff!important;
    font:900 1.4rem/1 Arial,sans-serif!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    pointer-events:auto!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    touch-action:none!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-jump-control{
    background:rgba(88,56,118,.96)!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-slide-control{
    background:rgba(16,14,19,.98)!important;
  }

  /* Keep HUD/top bar clear of the control rail as well. */
  .runz-mobile-app .runz-console-top,
  .runz-mobile-app .runz-hud{
    right:calc(var(--runz-control-rail) + max(7px,env(safe-area-inset-right)))!important;
  }

  /* Header utilities remain available, but as tiny icons. */
  .runz-mobile-app .runz-console-actions button{
    width:27px!important;
    min-width:27px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:.62rem!important;
  }

  .runz-mobile-app .runz-console.is-menu .runz-mobile-controls{
    display:none!important;
  }
}

@supports (-webkit-touch-callout:none){
  @media (orientation:landscape) and (max-height:650px){
    .runz-mobile-app .runz-mobile-controls,
    .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{
      height:-webkit-fill-available!important;
    }
  }
}

/* === 53 RUNZ V1.3 MOBILE UI BALANCE FIX 4 ===
   Keep automatic immersive landscape mode, restore full game width,
   move jump/slide into the existing top system chrome, and hide the
   redundant Fullscreen API button on iPhone/mobile Safari.
*/
@media (orientation:landscape) and (max-height:650px){
  :root{--runz-control-rail:0px}

  /* Restore the actual game to the entire viewport width. */
  .runz-mobile-app .runz-canvas-wrap,
  .runz-mobile-app .runz-canvas-wrap.is-menu,
  .runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap{
    left:0!important;
    right:0!important;
    width:100vw!important;
    min-width:100vw!important;
  }

  .runz-mobile-app .runz-canvas-wrap canvas,
  .runz-mobile-app .runz-console.is-fullscreen .runz-canvas-wrap canvas{
    width:max(100vw,177.7778dvh)!important;
    min-width:100vw!important;
  }

  /* Top chrome uses the full width again, with a small protected control area. */
  .runz-mobile-app .runz-console-top{
    right:max(7px,env(safe-area-inset-right))!important;
    padding-right:118px!important;
  }

  .runz-mobile-app .runz-hud{
    right:max(7px,env(safe-area-inset-right))!important;
  }

  /* Fullscreen is automatic in landscape; hide the redundant/dead API button. */
  .runz-mobile-app .runz-console-actions button:last-child{
    display:none!important;
  }

  /* Keep pause subtle and proportional. */
  .runz-mobile-app .runz-console-actions button:first-child{
    width:28px!important;
    min-width:28px!important;
    height:26px!important;
    min-height:26px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-color:rgba(231,230,225,.20)!important;
    background:rgba(10,9,12,.66)!important;
    color:rgba(244,241,248,.82)!important;
    font-size:.62rem!important;
  }

  /* Two compact game controls live INSIDE the existing top chrome,
     so they never cover cash, obstacles, cops/opps or the road. */
  .runz-mobile-app .runz-mobile-controls,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{
    position:absolute!important;
    z-index:65!important;
    top:max(3px,env(safe-area-inset-top))!important;
    right:calc(max(7px,env(safe-area-inset-right)) + 34px)!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    height:28px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    background:transparent!important;
    border:0!important;
    pointer-events:none!important;
  }

  .runz-mobile-app .runz-mobile-controls button,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(203,180,255,.46)!important;
    border-radius:6px!important;
    background:rgba(12,10,15,.70)!important;
    color:rgba(247,242,255,.90)!important;
    font:800 1rem/1 Arial,sans-serif!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(7px)!important;
    backdrop-filter:blur(7px)!important;
    pointer-events:auto!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    touch-action:none!important;
    opacity:.84!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-jump-control{
    background:rgba(79,53,105,.72)!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-slide-control{
    background:rgba(12,10,15,.72)!important;
  }

  .runz-mobile-app .runz-mobile-controls button:active{
    transform:scale(.92)!important;
    opacity:1!important;
    border-color:rgba(203,180,255,.90)!important;
  }

  .runz-mobile-app .runz-console.is-menu .runz-mobile-controls{
    display:none!important;
  }
}

@supports (-webkit-touch-callout:none){
  @media (orientation:landscape) and (max-height:650px){
    .runz-mobile-app .runz-mobile-controls,
    .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{
      height:28px!important;
    }
  }
}


/* === 53 RUNZ V1.3 FANCY HUD / BUBBLEFONT FIX 5 === */
:root{
  --runz-font-bubble:"Baloo 2","Fredoka",-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif;
  --runz-chip-bg:linear-gradient(180deg,rgba(20,16,26,.95),rgba(9,8,12,.86));
  --runz-chip-border:rgba(203,180,255,.34);
  --runz-chip-glow:rgba(154,109,255,.24);
}

.runz-console-top,
.runz-hud>div,
.runz-mobile-controls button,
.runz-over-screen>div strong,
.runz-toast{
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

.runz-console-top{
  border-radius:16px;
  border:1px solid rgba(203,180,255,.16);
  background:linear-gradient(180deg,rgba(14,12,18,.86),rgba(8,8,11,.74));
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}

.runz-day-cycle{
  padding:.14rem .45rem;
  border-radius:999px;
  background:rgba(124,80,205,.18);
  border:1px solid rgba(203,180,255,.22);
}

.runz-hud{
  background:transparent;
  border:0;
  gap:6px;
}

.runz-hud>div,
.runz-hud .runz-effect,
.runz-hud .runz-unlock-mini{
  position:relative;
  overflow:hidden;
  border:1px solid var(--runz-chip-border)!important;
  border-right:1px solid var(--runz-chip-border)!important;
  border-radius:18px;
  background:var(--runz-chip-bg)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(255,255,255,.02);
}

.runz-hud>div:before,
.runz-hud .runz-effect:before,
.runz-hud .runz-unlock-mini:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 55%);
  pointer-events:none;
}

.runz-hud>div:nth-child(1){border-color:rgba(255,213,107,.45)!important; box-shadow:0 12px 28px rgba(255,185,75,.15), inset 0 1px 0 rgba(255,255,255,.08);} 
.runz-hud>div:nth-child(2){border-color:rgba(203,180,255,.48)!important; box-shadow:0 12px 28px rgba(166,113,255,.15), inset 0 1px 0 rgba(255,255,255,.08);} 
.runz-hud>div:nth-child(3){border-color:rgba(109,225,255,.34)!important;}
.runz-hud>div:nth-child(4){border-color:rgba(255,142,220,.34)!important;}
.runz-hud>div:nth-child(5){border-color:rgba(160,123,255,.4)!important;}
.runz-hud>div:nth-child(6){border-color:rgba(122,255,183,.34)!important;}

.runz-hud span{
  position:relative;
  z-index:1;
  width:max-content;
  max-width:100%;
  padding:.08rem .46rem;
  border-radius:999px;
  color:#f3e8ff;
  background:rgba(255,255,255,.06);
  font-family:var(--runz-font-bubble);
  font-size:.36rem;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.05;
  text-transform:uppercase;
}

.runz-hud strong,
.runz-unlock-mini strong,
.runz-effect strong,
.runz-over-screen>div strong{
  position:relative;
  z-index:1;
  color:#fff8ff;
  font-family:var(--runz-font-bubble)!important;
  font-weight:800;
  letter-spacing:.01em;
  line-height:.95;
  text-shadow:0 2px 0 rgba(69,41,93,.6), 0 0 16px rgba(185,150,255,.18);
}

.runz-hud strong{font-size:1rem;}
.runz-hud .runz-effect strong{color:#d9c5ff;}
.runz-over-screen>div strong{font-size:clamp(2.8rem,6vw,5.2rem);}

.runz-unlock-mini i{
  margin-top:.18rem;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
}

.runz-unlock-mini i b{
  background:linear-gradient(90deg,#65f7b2 0%,#c6ffd6 45%,#fff 100%);
  box-shadow:0 0 14px rgba(101,247,178,.45);
}

.runz-toast{
  border-radius:16px;
  font-family:var(--runz-font-bubble);
  font-weight:800;
  color:#fff6ff;
  box-shadow:0 14px 30px rgba(0,0,0,.3), 0 0 20px rgba(185,150,255,.16);
}

.runz-mobile-controls button,
.runz-console-actions button:first-child{
  border-radius:12px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07)!important;
}

@media (max-width:760px){
  .runz-hud{gap:4px;}
  .runz-hud>div,
  .runz-hud .runz-effect,
  .runz-hud .runz-unlock-mini{
    border-radius:14px;
  }
  .runz-hud span{font-size:.31rem; padding:.08rem .36rem;}
  .runz-hud strong{font-size:.78rem;}
}

@media (orientation:landscape) and (max-height:650px){
  .runz-mobile-app .runz-console-top{
    min-height:30px!important;
    border-radius:14px!important;
    padding-left:.46rem!important;
    padding-right:96px!important;
  }

  .runz-mobile-app .runz-console-top>span:first-child{
    color:#d9d0e7!important;
    font-family:var(--runz-font-bubble)!important;
    font-size:clamp(.3rem,.95vw,.42rem)!important;
    letter-spacing:.08em!important;
  }

  .runz-mobile-app .runz-day-cycle{
    font-size:clamp(.26rem,.92vw,.38rem)!important;
    padding:.12rem .34rem!important;
  }

  .runz-mobile-app .runz-hud{
    top:37px!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    width:auto!important;
    grid-template-columns:1.18fr 1.05fr .88fr .88fr 1fr 1.05fr!important;
    gap:4px!important;
    background:transparent!important;
  }

  .runz-mobile-app .runz-hud>div,
  .runz-mobile-app .runz-hud .runz-effect,
  .runz-mobile-app .runz-hud .runz-unlock-mini{
    min-height:36px!important;
    padding:.18rem .32rem!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:1px!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,rgba(16,12,20,.92),rgba(8,7,11,.76))!important;
  }

  .runz-mobile-app .runz-hud span{
    padding:.05rem .34rem!important;
    font-size:clamp(.19rem,.74vw,.27rem)!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .runz-mobile-app .runz-hud strong,
  .runz-mobile-app .runz-hud .runz-effect strong{
    width:100%!important;
    text-align:left!important;
    font-size:clamp(.46rem,1.45vw,.7rem)!important;
    line-height:.95!important;
  }

  .runz-mobile-app .runz-mobile-controls,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{
    top:max(4px,env(safe-area-inset-top))!important;
    right:calc(max(7px,env(safe-area-inset-right)) + 30px)!important;
    height:30px!important;
    gap:4px!important;
  }

  .runz-mobile-app .runz-mobile-controls button,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    border-radius:11px!important;
    font:800 .96rem/1 var(--runz-font-bubble)!important;
    color:#fff7ff!important;
    opacity:.95!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-jump-control{
    background:linear-gradient(180deg,rgba(112,75,160,.96),rgba(71,42,101,.93))!important;
    border-color:rgba(203,180,255,.66)!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-slide-control{
    background:linear-gradient(180deg,rgba(33,29,40,.96),rgba(13,12,18,.93))!important;
    border-color:rgba(203,180,255,.44)!important;
  }

  .runz-mobile-app .runz-console-actions button:first-child{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:11px!important;
    font:800 .7rem/1 var(--runz-font-bubble)!important;
  }
}

@media (orientation:landscape) and (max-height:430px){
  .runz-mobile-app .runz-hud{
    gap:3px!important;
  }
  .runz-mobile-app .runz-hud>div,
  .runz-mobile-app .runz-hud .runz-effect,
  .runz-mobile-app .runz-hud .runz-unlock-mini{
    min-height:32px!important;
    padding:.14rem .25rem!important;
  }
  .runz-mobile-app .runz-hud strong,
  .runz-mobile-app .runz-hud .runz-effect strong{
    font-size:clamp(.41rem,1.2vw,.62rem)!important;
  }
}


/* === 53 RUNZ ARCADE UI / MENU / GAME OVER / PICKUPS FIX 6 === */
:root{
  --runz-font-bubble:"Baloo 2","Fredoka",ui-rounded,"Arial Rounded MT Bold",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --runz-chrome:linear-gradient(180deg,#ffffff 0%,#cfc7dc 18%,#ffffff 34%,#766d83 52%,#eee9f4 68%,#92879e 83%,#ffffff 100%);
  --runz-purple-pop:linear-gradient(180deg,#d8c3ff 0%,#ad79ff 48%,#7a42d7 100%);
}

/* General arcade buttons */
.runz-primary,.runz-secondary,.runz-mode-menu button,.runz-character-tabs button{
  font-family:var(--runz-font-bubble)!important;
}
.runz-primary,.runz-secondary{
  border-radius:16px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12)!important;
  transition:transform .14s ease,filter .14s ease,border-color .14s ease!important;
}
.runz-primary{
  color:#160d20!important;
  border-color:rgba(229,213,255,.88)!important;
  background:var(--runz-purple-pop)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
.runz-primary:hover:not(:disabled),.runz-primary:active:not(:disabled){
  transform:translateY(-2px) scale(1.015)!important;
  filter:saturate(1.12) brightness(1.05)!important;
}
.runz-secondary{
  background:linear-gradient(180deg,rgba(25,21,31,.94),rgba(10,9,13,.94))!important;
  border-color:rgba(203,180,255,.28)!important;
  color:#e8ddf6!important;
}
.runz-secondary:hover:not(:disabled){border-color:rgba(203,180,255,.72)!important;color:#fff!important;}

/* Full-screen overlays get a 4EVA arcade atmosphere */
.runz-main-menu,.runz-character-screen,.runz-pause-screen,.runz-over-screen{
  isolation:isolate;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(161,93,255,.24),transparent 34%),
    radial-gradient(circle at 12% 82%,rgba(100,59,151,.18),transparent 26%),
    linear-gradient(180deg,rgba(8,6,12,.76),rgba(7,6,10,.94))!important;
}
.runz-main-menu:before,.runz-character-screen:before,.runz-pause-screen:before,.runz-over-screen:before{
  content:"53";
  position:absolute;
  z-index:-1;
  right:-.04em;
  bottom:-.28em;
  font-family:var(--runz-font-bubble);
  font-size:clamp(10rem,37vw,28rem);
  font-weight:900;
  line-height:.7;
  letter-spacing:-.12em;
  color:rgba(198,164,255,.045);
  transform:rotate(-7deg);
  pointer-events:none;
}
.runz-main-menu:after,.runz-character-screen:after,.runz-pause-screen:after,.runz-over-screen:after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  opacity:.16;
  background-image:radial-gradient(rgba(230,215,255,.5) .7px,transparent .7px);
  background-size:16px 16px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
  pointer-events:none;
}

/* 53 RUNZ title: chrome 53 + purple bubble RUNZ */
.runz-pixel-title{
  font-family:var(--runz-font-bubble)!important;
  font-weight:900!important;
  letter-spacing:-.07em!important;
  color:#c8a6ff!important;
  text-shadow:0 5px 0 #3a2054,0 9px 18px rgba(0,0,0,.44),0 0 28px rgba(160,93,255,.3)!important;
  transform:rotate(-1.2deg);
}
.runz-pixel-title b{
  display:inline-block;
  padding-right:.06em;
  background:var(--runz-chrome);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.24);
  filter:drop-shadow(0 3px 0 rgba(36,27,43,.9)) drop-shadow(0 0 12px rgba(216,195,255,.2));
}
.runz-main-menu>span,.runz-character-screen>span,.runz-pause-screen>span,.runz-over-screen>span{
  padding:.28rem .65rem;
  border:1px solid rgba(203,180,255,.28);
  border-radius:999px;
  background:rgba(30,20,42,.56);
  font-family:var(--runz-font-bubble)!important;
  font-weight:800;
  letter-spacing:.09em!important;
  color:#d9c2ff!important;
}

/* Main mode cards */
.runz-mode-menu{
  gap:.55rem!important;
}
.runz-mode-menu button{
  border-radius:18px!important;
  border:1px solid rgba(203,180,255,.2)!important;
  background:linear-gradient(180deg,rgba(22,18,28,.9),rgba(10,9,13,.9))!important;
  box-shadow:0 12px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.runz-mode-menu button.active{
  border-color:rgba(202,168,255,.78)!important;
  background:linear-gradient(135deg,rgba(98,54,145,.92),rgba(31,19,45,.94))!important;
  box-shadow:0 14px 32px rgba(126,69,202,.24),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
.runz-mode-menu button:not(:disabled):active{transform:scale(.985)!important;}
.runz-mode-menu button>i{
  border-radius:12px!important;
  background:rgba(255,255,255,.06)!important;
  color:#d8c3ff!important;
  font-family:var(--runz-font-bubble)!important;
  font-style:normal!important;
  font-weight:900!important;
}
.runz-mode-menu button>span{
  font-family:var(--runz-font-bubble)!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.runz-mode-menu button>span small,.runz-mode-menu button>b{
  font-family:var(--runz-font-bubble)!important;
  letter-spacing:.035em!important;
}
.runz-mode-menu button.active>b{color:#f0dbff!important;}
.runz-menu-foot{
  font-family:var(--runz-font-bubble)!important;
  letter-spacing:.08em!important;
  color:#8f7ca2!important;
}

/* Character select */
.runz-character-tabs button{
  border-radius:18px!important;
  border:1px solid rgba(203,180,255,.2)!important;
  background:linear-gradient(180deg,rgba(21,17,27,.92),rgba(10,9,13,.9))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.runz-character-tabs button.active{
  border-color:rgba(203,180,255,.75)!important;
  background:linear-gradient(135deg,rgba(88,51,131,.92),rgba(27,18,39,.92))!important;
  box-shadow:0 14px 30px rgba(145,87,221,.2),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
.runz-character-tabs button>span{
  font-family:var(--runz-font-bubble)!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.runz-character-tabs button>small{font-family:var(--runz-font-bubble)!important;}
.runz-character-preview{
  border-radius:22px!important;
  border-color:rgba(203,180,255,.32)!important;
  background:
    radial-gradient(circle at 20% 35%,rgba(190,145,255,.16),transparent 30%),
    linear-gradient(145deg,rgba(21,17,29,.9),rgba(8,7,11,.94))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.runz-character-preview figcaption>strong{
  font-family:var(--runz-font-bubble)!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  color:#d8bfff!important;
  text-shadow:0 4px 0 rgba(51,26,74,.8),0 0 20px rgba(176,111,255,.18)!important;
}
.runz-character-preview>em{
  border-radius:999px!important;
  font-family:var(--runz-font-bubble)!important;
  font-weight:800!important;
  background:rgba(102,67,139,.72)!important;
  border:1px solid rgba(203,180,255,.38)!important;
}

/* Pause screen */
.runz-pause-screen h2{
  font-family:var(--runz-font-bubble)!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
  color:#d6baff!important;
  text-shadow:0 6px 0 #402458,0 0 30px rgba(166,102,255,.25)!important;
}

/* Game-over scoreboard */
.runz-over-screen{
  gap:.7rem!important;
}
.runz-over-screen h2{
  margin:.1rem 0!important;
  font-family:var(--runz-font-bubble)!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
  color:#f6edff!important;
  text-shadow:0 5px 0 #422557,0 0 28px rgba(175,104,255,.28)!important;
}
.runz-over-screen>div{
  position:relative;
  min-width:min(78vw,430px);
  justify-content:center!important;
  padding:.7rem 1.2rem .62rem;
  border-radius:24px;
  border:1px solid rgba(203,180,255,.42);
  background:linear-gradient(180deg,rgba(25,18,33,.92),rgba(10,8,14,.88));
  box-shadow:0 18px 40px rgba(0,0,0,.32),0 0 30px rgba(142,79,218,.11),inset 0 1px 0 rgba(255,255,255,.08);
}
.runz-over-screen>div strong{
  background:var(--runz-chrome);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.14);
  text-shadow:none!important;
  filter:drop-shadow(0 4px 0 rgba(44,28,51,.9));
}
.runz-over-screen>div small{
  color:#c9aadf!important;
  font-family:var(--runz-font-bubble)!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
}
.runz-over-screen .runz-primary,.runz-over-screen .runz-secondary{
  width:min(78vw,430px)!important;
}

/* Pickup / status toasts */
.runz-toast{
  max-width:min(86vw,460px);
  border:1px solid rgba(203,180,255,.52)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(42,28,57,.94),rgba(13,10,18,.9))!important;
  color:#fff3ff!important;
  padding:.55rem 1rem!important;
  font-family:var(--runz-font-bubble)!important;
  font-size:clamp(.55rem,1.65vw,.82rem)!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  text-shadow:0 2px 0 rgba(59,30,80,.7)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 28px rgba(164,101,245,.2),inset 0 1px 0 rgba(255,255,255,.1)!important;
}

/* Slight playful motion without disrupting play */
@keyframes runz-arcade-pop{
  0%{opacity:0;transform:translate(-50%,-12px) scale(.72) rotate(-2deg)}
  65%{opacity:1;transform:translate(-50%,1px) scale(1.05) rotate(.5deg)}
  100%{opacity:1;transform:translate(-50%,0) scale(1) rotate(0)}
}
.runz-toast{animation:runz-arcade-pop .26s cubic-bezier(.2,.9,.24,1.25) both!important;}

@media (orientation:landscape) and (max-height:650px){
  .runz-main-menu,.runz-character-screen,.runz-pause-screen,.runz-over-screen{
    padding:.35rem!important;
  }
  .runz-main-menu>span,.runz-character-screen>span,.runz-pause-screen>span,.runz-over-screen>span{
    font-size:clamp(.25rem,.8vw,.36rem)!important;
    padding:.16rem .5rem!important;
  }
  .runz-main-menu .runz-pixel-title{
    font-size:clamp(2.8rem,14vh,4.7rem)!important;
    margin:.05rem 0!important;
  }
  .runz-mode-menu{
    width:min(72vw,560px)!important;
    gap:.28rem!important;
  }
  .runz-mode-menu button{
    min-height:42px!important;
    border-radius:14px!important;
    padding:.28rem .55rem!important;
  }
  .runz-character-tabs button{border-radius:14px!important;}
  .runz-character-preview{border-radius:18px!important;}
  .runz-over-screen h2,.runz-pause-screen h2{
    font-size:clamp(2.3rem,13vh,4.1rem)!important;
  }
  .runz-over-screen>div{
    min-width:min(62vw,360px)!important;
    border-radius:18px!important;
    padding:.42rem .8rem!important;
  }
  .runz-over-screen>div strong{
    font-size:clamp(2rem,10vh,3.5rem)!important;
  }
  .runz-over-screen .runz-primary,.runz-over-screen .runz-secondary{
    width:min(62vw,360px)!important;
    min-height:34px!important;
  }
  .runz-toast{
    top:16%!important;
    padding:.38rem .78rem!important;
    font-size:clamp(.46rem,1.3vw,.66rem)!important;
  }
}


/* === 53 RUNZ CONTROL + LOGO + GAMEPLAY POLISH FIX 7 === */
:root{
  --runz-chrome:linear-gradient(180deg,#ffffff 0%,#f5efff 13%,#d8c9ff 27%,#aaa4ba 39%,#ffffff 52%,#c69cff 68%,#f7f2ff 82%,#b9a9d4 100%);
}

/* Brighter chrome sticker logo: no muddy black/grey 53. */
.runz-pixel-title b{
  background:var(--runz-chrome)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:#f7f1ff!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.6px rgba(246,235,255,.78)!important;
  text-shadow:none!important;
  filter:drop-shadow(0 3px 0 #5b376f) drop-shadow(0 6px 0 rgba(31,18,40,.8)) drop-shadow(0 0 16px rgba(206,165,255,.58))!important;
}
.runz-pixel-title{
  color:#cda8ff!important;
  text-shadow:0 4px 0 #633c82,0 7px 0 rgba(40,22,53,.88),0 0 30px rgba(181,112,255,.42)!important;
}

/* Thumb controls: bubble jump left / bubble slide right. */
@media (orientation:landscape) and (max-height:650px){
  .runz-mobile-app .runz-console-top{
    padding-right:42px!important;
  }

  .runz-mobile-app .runz-mobile-controls,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls{
    position:absolute!important;
    z-index:72!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    pointer-events:none!important;
  }

  .runz-mobile-app .runz-mobile-controls button,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls button{
    position:absolute!important;
    top:auto!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    color:#fff9ff!important;
    font:900 1.42rem/1 var(--runz-font-bubble)!important;
    letter-spacing:0!important;
    text-shadow:0 2px 0 rgba(36,18,49,.8),0 0 10px rgba(255,255,255,.24)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.26),inset 0 2px 2px rgba(255,255,255,.28),inset 0 -5px 9px rgba(34,16,49,.28),0 0 18px rgba(185,150,255,.16)!important;
    opacity:.88!important;
    pointer-events:auto!important;
    touch-action:none!important;
    transform:translateZ(0)!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-jump-control{
    left:max(9px,env(safe-area-inset-left))!important;
    right:auto!important;
    bottom:max(9px,env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 31% 22%,rgba(255,255,255,.45) 0 8%,transparent 20%),
      linear-gradient(155deg,rgba(182,133,255,.98),rgba(103,60,158,.96) 54%,rgba(61,34,91,.97))!important;
    border:1px solid rgba(232,215,255,.8)!important;
  }

  .runz-mobile-app .runz-mobile-controls .runz-slide-control{
    right:max(9px,env(safe-area-inset-right))!important;
    left:auto!important;
    bottom:max(9px,env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 31% 22%,rgba(255,255,255,.38) 0 8%,transparent 20%),
      linear-gradient(155deg,rgba(89,74,109,.98),rgba(44,34,57,.97) 55%,rgba(20,15,27,.98))!important;
    border:1px solid rgba(210,190,232,.64)!important;
  }

  .runz-mobile-app .runz-mobile-controls button:active{
    opacity:1!important;
    transform:scale(.9)!important;
    box-shadow:0 4px 12px rgba(0,0,0,.28),inset 0 3px 6px rgba(0,0,0,.24),0 0 22px rgba(198,160,255,.42)!important;
  }

  .runz-mobile-app .runz-console.is-menu .runz-mobile-controls{
    display:none!important;
  }
}

@media (orientation:landscape) and (max-height:390px){
  .runz-mobile-app .runz-mobile-controls button,
  .runz-mobile-app .runz-console.is-fullscreen .runz-mobile-controls button{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    font-size:1.25rem!important;
  }
}