.rk-ranko{display:block;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 14px 17px rgba(0,0,0,.46));transform-origin:50% 82%}.rk-ranko--full,.rk-ranko--reduced{animation:none}.rk-ranko-perch{position:absolute;z-index:3;top:-98px;right:13px;width:132px;height:auto}.rk-ranko-perch.rk-ranko--full{animation:none}.rk-ranko-moment{display:flex;align-items:center;gap:12px;min-height:92px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-subtle));border-radius:14px;background:radial-gradient(80% 140% at 0 0,rgb(var(--accent-rgb)/.11),transparent 70%),var(--bg-card);overflow:hidden}.rk-ranko-moment>.rk-ranko{width:82px;height:92px;flex:none;object-fit:contain;object-position:center}.rk-ranko-moment>span{min-width:0;display:grid;grid-gap:4px;gap:4px}.rk-ranko-moment strong{font:900 15px/1 var(--font-display);text-transform:uppercase;color:var(--text-primary)}.rk-ranko-moment small{color:var(--text-secondary);font-size:12px;line-height:1.4}.rk-ranko-mission{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 15px 13px 17px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-subtle));border-left:3px solid var(--accent);border-radius:14px;background:radial-gradient(70% 130% at 100% 0,rgb(var(--accent-rgb)/.12),transparent 66%),linear-gradient(112deg,var(--bg-card),color-mix(in srgb,var(--bg-card) 93%,var(--accent)));box-shadow:0 10px 30px rgba(0,0,0,.16);overflow:hidden}.rk-ranko-mission:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 74%,rgb(var(--accent-rgb)/.045))}.rk-ranko-mission>*{position:relative;z-index:1}.rk-ranko-mission__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font:800 10px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.rk-ranko-mission__topline button{min-height:28px;padding:0;border:0;background:transparent;color:var(--text-secondary);font:800 10px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.rk-ranko-mission__topline button:hover{color:var(--accent)}.rk-ranko-mission__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:14px;gap:14px}.rk-ranko-mission__copy h2{margin:0;max-width:320px;color:var(--text-primary);font:800 clamp(21px,5.7vw,27px)/.98 var(--font-display);letter-spacing:.005em;text-transform:uppercase}.rk-ranko-mission__copy p{margin:5px 0 0;max-width:360px;color:var(--text-secondary);font-size:13px;line-height:1.42}.rk-ranko-mission__body>button{min-width:106px;white-space:nowrap}.rk-ranko-mission__rail{display:flex;align-items:center;width:min(190px,58%);height:12px}.rk-ranko-mission__rail>span{display:flex;align-items:center;flex:1 1}.rk-ranko-mission__rail>span:last-child{flex:0 0 auto}.rk-ranko-mission__rail i{width:9px;height:9px;flex:0 0 9px;border:1px solid var(--text-muted);border-radius:999px;background:var(--bg-inset)}.rk-ranko-mission__rail b{display:block;height:1px;flex:1 1;background:var(--border-control)}.rk-ranko-mission__rail .is-complete i{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.12)}.rk-ranko-mission__rail .is-complete b{background:var(--accent)}.rk-ranko-mission__rail .is-current i{border:2px solid var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.12)}.rk-ranko-mission ol{list-style:none;margin:2px 0 0;padding:12px 0 1px;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px 13px;gap:9px 13px}.rk-ranko-mission ol[hidden]{display:none}.rk-ranko-mission li{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-secondary);font-size:12px;line-height:1.3}.rk-ranko-mission li>span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:1px solid var(--border-control);border-radius:999px;font:800 10px/1 var(--font-body)}.rk-ranko-mission li.is-complete{color:var(--text-muted)}.rk-ranko-mission li.is-complete>span{border-color:var(--accent);background:var(--accent);color:#090b0c}.rk-ranko-features__dots{display:flex;gap:5px}.rk-ranko-features__dots button{width:18px;height:3px;padding:0;border:0;border-radius:99px;background:var(--border-control);cursor:pointer}.rk-ranko-features__dots button[aria-current=true]{width:34px;background:var(--accent)}.rk-ranko-coachmark{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;min-height:108px;margin-bottom:12px;padding:10px 14px 10px 7px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-subtle));border-radius:14px;background:radial-gradient(circle at 8% 50%,rgb(var(--accent-rgb)/.15),transparent 34%),var(--bg-card);box-shadow:0 12px 36px rgba(0,0,0,.22);overflow:hidden}.rk-ranko-coachmark .rk-ranko{width:91px;height:auto;margin:-16px 0 -19px -4px}.rk-ranko-coachmark>div{min-width:0}.rk-ranko-coachmark strong{display:block;font:800 18px/.98 var(--font-display);text-transform:uppercase}.rk-ranko-coachmark p{margin:5px 0 7px;color:var(--text-secondary);font-size:12px;line-height:1.4}.rk-ranko-coachmark button{min-height:28px;padding:0;border:0;background:none;color:var(--accent);font:800 11px var(--font-body);text-transform:uppercase;cursor:pointer}.rk-ranko-target{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px;box-shadow:0 0 0 7px rgb(var(--accent-rgb)/.08)}.rk-ranko-intro{position:fixed;z-index:90;inset:0;background:rgba(2,4,5,.78);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rk-ranko-intro.has-target{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.rk-ranko-intro__spotlight{position:fixed;z-index:1;border:2px solid var(--accent);border-radius:16px;background:rgba(255,255,255,.018);box-shadow:0 0 0 9999px rgba(2,4,5,.8),0 0 0 7px rgb(var(--accent-rgb)/.12),0 12px 45px rgba(0,0,0,.5);pointer-events:none}.rk-ranko-intro__panel{position:absolute;z-index:2;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(var(--tapbar-h) + 18px);min-height:174px;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:end;grid-gap:8px;gap:8px;padding:14px 16px 14px 4px;border:1px solid color-mix(in srgb,var(--accent) 46%,var(--border-control));border-radius:18px;background:radial-gradient(circle at 8% 20%,rgb(var(--accent-rgb)/.16),transparent 42%),var(--bg-raised);box-shadow:0 24px 70px rgba(0,0,0,.65)}.rk-ranko-intro__character{width:116px;height:auto;max-height:184px;object-fit:contain;object-position:bottom;margin:-26px 0 -13px}.rk-ranko-intro__copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.rk-ranko-intro__copy>span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.rk-ranko-intro__copy h2{margin:0;font:900 27px/.92 var(--font-display);text-transform:uppercase}.rk-ranko-intro__copy p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.42}.rk-ranko-intro__copy>div{display:flex;gap:7px;margin-top:3px}@media (max-width:460px){.rk-ranko-mission__body{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.rk-ranko-mission__copy h2{font-size:21px}.rk-ranko-mission__body>button{min-width:100px;padding-inline:10px}.rk-ranko-mission ol{grid-template-columns:1fr}.rk-ranko-perch{right:8px;width:124px;top:-92px}}@media (max-width:345px){.rk-ranko-mission__body{grid-template-columns:1fr;align-items:start}.rk-ranko-mission__body>button{width:-moz-fit-content;width:fit-content}}@media (max-width:365px){.rk-ranko-intro__panel{grid-template-columns:92px minmax(0,1fr);padding-right:11px}.rk-ranko-intro__character{width:94px}.rk-ranko-intro__copy h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.rk-ranko{animation:none!important}.rk-ranko-coachmark *,.rk-ranko-mission *{transition:none!important}}.rk-ranko-animated{position:relative;width:var(--rk-ranko-size);height:var(--rk-ranko-height)}.rk-ranko-animated.rk-ranko-intro__character,.rk-ranko-animated.rk-ranko-perch{height:auto}.rk-ranko-moment>.rk-ranko-animated{display:block;gap:0}.rk-ranko-animated>img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit}.rk-ranko-animated>canvas{position:absolute;left:-12%;top:-12%;width:124%;height:124%;opacity:0;pointer-events:none}.rk-ranko-animated.is-ready>canvas{opacity:1}.rk-ranko-animated.is-ready>img{opacity:0}@media (prefers-reduced-motion:reduce){.rk-ranko-animated.is-ready>canvas{opacity:0}.rk-ranko-animated.is-ready>img{opacity:1}}