html:root{--kit-bg: #3b2216;--kit-panel: #fbefdc;--kit-fg: #2e1a10;--kit-muted: #7d5a40;--kit-accent: #33b067;--kit-accent-fg: #ffffff;--kit-accent-2: #f3c836;--kit-warn: #d8342f;--kit-radius: 18px;--kit-font: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--kit-focus-shadow: 0 0 0 3px #f3c836, 0 0 22px rgba(243, 200, 54, .65);--kit-glyph-key: linear-gradient(180deg, #fff3dc, #e9c48e);--kit-glyph-key-ink: #2e1a10;--ro-ink: #2e1a10;--ro-red: #d8342f;--ro-red-deep: #9e1f1b;--ro-stitch: #ffe6c7;--ro-cushion: #fbefdc;--ro-cushion-2: #f1dcbd;--ro-gold: #f3c836;--ro-green: #33b067;--ro-teal: #3fcfc4;--ro-pink: #ff8fb5;--ro-brown: #5b2f20;--ro-mono: ui-monospace, "Cascadia Mono", Menlo, monospace;--ro-biscuit: linear-gradient(180deg, #f8d59a 0%, #e9b46c 52%, #cf9049 100%);--ro-tag-gold: radial-gradient(circle at 32% 28%, #fff7cf 0%, #f3c836 42%, #c99a10 100%);--ro-tag-green: radial-gradient(circle at 32% 28%, #cbf5d8 0%, #33b067 45%, #1d7a43 100%);--ro-green-face: linear-gradient(180deg, rgba(255, 255, 255, .28) 0 12%, rgba(255, 255, 255, 0) 30%), linear-gradient(180deg, #34a862 0%, #23874b 55%, #186a39 100%);--ro-tag-yellow: radial-gradient(circle at 32% 28%, #fffbe0 0%, #ffe36b 45%, #d9b21d 100%);--ro-strap-fill: linear-gradient(180deg, #ef5a52 0%, #d8342f 48%, #9e1f1b 100%);--ro-quilt: radial-gradient(circle at 50% 50%, rgba(80, 10, 8, .35) 0 2.2px, transparent 3px) 0 0 / 22px 22px, radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .18) 0 7px, transparent 11px) 11px 11px / 22px 22px, linear-gradient(160deg, #ee5d54 0%, #d8342f 50%, #b02723 100%)}html,body{margin:0;height:100%;background:radial-gradient(circle at 30% 40%,rgba(255,238,220,.06) 0 2px,transparent 3px) 0 0 / 26px 30px,radial-gradient(circle at 70% 70%,rgba(255,238,220,.04) 0 3px,transparent 4px) 0 0 / 41px 37px,radial-gradient(120% 100% at 50% 0%,#6a3a26,#3b2216 58%,#24140c);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}canvas{display:block;touch-action:none;transition:filter .5s ease}html.ro-attract canvas{filter:blur(3px) brightness(.66) saturate(1.15)}html.ro-lineup canvas,html.ro-cover canvas{filter:none}html.ro-lineup #ui{display:none}:focus{outline:none}.ro-card,.ro-panel,html .kit-modal-sheet{position:relative;box-sizing:border-box;color:var(--ro-ink);border:12px solid transparent;border-radius:34px;background:linear-gradient(170deg,#fffaf0 0%,var(--ro-cushion) 55%,var(--ro-cushion-2) 100%) padding-box,var(--ro-quilt) border-box;box-shadow:0 0 0 3px var(--ro-ink),inset 0 0 0 3px var(--ro-ink),inset 0 6px 14px #783c142e,0 14px #140a0473,0 24px 50px #00000073}.ro-card:after,.ro-panel:after,html .kit-modal-sheet:after{content:"";position:absolute;inset:7px;border:2px dashed rgba(183,116,0,.35);border-radius:18px;pointer-events:none}.ro-strap,html .kit-modal-title{position:relative;background:var(--ro-strap-fill);border:3px solid var(--ro-ink);border-radius:14px;box-shadow:inset 0 2px #ffffff59,0 4px 0 var(--ro-ink)}.ro-strap:before,html .kit-modal-title:before{content:"";position:absolute;inset:5px 10px;border-top:2px dashed var(--ro-stitch);border-bottom:2px dashed var(--ro-stitch);pointer-events:none;opacity:.85}html .kit-dim{background:#1e100885;backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%)}html .kit-title-screen.kit-dim{background:radial-gradient(ellipse 75% 60% at 50% 42%,#1e10080d,#1e100880 70%,#140a04e0);backdrop-filter:none;-webkit-backdrop-filter:none}html .kit-title{font-weight:900;color:#fff3dc;text-shadow:0 3px 0 var(--ro-ink);-webkit-text-stroke:6px var(--ro-ink);paint-order:stroke fill}html .kit-tagline{font-family:var(--ro-mono);color:#f6e3c8}html .kit-menu{gap:10px}html .kit-btn{position:relative;overflow:hidden;font:900 16px var(--kit-font);color:var(--ro-ink);border-radius:20px;background:radial-gradient(circle at calc(100% - 20px) 32%,#a8743c 0 2px,transparent 2.6px),radial-gradient(circle at calc(100% - 32px) 68%,#a8743c 0 2px,transparent 2.6px),radial-gradient(circle at calc(100% - 44px) 32%,#a8743c 0 2px,transparent 2.6px),var(--ro-biscuit);border:3px solid var(--ro-ink);box-shadow:0 4px 0 var(--ro-ink),inset 0 2px #ffffff8c,inset 0 -4px #8c501440;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease}html[data-hub-input=keys] .kit-btn:focus,html .kit-btn.hub-nav-focus,html .kit-btn[data-hub-focus]{filter:brightness(1.06);box-shadow:0 0 0 3px var(--ro-gold),0 0 24px #f3c836b3,0 4px 0 var(--ro-ink)}@media(hover:hover){html .kit-btn:hover{filter:brightness(1.06);box-shadow:0 0 0 3px var(--ro-gold),0 0 24px #f3c836b3,0 4px 0 var(--ro-ink)}html .kit-btn:hover:not(:disabled){transform:translateY(-2px)}}html .kit-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ro-ink)}html .kit-btn:disabled{filter:grayscale(.6) brightness(.92);opacity:.7}html .kit-btn.kit-primary{color:#fff;text-shadow:0 2px 0 rgba(15,60,30,.85);background:var(--ro-green-face);box-shadow:0 4px 0 var(--ro-ink),0 0 22px #33b06773,inset 0 2px #ffffff80}html .kit-btn.kit-primary:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);transform:skew(-20deg);animation:ro-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}html .kit-btn-sub{font-family:var(--ro-mono);font-weight:400}html .kit-glyph{text-shadow:none;-webkit-text-stroke:0}html .kit-pause-btn{min-height:46px;min-width:46px;border-radius:999px;padding:0}html .kit-modal{background:#140a048c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}html .kit-modal-sheet{overflow:hidden;animation:ro-pop-card .32s cubic-bezier(.2,1.4,.4,1)}html .kit-modal-title{align-self:center;width:fit-content;margin:-2px auto 10px;padding:8px 26px;font-size:1.45rem;text-align:center;font-weight:900;color:#fff3dc;-webkit-text-stroke:5px var(--ro-ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ro-ink);animation:ro-title-bounce .6s .05s cubic-bezier(.2,1.6,.4,1) both}html .kit-modal-body{overflow-y:auto;min-height:0;flex:1 1 auto;padding-right:4px;color:var(--ro-ink);font-family:system-ui,Segoe UI,sans-serif;font-weight:500;line-height:1.45}html .kit-modal-body li,html .kit-modal-body p{animation:ro-fade-up .35s both}html .kit-modal-body li:nth-child(2),html .kit-modal-body p:nth-child(2){animation-delay:.05s}html .kit-modal-body li:nth-child(3),html .kit-modal-body p:nth-child(3){animation-delay:.1s}html .kit-modal-body li:nth-child(4),html .kit-modal-body p:nth-child(4){animation-delay:.15s}html .kit-modal-body li:nth-child(n+5),html .kit-modal-body p:nth-child(n+5){animation-delay:.2s}html [data-testid=howto] .kit-modal-body p{position:relative;padding-left:30px}html [data-testid=howto] .kit-modal-body p:before{content:"🐾";position:absolute;left:0;top:0;font-size:18px}html .kit-modal-buttons .kit-btn,html .kit-modal-body .kit-row,html .kit-modal-body .kit-seg{animation:ro-fade-up .35s both}html .kit-modal-body .kit-row:nth-child(2){animation-delay:.04s}html .kit-modal-body .kit-row:nth-child(3){animation-delay:.08s}html .kit-modal-body .kit-row:nth-child(4){animation-delay:.12s}html .kit-modal-body .kit-row:nth-child(n+5){animation-delay:.16s}html .kit-modal-buttons .kit-btn{min-width:150px;padding-left:22px;padding-right:22px}html[data-prompts=keys] .kit-modal-buttons .kit-btn:has(>.kit-glyph-on[data-keys=yes]),html[data-prompts=pad] .kit-modal-buttons .kit-btn:has(>.kit-glyph-on[data-pad=yes]){padding-left:46px;padding-right:46px}html .kit-row{border-bottom:2px dashed rgba(183,116,0,.25)}html .kit-row:last-child{border-bottom:0}html .kit-row-label{color:var(--ro-ink);font-weight:700}html .kit-row:has(>.kit-seg){flex-wrap:wrap;padding:6px 0}html .kit-row:has(>.kit-seg)>.kit-seg{flex:1 1 100%}html .kit-seg{display:flex;flex-wrap:nowrap;background:#2e1a101a;border:2.5px solid var(--ro-ink);border-radius:22px;padding:3px;gap:4px}html .kit-seg button{flex:1 1 0;white-space:nowrap;border-radius:999px;font:900 .86rem var(--kit-font);min-height:42px;padding:6px 10px;color:var(--ro-ink);background:var(--ro-biscuit);border:2px solid var(--ro-ink)}html .kit-seg button[aria-checked=true]{background:var(--ro-green-face);color:#fff;text-shadow:0 1px 0 rgba(15,60,30,.85);box-shadow:0 0 14px #33b06780}html[data-hub-input=keys] .kit-seg button:focus,html .kit-seg button[data-hub-focus]{box-shadow:0 0 0 3px var(--ro-gold),0 0 18px #f3c83699}html .kit-toggle{width:60px;height:34px;border:2.5px solid var(--ro-ink);background:linear-gradient(180deg,#e9d3b0,#d4b88e);box-shadow:inset 0 2px 4px #2e1a104d}html .kit-toggle:after{top:3px;left:3px;width:23px;height:23px;background:var(--ro-tag-gold);border:2px solid var(--ro-ink);box-sizing:border-box}html .kit-toggle[aria-checked=true]{background:var(--ro-green-face);box-shadow:0 0 12px #33b06780}html[data-hub-input=keys] .kit-toggle:focus,html .kit-toggle[data-hub-focus]{box-shadow:0 0 0 3px var(--ro-gold),0 0 18px #f3c83699}html .kit-slider{-webkit-appearance:none;appearance:none;height:34px;background:transparent}html .kit-slider::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:var(--ro-strap-fill);border:2.5px solid var(--ro-ink)}html .kit-slider::-moz-range-track{height:8px;border-radius:999px;background:var(--ro-strap-fill);border:2.5px solid var(--ro-ink)}html .kit-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:999px;background:var(--ro-tag-gold);border:2.5px solid var(--ro-ink);box-shadow:0 2px 0 var(--ro-ink)}html .kit-slider::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:var(--ro-tag-gold);border:2.5px solid var(--ro-ink)}html[data-hub-input=keys] .kit-slider:focus::-webkit-slider-thumb,html .kit-slider[data-hub-focus]::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--ro-gold),0 0 16px #f3c836cc}html .kit-toast{color:var(--ro-ink);background:linear-gradient(170deg,#fffaf0,var(--ro-cushion));border:3px solid var(--ro-ink);border-left:10px solid var(--ro-red);border-radius:16px;font-family:system-ui,Segoe UI,sans-serif;font-weight:600;box-shadow:0 5px #140a0473;animation:ro-pop-card .3s cubic-bezier(.2,1.4,.4,1)}html .kit-toast .kit-btn{min-height:40px;font-size:14px}html .kit-loading .kit-tagline{font:900 1rem var(--kit-font);color:#fff3dc;animation:ro-jingle 1.2s ease-in-out infinite}html .kit-spinner{border-color:#f3c8364d;border-top-color:var(--ro-gold)}.ro-card{width:min(92vw,400px);padding:14px 16px 16px;margin-top:26px;text-align:center;animation:ro-pop-card .32s cubic-bezier(.2,1.4,.4,1) both}.ro-strap{display:flex;align-items:center;justify-content:center;gap:10px;margin:-40px auto 10px;width:fit-content;max-width:100%;padding:4px 22px 4px 14px;animation:ro-title-bounce .6s .06s cubic-bezier(.2,1.6,.4,1) both}.ro-buckle{flex:0 0 auto;width:22px;height:30px;box-sizing:border-box;border-radius:6px;border:4px solid var(--ro-gold);box-shadow:0 0 0 2px var(--ro-ink),inset 0 0 0 2px var(--ro-ink);background:linear-gradient(90deg,transparent 6px,#c99a10 6px 9px,transparent 9px)}html .ro-card .kit-title{margin:0;font-size:clamp(1.7rem,8vw,2.3rem)}html .ro-card .kit-title.ro-lost{color:var(--ro-gold)}.ro-card-sub{margin:0 0 12px;font:700 .78rem var(--ro-mono);color:var(--kit-muted);animation:ro-fade-up .35s .12s both}.ro-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 12px;animation:ro-fade-up .35s .18s both}.ro-twist{margin:-4px 0 12px;font:700 .82rem system-ui,sans-serif;color:var(--ro-red-deep)}html .ro-card .kit-menu{margin-top:6px}html .kit-result-body{color:var(--ro-ink)}html .kit-result-body p{margin:4px 0}.ro-total{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.ro-total p{display:flex;flex-direction:column;align-items:flex-start}.ro-result-face{border-radius:999px;border:3px solid var(--ro-ink);background:var(--ro-tag-gold);box-shadow:0 3px 0 var(--ro-ink)}.ro-total span{font:700 .72rem var(--ro-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--kit-muted)}.ro-total strong{font:900 2.5rem var(--kit-font);color:var(--ro-gold);-webkit-text-stroke:7px var(--ro-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ro-ink)}.ro-best{font:700 .9rem system-ui,sans-serif}.ro-best strong{color:var(--ro-brown)}.ro-new-best{color:#1d7a43;animation:ro-pop-in .5s .6s cubic-bezier(.2,1.6,.4,1) both}.ro-unlocked{display:flex;align-items:center;justify-content:center;gap:8px;font:900 .95rem var(--kit-font);color:#1d7a43;animation:ro-pop-in .5s .8s cubic-bezier(.2,1.6,.4,1) both}html .kit-btn.ro-in{animation:ro-btn-in .48s calc(.3s + var(--i, 0) * 60ms) cubic-bezier(.2,1.4,.4,1) both}html .kit-btn.ro-mbtn,html[data-prompts=keys] .kit-btn.ro-mbtn:has(>.kit-glyph-on[data-keys=yes]),html[data-prompts=pad] .kit-btn.ro-mbtn:has(>.kit-glyph-on[data-pad=yes]){display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:9px 56px 9px 10px;min-height:58px;width:100%}html .kit-btn.ro-mbtn>.kit-glyph{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.ro-mbtn-icon{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;font-size:17px;color:var(--ro-ink);background:radial-gradient(circle at 35% 30%,#fffaf0,#f3dfbf);border:2.5px solid var(--ro-ink);box-shadow:inset 0 -3px #8c501440;transition:transform .18s cubic-bezier(.2,1.6,.4,1),background .15s ease}.ro-mbtn-text{display:flex;flex-direction:column;min-width:0}.ro-mbtn-label{font:900 1rem var(--kit-font)}.ro-mbtn-sub{font:600 .7rem var(--ro-mono);color:#6b4320;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ro-mbtn-sub:empty{display:none}.ro-mbtn:after{content:"◀";position:absolute;right:18px;top:50%;translate:0 -50%;font-size:13px;color:var(--ro-red-deep);opacity:0;transition:opacity .15s ease}html[data-prompts=keys] .ro-mbtn:has(>.kit-glyph-on[data-keys=yes]):after,html[data-prompts=pad] .ro-mbtn:has(>.kit-glyph-on[data-pad=yes]):after{display:none}html[data-hub-input=keys] .ro-mbtn:focus .ro-mbtn-icon,.ro-mbtn[data-hub-focus] .ro-mbtn-icon{background:var(--ro-tag-gold);transform:scale(1.12) rotate(-8deg)}html[data-hub-input=keys] .ro-mbtn:focus:after,.ro-mbtn[data-hub-focus]:after{opacity:1;animation:ro-pointer .6s ease-in-out infinite alternate}@media(hover:hover){.ro-mbtn:hover .ro-mbtn-icon{background:var(--ro-tag-gold);transform:scale(1.12) rotate(-8deg)}.ro-mbtn:hover:after{opacity:1;animation:ro-pointer .6s ease-in-out infinite alternate}}html .kit-btn.kit-primary.ro-mbtn{min-height:66px}html .kit-primary .ro-mbtn-label{font-size:1.22rem;color:#fff;-webkit-text-stroke:5px var(--ro-ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ro-ink)}html .kit-primary .ro-mbtn-sub{color:#f2fff6;text-shadow:0 1px 0 var(--ro-ink),0 0 3px #123d22}html .kit-primary .ro-mbtn-icon{width:44px;height:44px;font-size:19px;background:var(--ro-tag-gold);text-shadow:none}.ro-title-screen>:not(.ro-sparks){position:relative;z-index:1}.ro-kicker{margin:0 0 6px;font:700 .72rem var(--ro-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--ro-gold);text-shadow:0 0 12px rgba(243,200,54,.55),0 2px 0 rgba(20,10,4,.8);animation:ro-fade-up .6s .55s both}.ro-collar{position:relative;width:min(100vw,560px);height:30px;flex:0 0 auto;border-block:3px solid var(--ro-ink);background:var(--ro-strap-fill);box-shadow:inset 0 2px #ffffff4d,0 5px #140a0480;animation:ro-collar-in .5s .05s cubic-bezier(.2,.9,.3,1.1) both}.ro-collar:before{content:"";position:absolute;inset:6px 0;border-top:2px dashed var(--ro-stitch);border-bottom:2px dashed var(--ro-stitch);opacity:.85}.ro-ring{position:absolute;left:50%;top:18px;width:26px;height:26px;box-sizing:border-box;translate:-50% 0;border-radius:999px;border:5px solid #cfc8bc;box-shadow:0 0 0 2.5px var(--ro-ink),inset 0 0 0 2.5px var(--ro-ink);z-index:2}.ro-tag{position:relative;margin:-2px auto 10px;padding:26px 28px 30px;border-radius:50%;background:var(--ro-tag-gold);border:4px solid var(--ro-ink);box-shadow:inset 0 -8px #78500040,inset 0 4px #ffffff8c,0 10px #140a0473;transform-origin:50% -16px;animation:ro-tag-in .8s .15s cubic-bezier(.2,1.5,.4,1) both,ro-swing 3.4s 1.1s ease-in-out infinite}.ro-tag-hole{position:absolute;left:50%;top:7px;width:14px;height:14px;box-sizing:border-box;translate:-50% 0;border-radius:999px;background:#3b2216;border:2.5px solid var(--ro-ink)}html .kit-title.ro-wordmark{display:flex;justify-content:center;gap:.02em;margin:0;font-size:clamp(3rem,min(17vw,11vh),5rem);line-height:1;-webkit-text-stroke:0;text-shadow:none}.ro-letter{display:inline-block;font-family:var(--kit-font);font-weight:900;color:#7a4a10;-webkit-text-stroke:0;text-shadow:0 2px 0 #fff6c2,0 -2px 0 #8a5a08,0 0 1px #5a3806;animation:ro-letter-drop .7s calc(.35s + var(--i) * 75ms) cubic-bezier(.2,1.6,.4,1) both}.ro-tag-engrave{position:absolute;left:0;right:0;bottom:12px;margin:0;text-align:center;font:700 .62rem var(--ro-mono);letter-spacing:.28em;text-transform:uppercase;color:#7a5410;text-shadow:0 1px 0 #fff3b0}.ro-taglines{position:relative;width:min(92vw,380px);height:2.6em;margin:0 auto 10px;font-size:.82rem;text-shadow:0 2px 0 rgba(20,10,4,.9)}.ro-taglines span{position:absolute;inset:0;opacity:0;animation:ro-tagline 14s infinite;display:grid;place-items:center;text-align:center}.ro-taglines span:nth-child(2){animation-delay:3.5s}.ro-taglines span:nth-child(3){animation-delay:7s}.ro-taglines span:nth-child(4){animation-delay:10.5s}.ro-panel{width:min(92vw,380px);padding:12px;animation:ro-panel-in .55s .25s cubic-bezier(.2,.9,.3,1.1) both}.ro-panel .kit-continue{margin-bottom:9px}.ro-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.ro-chip{position:relative;display:inline-flex;align-items:baseline;gap:2px;padding:5px 12px 5px 24px;border-radius:14px 999px 999px 14px;white-space:nowrap;background:var(--ro-tag-gold);border:2.5px solid var(--ro-ink);box-shadow:0 3px 0 var(--ro-ink)}.ro-chip:before{content:"";position:absolute;left:7px;top:50%;width:8px;height:8px;translate:0 -50%;border-radius:999px;background:#3b2216;border:2px solid var(--ro-ink)}.ro-chip:nth-child(3n+2){background:var(--ro-green-face)}.ro-chip:nth-child(3n+3){background:var(--ro-tag-yellow)}.ro-chip span{font:700 .62rem var(--ro-mono);letter-spacing:.12em;text-transform:uppercase;color:#4a2e0a}.ro-chip strong{font:900 .92rem var(--kit-font);color:var(--ro-ink)}.ro-chip:nth-child(3n+2) span,.ro-chip:nth-child(3n+2) strong{color:#fff;text-shadow:0 1px 0 var(--ro-ink)}.ro-unlock{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:10px;font:600 .74rem system-ui,sans-serif;color:var(--ro-ink)}.ro-unlock-text{flex:1 1 auto;text-align:left}.ro-hat-icon{flex:0 0 auto;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:20px solid var(--ro-teal);filter:drop-shadow(0 2px 0 var(--ro-ink));position:relative}.ro-bar{flex:0 0 64px;height:10px;border-radius:999px;background:#2e1a1026;border:2px solid var(--ro-ink);overflow:hidden}.ro-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--ro-green),var(--ro-gold));transform-origin:left;transform:scaleX(var(--k, 0))}@media(max-height:820px)and (min-width:600px){.ro-title-screen .ro-tag{padding:14px 24px 24px}.ro-title-screen .kit-title.ro-wordmark{font-size:3.2rem}.ro-title-screen .kit-btn.ro-mbtn{min-height:48px;padding-top:5px;padding-bottom:5px}.ro-title-screen .ro-taglines{margin-bottom:4px}}.ro-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ro-sparks i{position:absolute;bottom:-24px;width:var(--size, 10px);height:var(--size, 10px);animation:ro-rise 9s linear infinite;opacity:.85}.ro-sparks i.ro-bone{width:calc(var(--size, 10px) * 2.2);background:radial-gradient(circle at 15% 25%,#e9b46c 0 24%,transparent 26%),radial-gradient(circle at 15% 75%,#e9b46c 0 24%,transparent 26%),radial-gradient(circle at 85% 25%,#e9b46c 0 24%,transparent 26%),radial-gradient(circle at 85% 75%,#e9b46c 0 24%,transparent 26%),linear-gradient(#e9b46c,#e9b46c) center / 70% 42% no-repeat;filter:drop-shadow(0 0 1px #2e1a10)}.ro-sparks i.ro-paw:before{content:"🐾";font-size:calc(var(--size, 10px) * 1.4);opacity:.7}.ro-sparks i.ro-gold{border-radius:999px;background:var(--ro-gold);box-shadow:0 0 10px #f3c836cc}.ro-sparks i.ro-tissue{border-radius:40%;background:radial-gradient(circle at 35% 35%,#fff,#dfe6f0);box-shadow:0 0 8px #ffffff80}html .kit-hud.ro-hud{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.ro-hud-row{display:flex;justify-content:center;gap:6px}.ro-hud-row2{position:relative;display:flex;align-items:center;justify-content:center;gap:6px}.ro-hud-chip{position:relative;display:flex;align-items:center;gap:5px;padding:4px 12px 4px 22px;min-height:34px;box-sizing:border-box;border-radius:14px 999px 999px 14px;color:var(--ro-ink);background:var(--ro-tag-gold);border:2.5px solid var(--ro-ink);box-shadow:0 3px 0 var(--ro-ink);white-space:nowrap}.ro-hud-chip:before{content:"";position:absolute;left:6px;top:50%;width:7px;height:7px;translate:0 -50%;border-radius:999px;background:#3b2216;border:2px solid var(--ro-ink)}.ro-hud-floor{background:var(--ro-green-face)}.ro-hud-floor strong,.ro-hud-floor span{color:#fff;text-shadow:0 1px 0 var(--ro-ink)}.ro-hud-lives{padding-left:8px;border-radius:999px;background:var(--ro-strap-fill)}.ro-hud-lives:before{display:none}.ro-hud-chip.ro-in{animation:ro-fade-down .4s calc(var(--i) * 80ms) cubic-bezier(.2,.9,.3,1.1) both}.ro-hud-chip span{font:700 .58rem var(--ro-mono);letter-spacing:.1em;text-transform:uppercase;color:#5a3a0a}.ro-hud-chip strong{font:900 .98rem var(--kit-font);color:var(--ro-ink)}.ro-hud-chip.is-pop,.ro-bones.is-pop{animation:ro-jingle-pop .4s cubic-bezier(.2,1.6,.4,1)}.ro-hud-icon{display:none}.ro-hud-pilot{display:inline-flex;width:28px;height:28px;border-radius:999px;overflow:hidden;border:2px solid var(--ro-ink);background:var(--ro-tag-gold)}.ro-bones{display:inline-flex;gap:1px;padding:0 2px}.ro-bone{position:relative;width:12px;height:6px;margin:0 6px;border-radius:3px;background:#fff6e4;border:1.5px solid var(--ro-ink)}.ro-bone:before,.ro-bone:after{content:"";position:absolute;top:-4px;width:7px;height:7px;border-radius:999px;background:#fff6e4;border:1.5px solid var(--ro-ink);box-shadow:0 6px 0 -1.5px #fff6e4,0 6px 0 0 var(--ro-ink)}.ro-bone:before{left:-5px}.ro-bone:after{right:-5px}.ro-pocket{position:absolute;left:50%;bottom:-15px;translate:-50% 0;padding:1px 8px;border-radius:999px;font:900 .66rem var(--kit-font);color:var(--ro-ink);background:var(--ro-biscuit);border:2px solid var(--ro-ink)}.ro-pocket:empty{display:none}.ro-pocket.is-pop{animation:ro-jingle-pop .3s cubic-bezier(.2,1.6,.4,1)}.ro-meter{position:relative;width:min(58vw,230px);height:22px;margin-top:12px;border-radius:999px;overflow:hidden;background:var(--ro-strap-fill);border:2.5px solid var(--ro-ink);box-shadow:0 3px 0 var(--ro-ink)}.ro-meter:before{content:"";position:absolute;inset:4px 6px;border-top:1.5px dashed var(--ro-stitch);border-bottom:1.5px dashed var(--ro-stitch);opacity:.7;z-index:1}.ro-meter-fill{position:absolute;inset:0;background:linear-gradient(90deg,#f8d59a,var(--ro-gold) 60%,#fff3a8);transform-origin:left;transition:transform .2s ease}.ro-meter-label{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font:900 .66rem var(--kit-font);letter-spacing:.08em;text-transform:uppercase;color:#fff3dc;-webkit-text-stroke:3px var(--ro-ink);paint-order:stroke fill}.ro-meter-chip{position:absolute;right:3px;top:50%;translate:0 -50%;z-index:2;--kit-glyph-size: 16px;display:none}.ro-meter.is-full{animation:ro-glow .7s ease-in-out infinite alternate}.ro-meter.is-full .ro-meter-chip{display:block}html[data-prompts=none] .ro-meter-chip{display:none!important}.ro-meter.is-zoom .ro-meter-fill{background:repeating-linear-gradient(-45deg,var(--ro-green) 0 10px,#7fe3a3 10px 20px);transition:none}.ro-badge{display:none;padding:3px 9px;margin-top:6px;border-radius:999px;font:900 .8rem var(--kit-font);border:2.5px solid var(--ro-ink);box-shadow:0 3px 0 var(--ro-ink)}.ro-badge.is-on{display:inline-block}.ro-badge.is-pop{animation:ro-jingle-pop .32s cubic-bezier(.2,1.6,.4,1)}.ro-badge-combo{position:absolute;left:-6px;top:calc(100% - 4px);color:#fff;background:var(--ro-green-face);text-shadow:0 1px 0 var(--ro-ink)}.ro-badge-velcro{position:absolute;right:-6px;top:calc(100% - 4px);color:#fff;background:var(--ro-pink);text-shadow:0 1px 0 var(--ro-ink);animation:ro-heart .8s ease-in-out infinite}.ro-hint{margin-top:4px;padding:5px 12px;border-radius:999px;font:700 .74rem system-ui,sans-serif;color:#fff6e4;background:#2e1a10d9;opacity:0;translate:0 -6px;transition:opacity .3s ease,translate .3s ease;display:flex;align-items:center;gap:6px}.ro-hint.is-on{opacity:1;translate:0 0}.ro-hint-keys{display:inline-flex;align-items:center;gap:6px}.ro-hint-touch,html[data-prompts=none] .ro-hint-keys{display:none}html[data-prompts=none] .ro-hint-touch{display:inline}@media(max-width:480px){html .kit-hud.ro-hud{box-sizing:border-box;padding:0 72px 0 62px}.ro-hud-chip>.ro-hud-label,.ro-hud-lives .ro-hud-pilot{display:none}.ro-hud-chip{padding-right:9px}.ro-meter{width:44vw}.ro-badge{font-size:.7rem;padding:2px 7px}}@keyframes ro-letter-drop{0%{transform:translateY(-120%) scale(.6,1.4);opacity:0}60%{transform:translateY(0) scale(1.15,.85);opacity:1}to{transform:none}}@keyframes ro-tag-in{0%{transform:translateY(-40px) rotate(-18deg);opacity:0}60%{transform:translateY(0) rotate(8deg);opacity:1}to{transform:rotate(0)}}@keyframes ro-swing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes ro-collar-in{0%{transform:scaleX(.6);opacity:0}to{transform:none;opacity:1}}@keyframes ro-tagline{0%{opacity:0;transform:translateY(8px)}3%,22%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-8px)}}@keyframes ro-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ro-fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes ro-panel-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes ro-pop-card{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes ro-pop-in{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.15)}to{transform:none}}@keyframes ro-title-bounce{0%{opacity:0;transform:translateY(-30px) scale(.7,1.3)}60%{opacity:1;transform:translateY(0) scale(1.12,.88)}to{transform:none}}@keyframes ro-btn-in{0%{opacity:0;transform:translateY(-16px) rotate(-2deg)}65%{opacity:1;transform:translateY(3px) rotate(1deg)}to{transform:none}}@keyframes ro-sheen{0%,60%{left:-60%}to{left:130%}}@keyframes ro-pointer{0%{transform:translate(0)}to{transform:translate(-5px)}}@keyframes ro-rise{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.85}50%{transform:translateY(-50vh) translate(18px) rotate(180deg)}to{transform:translateY(-105vh) translate(-18px) rotate(360deg);opacity:0}}@keyframes ro-jingle-pop{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-8deg) scale(1.2);box-shadow:0 0 18px #f3c836f2,0 3px 0 var(--ro-ink)}60%{transform:rotate(5deg) scale(1.05)}to{transform:none}}@keyframes ro-jingle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes ro-glow{0%{box-shadow:0 3px 0 var(--ro-ink),0 0 6px #f3c83666;transform:scale(1)}to{box-shadow:0 3px 0 var(--ro-ink),0 0 22px #f3c836f2;transform:scale(1.04)}}@keyframes ro-heart{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.ro-letter,.ro-tag,.ro-collar,.ro-sparks i,.ro-meter.is-full,.ro-badge-velcro,html .kit-btn.kit-primary:before,.ro-mbtn:after,html .kit-loading .kit-tagline{animation:none!important}.ro-card,.ro-panel,.ro-strap,.ro-kicker,html .kit-btn.ro-in,.ro-hud-chip.ro-in,html .kit-modal-sheet,html .kit-modal-title,html .kit-toast{animation:none!important}.ro-taglines span:first-child{opacity:1;animation:none}.ro-taglines span:not(:first-child){display:none}}html.ro-cover #ui{display:none}.ro-cover-title{position:fixed;left:26px;top:0;bottom:0;width:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.ro-cover-title .ro-collar{width:380px;border-radius:10px;border:3px solid var(--ro-ink);animation:none;transform:rotate(-4deg)}.ro-cover-title .ro-tag{animation:none;transform:rotate(-7deg);padding:22px 30px 34px;margin-top:2px}.ro-cover-mark{display:flex;font-size:84px;line-height:1}.ro-cover-mark .ro-letter{animation:none}.ro-cover-title .ro-tag-engrave{font-size:11px;bottom:14px}.ro-cover-pill{margin:16px 0 0;padding:8px 20px;border-radius:20px;font:900 19px var(--kit-font);color:var(--ro-ink);background:radial-gradient(circle at calc(100% - 16px) 32%,#a8743c 0 2px,transparent 2.6px),radial-gradient(circle at calc(100% - 26px) 68%,#a8743c 0 2px,transparent 2.6px),var(--ro-biscuit);border:3px solid var(--ro-ink);box-shadow:0 5px 0 var(--ro-ink);transform:rotate(-3deg)}@media(max-height:500px){.ro-title-screen .ro-kicker,.ro-title-screen .ro-taglines,.ro-title-screen .ro-collar,.ro-title-screen .ro-unlock{display:none}.ro-title-screen .ro-tag{padding:10px 20px 18px;margin:4px auto 6px}.ro-title-screen .kit-title.ro-wordmark{font-size:2.2rem}.ro-tag-engrave{bottom:5px;font-size:.5rem}html .kit-btn.ro-mbtn,html[data-prompts=keys] .kit-btn.ro-mbtn:has(>.kit-glyph-on[data-keys=yes]),html[data-prompts=pad] .kit-btn.ro-mbtn:has(>.kit-glyph-on[data-pad=yes]),html .kit-btn.kit-primary.ro-mbtn{min-height:44px;padding-top:3px;padding-bottom:3px}.ro-mbtn-sub{display:none}.ro-mbtn-icon,html .kit-primary .ro-mbtn-icon{width:30px;height:30px;font-size:14px}html .kit-menu{gap:6px}.ro-panel .kit-menu,.ro-card .kit-menu{display:grid;grid-template-columns:1fr 1fr;width:100%;box-sizing:border-box}.ro-mbtn-label{white-space:nowrap}.ro-title-screen .kit-title.ro-wordmark{font-size:1.8rem}.ro-panel,.ro-card{width:min(92vw,560px)}.ro-card .ro-stats,.ro-card .ro-card-sub{margin-bottom:6px}.ro-footer{margin-top:6px}}html .kit-btn.kit-primary:not(.ro-mbtn){-webkit-text-stroke:4px var(--ro-ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ro-ink)}
