.rubar-page{--river-ink: #f1ead5;--river-soft: #afc3be;color:var(--river-ink);background:radial-gradient(ellipse at 18% 35%,#173c3c 0,transparent 54%),#101c23;font-family:var(--yk-sans)}.rb-shell{min-height:100svh}.rb-shell [hidden],.rb-feedback[hidden]{display:none!important}.rb-shell button,.rb-dialog button{cursor:pointer}.rb-shell :is(button,a,canvas):focus-visible,.rb-dialog button:focus-visible{outline:3px solid #bfe8bc;outline-offset:4px}.rb-header{width:min(1180px,100%);margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.rb-brand{display:inline-flex;align-items:center;gap:10px;color:#e0d6b9;text-decoration:none;font-family:var(--yk-serif);font-size:19px}.rb-brand svg{width:33px;height:33px}.rb-nav{display:flex;align-items:center;gap:12px}.rb-menu-main{width:min(1090px,100%);margin:30px auto 0;padding:0 32px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}.rb-hero{position:relative}.rb-art{filter:drop-shadow(0 30px 35px #0005)}.rb-art svg{display:block;width:100%;height:auto;transform:rotate(-5deg)}.rb-scene-label{display:block;text-align:center;color:#a9bda7;font-size:10px;letter-spacing:.32em;margin-top:20px}.rb-eyebrow{margin:0 0 15px;color:#a9d4b4;font:700 10px/1.5 var(--yk-sans);letter-spacing:.24em}.rb-menu h1{margin:0;font:500 clamp(62px,7vw,92px)/1.05 var(--yk-serif);letter-spacing:-.045em}.rb-menu h1 span{color:#e6b777}.rb-menu h2{margin:15px 0 10px;font:400 23px/1.3 var(--yk-serif);max-width:320px}.rb-intro{margin:0;color:var(--river-soft);font-size:13px;line-height:1.7}.rb-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:29px 0 17px}.rb-mode{position:relative;min-height:92px;border:1px solid #a9c5b12e;border-radius:12px;padding:12px 13px;text-align:start;color:#d5dfd0;background:#ffffff03;transition:border-color .15s,background .15s}.rb-mode[aria-pressed=true]{border-color:#b7d9ad;background:#b7d9ad12}.rb-mode-dot{display:block;color:#b8ddcb;height:20px;font:24px/15px Georgia,serif}.rb-mode b{display:block;font-size:12px;margin-top:7px}.rb-mode small{display:block;color:var(--river-soft);font-size:10px;line-height:1.5;margin-top:4px}.rb-button{display:block;width:100%;min-height:50px;padding:13px 20px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid transparent}.rb-primary{color:#1a302d;background:#e6ce97;box-shadow:0 7px 20px #0002}.rb-primary:hover{background:#f4dfb1}.rb-secondary{color:#e2e9d8;border-color:#a9c5b138;background:#ffffff07}.rb-secondary:hover{background:#fff1}.rb-record{min-height:16px;margin:13px 0 8px;font-size:11px;color:#adbfac;text-align:center;line-height:1.5}.rb-text-button{display:block;margin:0 auto;min-height:44px;color:#b8ccc1;background:none;border:none;font-size:11px;text-underline-offset:4px}.rb-text-button:hover{color:#f5e5bf;text-decoration:underline}.rb-tips{width:min(1000px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:62px auto 0;padding:27px 32px 40px;border-top:1px solid #bfccbd20}.rb-tip{display:flex;align-items:flex-start;gap:13px}.rb-tip-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border:1px solid #aac5af36;border-radius:9px;color:#c4d8b6}.rb-tip-icon svg{width:20px;height:20px}.rb-tip b{font-size:12px;font-weight:500}.rb-tip p{margin:6px 0 0;color:#99b2aa;font-size:11px;line-height:1.65}.rubar-playing{background:#101c23;overscroll-behavior:none}.rb-play{width:min(440px,calc((100svh - 205px) * 2 / 3));min-width:216px;margin:auto;padding:max(10px,env(safe-area-inset-top)) 0 max(5px,env(safe-area-inset-bottom))}.rb-bar{display:flex;gap:12px;align-items:center;height:48px;margin-bottom:10px}.rb-game-title{border:0;padding:0;background:none;color:#e6d6b3;font:500 22px var(--yk-serif)}.rb-points{margin-inline-start:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.rb-points span{color:#a3b7ad;font-size:9px}.rb-points strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.rb-hearts{color:#e8ad8e;font-size:16px;letter-spacing:3px;direction:ltr;white-space:nowrap}.rb-icon{width:40px;height:40px;display:grid;place-items:center;color:#d7e3d7;border:1px solid #bad8c229;background:#ffffff07;border-radius:10px}.rb-icon svg{width:19px;height:19px}.rb-river-header{display:flex;gap:12px;align-items:center;margin:0 1px 8px;min-height:17px;font-size:10px}.rb-section{color:#c6d9c4}.rb-gate-count{color:#9fbab2;margin-inline-start:auto;font-variant-numeric:tabular-nums}.rb-multiplier{min-width:27px;text-align:center;color:#f3dca1}.rb-multiplier[data-hot=true]{color:#e0fbc0}.rb-progress{display:block;appearance:none;width:100%;height:3px;border:none;overflow:hidden;border-radius:2px;background:#c5e0c622;margin-bottom:8px}.rb-progress::-webkit-progress-bar,.rb-energy::-webkit-progress-bar{background:#c5e0c622}.rb-progress::-webkit-progress-value{background:#c4dca1}.rb-progress::-moz-progress-bar{background:#c4dca1}.rb-stage{position:relative;width:100%;aspect-ratio:2 / 3;border:1px solid #badbc040;border-radius:17px;box-shadow:0 18px 40px #0004;overflow:hidden}.rb-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.rb-canvas:active{cursor:grabbing}.rb-feedback{position:absolute;top:20px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);margin:auto;border:1px solid #d9e9b944;background:#123638ed;box-shadow:0 3px 18px #0002;color:#ecedc9;padding:9px 14px;border-radius:20px;text-align:center;font-size:11px;line-height:1.5;pointer-events:none}.rb-feedback[data-tone=hit]{color:#ffd6bd;background:#583d35ef}.rb-controls{display:grid;grid-template-columns:54px 1fr 54px;gap:10px;margin-top:12px}.rb-direction{min-height:51px;border:1px solid #b7cdbb30;color:#d1e1cd;background:#b7cdbb08;border-radius:11px;font-size:22px;touch-action:none;user-select:none}.rb-direction.is-held{color:#162c2e;background:#bdd9bd}.rb-brake{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;padding:8px 8px 13px;border:1px solid #92cac260;border-radius:11px;background:#19545870;color:#d9ecdb;touch-action:none;user-select:none;overflow:hidden}.rb-brake span{display:flex}.rb-brake svg{height:20px;width:20px}.rb-brake b{font-size:11px;font-weight:500}.rb-brake.is-held{background:#29716f;border-color:#c8eed5}.rb-brake.is-empty{color:#b7c0b8;background:#344747}.rb-energy{position:absolute;bottom:0;left:0;width:100%;appearance:none;height:4px;border:none;background:#c5e0c622}.rb-energy::-webkit-progress-value{background:#92dcd4}.rb-energy::-moz-progress-bar{background:#92dcd4}.rb-hint{text-align:center;color:#8fac9f;font-size:9px;margin:10px 0 0;line-height:1.5}.rb-dialog{width:min(380px,calc(100% - 30px));max-height:calc(100svh - 30px);margin:auto;overflow:auto;padding:30px;color:#edf0d8;border:1px solid #a3cba75c;border-radius:22px;background:#152e33;box-shadow:0 25px 90px #0008;text-align:center}.rb-dialog::backdrop{background:#051720b8}.rb-dialog h2{font:500 30px/1.25 var(--yk-serif);margin:12px 0 17px}.rb-dialog .rb-button{margin-top:11px}.rb-dialog .rb-eyebrow{font-size:9px;margin-bottom:5px}.rb-result-note{color:#b7cbbd;font-size:12px;line-height:1.6}.rb-medal{width:54px;height:54px;display:grid;place-items:center;border:1px solid #e5c78960;border-radius:50%;font-size:36px;color:#ecd297;margin:0 auto 15px;background:#f1cb7211}.rb-medal--silver{color:#b4dbd5;border-color:#b4dbd560}.rb-medal--bronze{color:#dcaa85}.rb-result-score{display:block;font:500 52px/1.1 var(--yk-serif);color:#f5dfad;margin-top:16px}.rb-result-best{font-size:11px;color:#c5d8ac}.rb-result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;padding-block:15px;border-block:1px solid #aec9ae28;gap:7px}.rb-result-stats b{display:block;color:#e4e9d2;font-size:17px;font-weight:500}.rb-result-stats span{display:block;color:#aabfaf;font-size:9px;margin-top:6px}.rb-save-note{display:block;color:#9cb4a7;font-size:9px;margin-top:9px;line-height:1.5}html[lang=ckb] .rb-menu h1{font:600 clamp(52px,6vw,78px)/1.4 Tahoma,sans-serif;letter-spacing:0}html[lang=ckb] :is(.rb-menu h2,.rb-dialog h2,.rb-game-title){font-family:Tahoma,sans-serif}html[lang=ckb] .rb-eyebrow{letter-spacing:0}html[lang=ckb] .rb-menu h2{line-height:1.7;font-size:20px}html[lang=ckb] .rb-mode{min-height:108px}html[lang=ckb] .rb-mode small{line-height:1.8}html[lang=ckb] .rb-dialog h2{font-size:23px;line-height:1.6}@media(max-width:700px){.rb-header{padding:max(15px,env(safe-area-inset-top)) 18px 0}.rb-brand{font-size:16px;gap:7px}.rb-brand svg{width:27px;height:27px}.rb-nav{gap:7px}.rb-menu-main{grid-template-columns:1fr;gap:8px;padding:0 24px;margin-top:13px;max-width:420px}.rb-hero{width:240px;margin:auto}.rb-scene-label{display:none}.rb-menu-content{text-align:center}.rb-eyebrow{margin:4px 0 8px;font-size:9px}.rb-menu h1{font-size:56px}.rb-menu h2{font-size:19px;max-width:none;margin-top:9px}.rb-intro{font-size:11px}.rb-modes{margin:20px 0 13px}.rb-mode{min-height:87px}.rb-tips{grid-template-columns:1fr;gap:19px;padding:22px 28px 35px;margin-top:20px;max-width:420px}.rb-tip{text-align:start}.rb-tip p{margin-top:3px}.rb-play{width:min(calc(100vw - 24px),calc((100svh - 215px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 2 / 3))}html[lang=ckb] .rb-menu h1{font-size:48px}html[lang=ckb] .rb-menu h2{font-size:16px}}@media(max-height:630px)and (orientation:landscape){.rb-play{width:min(350px,calc((100svh - 150px) * 2 / 3));min-width:150px}.rb-bar{height:35px;gap:7px;margin-bottom:3px}.rb-game-title{font-size:17px}.rb-hearts{font-size:11px;letter-spacing:1px}.rb-points strong{font-size:14px}.rb-icon{width:30px;height:30px}.rb-controls{position:fixed;left:18px;right:18px;bottom:25px;grid-template-columns:52px minmax(80px,130px) 52px;justify-content:space-between;pointer-events:none}.rb-controls button{pointer-events:auto}.rb-river-header{font-size:8px;gap:4px}.rb-hint{display:none}.rb-dialog{padding:18px}}@media(forced-colors:active){.rb-button,.rb-mode,.rb-direction,.rb-brake,.rb-icon{border:2px solid ButtonText}.rb-mode[aria-pressed=true]{outline:2px solid Highlight}}