@import"https://fonts.googleapis.com/css2?family=Ultra&family=Fredoka:wght@400;600;700&display=swap";:root{--ink: #2a1608;--cream: #fff3d6;--wood: #a8672f;--wood-light: #d39a58;--wood-dark: #6b3f1c;--wood-deep: #4a2a10;--leather: #8a4b22;--red: #d0342c;--red-dark: #8c1f1a;--green: #3f9a4a;--green-dark: #1c5127;--gold: #ffc233;--gold-dark: #c8880d;--blue: #2f7fd0;--blue-dark: #1c4f87;--purple: #8a4fb0;--sky: #8fd3f4;--sa-top: env(safe-area-inset-top, 0px);--sa-right: env(safe-area-inset-right, 0px);--sa-bottom: env(safe-area-inset-bottom, 0px);--sa-left: env(safe-area-inset-left, 0px);--font-display: "Ultra", "Rockwell", "Arial Black", Impact, system-ui, sans-serif;--font-body: "Fredoka", "Nunito", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#5a3218;color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root,#controls{position:absolute;inset:0;pointer-events:none;z-index:10}#controls{z-index:9}.rk-screen,.ctl-pad,.ctl-stick,.rk-toast,.rk-hud-btn,.rk-coach-bar{pointer-events:auto}.ctl-pad{position:absolute;bottom:calc(10px + var(--sa-bottom));border:4px solid rgba(42,22,8,.9);border-radius:22px;background:linear-gradient(180deg,#d39a5880,#6b3f1c99);box-shadow:inset 0 3px #fff3d640,0 4px #00000059;color:var(--cream);font-family:var(--font-display);font-size:clamp(15px,3.6vw,22px);letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;touch-action:none;transition:transform .06s ease,background .06s ease;backdrop-filter:blur(2px)}.ctl-pad.is-down{background:linear-gradient(180deg,#ffc233cc,#c8880db3);transform:translateY(3px) scale(.985)}.ctl-pad:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.ctl-pad--wide{left:calc(12px + var(--sa-left));right:calc(12px + var(--sa-right));height:21vh;min-height:96px}.ctl-pad--half{width:calc(50% - 18px);height:21vh;min-height:96px}.ctl-pad--third{width:calc(33.33% - 16px);height:20vh;min-height:90px}.ctl-pad--l{left:calc(12px + var(--sa-left))}.ctl-pad--r{right:calc(12px + var(--sa-right))}.ctl-pad--c{left:50%;transform:translate(-50%)}.ctl-pad--c.is-down{transform:translate(-50%) translateY(3px) scale(.985)}.ctl-pad--go{background:linear-gradient(180deg,#3f9a4ab3,#1c5127bf)}.ctl-pad--go.is-down{background:linear-gradient(180deg,#78dc82e6,#3f9a4acc)}.ctl-pad--round{right:calc(20px + var(--sa-right));bottom:calc(22px + var(--sa-bottom));width:112px;height:112px;border-radius:50%}.ctl-stick{position:absolute;left:calc(22px + var(--sa-left));bottom:calc(22px + var(--sa-bottom));width:136px;height:136px;border-radius:50%;border:4px solid rgba(42,22,8,.7);background:radial-gradient(circle,#fff3d633,#2a160857);touch-action:none;display:grid;place-items:center}.ctl-knob{width:64px;height:64px;border-radius:50%;border:4px solid var(--ink);background:linear-gradient(180deg,var(--cream),var(--wood));transition:transform .04s linear}.rk-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(12px + var(--sa-top)) calc(12px + var(--sa-right)) calc(12px + var(--sa-bottom)) calc(12px + var(--sa-left));animation:rk-fade .18s ease}.rk-screen--dim{background:#140a049e;backdrop-filter:blur(2px)}.rk-screen--clear{background:none}.rk-screen--bottom{justify-content:flex-end}@media (min-width: 900px){.rk-screen--clear{align-items:flex-end}.rk-screen--clear .rk-panel{width:min(460px,44vw);margin-right:3vw}}@keyframes rk-fade{0%{opacity:0}to{opacity:1}}.rk-panel{position:relative;width:min(600px,100%);max-height:100%;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:repeating-linear-gradient(180deg,#0000 0 34px,#00000017 34px 36px),linear-gradient(180deg,#b5733a,#7d4820 60%,#5a3218);border:5px solid var(--ink);border-radius:22px;box-shadow:0 10px #00000059,inset 0 3px #ffffff2e,inset 0 0 0 6px #e0b46a59;padding:16px 14px 18px;text-align:center}.rk-panel--wide{width:min(760px,100%)}.rk-logo{display:block;width:min(100%,320px);margin:0 auto 6px;border-radius:14px;border:4px solid var(--ink);box-shadow:0 6px #00000059}.rk-title{font-family:var(--font-display);font-size:clamp(24px,6.5vw,40px);line-height:1.05;margin:4px 0 2px;color:var(--gold);text-shadow:0 4px 0 var(--ink),0 6px 10px rgba(0,0,0,.45);letter-spacing:.01em}.rk-title--blue{color:#63a8ec}.rk-sub{font-family:var(--font-display);font-size:clamp(11px,2.6vw,14px);letter-spacing:.18em;color:var(--cream);opacity:.9;margin:0 0 10px}.rk-h2{font-family:var(--font-display);font-size:clamp(16px,4vw,21px);color:var(--gold);margin:12px 0 6px;text-shadow:0 3px 0 var(--ink)}.rk-body{font-size:16px;line-height:1.45;margin:6px 0 12px;color:var(--cream);font-weight:600}.rk-muted{opacity:.75;font-size:13px}.rk-tiny{opacity:.6;font-size:11px;margin-top:10px}.rk-plank{background:linear-gradient(180deg,#f5dfb0,#e0b979);color:#3a2410;border:4px solid var(--ink);border-radius:12px;padding:10px 12px;margin:8px 0;font-weight:700;font-size:15px;line-height:1.35;box-shadow:0 4px #0000004d}.rk-coach{display:flex;gap:10px;align-items:flex-end;text-align:left;margin:8px 0}.rk-coach .rk-plank{flex:1;margin:0 0 12px;position:relative}.rk-coach .rk-plank:before{content:"";position:absolute;left:-14px;bottom:14px;border:8px solid transparent;border-right-color:var(--ink)}.rk-coach__who{font-family:var(--font-display);font-size:11px;color:var(--red-dark);letter-spacing:.1em;margin-bottom:3px}.rk-btn{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:58px;margin:8px 0;padding:10px 16px;border:4px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,#4fb35c,var(--green-dark));box-shadow:0 5px #0006,inset 0 2px #ffffff47;color:var(--cream);font-family:var(--font-display);font-size:clamp(15px,3.6vw,19px);letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.5);cursor:pointer;touch-action:manipulation;transition:transform .07s ease,box-shadow .07s ease,filter .07s ease}.rk-btn:active:not([disabled]){transform:translateY(4px);box-shadow:0 1px #0006}.rk-btn:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.rk-btn[disabled]{filter:grayscale(.7) brightness(.72);cursor:default}.rk-btn__icon{font-size:1.3em;line-height:1;flex:none}.rk-btn__label{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.rk-btn__sub{font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:0;opacity:.9;text-align:right;max-width:46%}.rk-btn--primary{background:linear-gradient(180deg,#ffd45a,var(--gold-dark));color:#3a2410;text-shadow:0 2px 0 rgba(255,255,255,.35)}.rk-btn--red{background:linear-gradient(180deg,#ef5a4f,var(--red-dark))}.rk-btn--blue{background:linear-gradient(180deg,#4a9fd8,var(--blue-dark))}.rk-btn--purple{background:linear-gradient(180deg,#a76bc9,#4f2f66)}.rk-btn--wood{background:linear-gradient(180deg,#c07a3c,var(--wood-dark))}.rk-btn--ghost{background:#0000004d;border-color:#2a1608b3}.rk-btn--small{min-height:44px;font-size:14px;margin:5px 0;padding:6px 12px}.rk-btn--big{min-height:72px;font-size:clamp(18px,4.5vw,24px)}.rk-btn--locked{filter:grayscale(.6) brightness(.8)}.rk-grid2 .rk-btn__sub{display:none}.rk-grid2 .rk-btn{font-size:clamp(13px,3.2vw,16px);padding:8px 10px}.rk-btn--stack{flex-wrap:wrap}.rk-grid2 .rk-btn--stack .rk-btn__sub,.rk-btn--stack .rk-btn__sub{display:block;width:100%;max-width:none;text-align:left;margin-top:-4px}.rk-row{display:flex;gap:8px;align-items:stretch}.rk-row>.rk-btn{margin:8px 0}.rk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rk-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rk-wallet{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:6px}.rk-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:3px solid var(--ink);border-radius:999px;background:#00000052;font-family:var(--font-display);font-size:12px;letter-spacing:.03em}.rk-chip--gold{background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#3a2410}.rk-chip--blue{background:linear-gradient(180deg,#63a8ec,var(--blue-dark))}.rk-chip--red{background:linear-gradient(180deg,#ef5a4f,var(--red-dark))}.rk-card{border:4px solid var(--ink);border-radius:16px;background:linear-gradient(180deg,#fff3d629,#00000047);padding:8px 6px;text-align:center;cursor:pointer;touch-action:manipulation;transition:transform .08s ease;position:relative}.rk-card:active{transform:scale(.97)}.rk-card:focus-visible{outline:4px solid var(--gold);outline-offset:2px}.rk-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 4px #ffc23373;background:linear-gradient(180deg,#ffc23347,#00000047)}.rk-card.is-locked{opacity:.55}.rk-card__name{font-family:var(--font-display);font-size:13px;margin-top:4px}.rk-card__sub{font-size:12px;opacity:.85;font-weight:600}.rk-card__badge{position:absolute;top:-8px;right:-6px;background:var(--gold);color:#3a2410;border:3px solid var(--ink);border-radius:999px;font-family:var(--font-display);font-size:10px;padding:2px 7px}.rk-preview{display:block;margin:0 auto}.rk-opt{display:grid;grid-template-columns:84px 44px 1fr 44px;align-items:center;gap:6px;margin:5px 0;text-align:left}.rk-opt__label{font-family:var(--font-display);font-size:11px;letter-spacing:.06em;color:var(--gold)}.rk-opt__value{font-weight:700;font-size:14px;text-align:center;background:#0000004d;border:3px solid var(--ink);border-radius:10px;padding:7px 4px;min-height:40px;display:flex;align-items:center;justify-content:center;gap:6px}.rk-opt .rk-btn{min-height:40px;margin:0;padding:0;justify-content:center;font-size:18px}.rk-opt .rk-btn__label{text-align:center}.rk-swatch{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--ink)}.rk-swatches{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:4px 0}.rk-swatches .rk-swatch{width:30px;height:30px;border-width:3px;cursor:pointer}.rk-swatches .rk-swatch.is-selected{box-shadow:0 0 0 3px var(--gold)}.rk-stat{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;margin:3px 0;font-size:12px;font-weight:700;text-align:left}.rk-bar{height:12px;background:#0006;border:2px solid var(--ink);border-radius:999px;overflow:hidden}.rk-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4fb35c,#ffd45a);border-radius:999px}.rk-bar--trust>span{background:linear-gradient(90deg,#f28cb2,#d0342c)}.rk-table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 10px}.rk-table th,.rk-table td{padding:7px 8px;text-align:left}.rk-table th{font-family:var(--font-display);font-size:11px;color:var(--gold);letter-spacing:.06em}.rk-table tbody tr{background:#00000038}.rk-table tbody tr:nth-child(2n){background:#00000052}.rk-table tbody tr.is-player{background:#ffc23347;color:#fff;font-weight:900}.rk-table td.num{text-align:right;font-variant-numeric:tabular-nums}.rk-input{width:100%;padding:12px;border:4px solid var(--ink);border-radius:12px;background:#fff3d6f0;color:#3a2410;font-family:var(--font-display);font-size:18px;text-align:center}.rk-range{width:100%;height:36px;touch-action:pan-y;accent-color:var(--gold)}.rk-stars{font-size:34px;letter-spacing:4px;margin:4px 0;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.rk-stars .dim{opacity:.25}.rk-score{display:inline-block;background:#0e1a2a;color:#ffd45a;border:4px solid var(--ink);border-radius:12px;padding:8px 22px;font-family:var(--font-display);font-size:clamp(28px,8vw,44px);letter-spacing:.04em;box-shadow:inset 0 0 0 3px #2f7fd0,0 4px #0006;margin:6px 0}.rk-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:6px;margin:10px 0 6px}.rk-step{display:flex;flex-direction:column;align-items:center;padding:6px 4px 0;border-radius:12px}.rk-step.is-you{background:#ffc2332e}.rk-step__medal{font-size:26px;line-height:1.1}.rk-step__name{font-family:var(--font-display);font-size:11px;margin-top:4px;text-align:center;overflow-wrap:anywhere}.rk-step__block{width:100%;margin-top:6px;border:4px solid var(--ink);border-bottom:none;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#c07a3c,var(--wood-dark));font-family:var(--font-display);font-size:18px;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.5)}.rk-step--1 .rk-step__block{height:62px;line-height:58px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#3a2410}.rk-step--2 .rk-step__block{height:42px;line-height:38px}.rk-step--3 .rk-step__block{height:30px;line-height:26px}.rk-trail{display:flex;flex-direction:column;gap:4px}.rk-stop{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;text-align:left;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;background:#00000042}.rk-stop.is-current{background:#ffc23338;border-color:var(--gold)}.rk-stop.is-done{background:#3f9a4a47}.rk-stop.is-locked{opacity:.55}.rk-stop__icon{font-size:26px;text-align:center}.rk-stop__name{font-family:var(--font-display);font-size:13px}.rk-stop__sub{font-size:12px;opacity:.85;font-weight:600}.rk-hud-btn{position:absolute;top:calc(12px + var(--sa-top));right:calc(12px + var(--sa-right));width:52px;height:52px;border:4px solid var(--ink);border-radius:14px;background:#2a1608a6;color:var(--cream);font-size:22px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.rk-toast{position:absolute;left:50%;top:calc(18px + var(--sa-top));transform:translate(-50%);min-width:240px;max-width:92vw;padding:10px 16px;border:4px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#3a2410;font-family:var(--font-display);font-size:14px;text-align:center;box-shadow:0 6px #00000059;animation:rk-drop .3s ease;z-index:20}.rk-toast--plain{background:linear-gradient(180deg,#d39a58,var(--wood-dark));color:var(--cream)}@keyframes rk-drop{0%{transform:translate(-50%,-40px);opacity:0}to{transform:translate(-50%);opacity:1}}.rk-error{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:2rem 1.2rem;text-align:center;background:linear-gradient(180deg,#7d4820,#3a1f0c);pointer-events:auto}.rk-error__icon{font-size:60px}.rk-error__detail{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:.8;max-width:90vw;word-break:break-word;background:#00000059;padding:8px 10px;border-radius:8px}.rk-error .rk-btn{width:auto;min-width:150px}@media (prefers-reduced-motion: reduce){.rk-screen,.rk-toast{animation:none}.rk-btn{transition:none}}@media (pointer: fine) and (min-width: 820px){.ctl-pad--wide,.ctl-pad--half{height:80px;min-height:80px}.ctl-pad--third{height:74px;min-height:74px}.ctl-pad--round{width:88px;height:88px}.ctl-stick{width:112px;height:112px}.ctl-knob{width:52px;height:52px}}@media (max-width: 520px){.rk-screen--bottom .rk-panel{max-height:66vh}.rk-logo{width:min(100%,230px)}.rk-grid2 .rk-btn{font-size:13px;padding:8px;gap:6px;min-height:52px}.rk-grid3 .rk-btn,.rk-grid4 .rk-btn{font-size:12px;padding:6px 4px;gap:4px}.rk-opt{grid-template-columns:64px 40px 1fr 40px}.rk-opt__label{font-size:10px}.rk-panel{padding:12px 10px 14px}}@media (max-height: 480px){.ctl-pad--wide,.ctl-pad--half{height:30vh;min-height:74px}.ctl-pad--third{height:28vh;min-height:68px}.rk-panel{padding:10px 10px 12px}.rk-logo{width:min(100%,200px)}.rk-btn{min-height:46px;margin:5px 0}}