.hl-card{--hl-orange:#f26a0c;--hl-mint:#1fdb84;--hl-yellow:#ffd02e;--hl-pink:#ff3d8b;--hl-blue:#12c2ee;background:#ffffff0d;border:1px solid #eefff71f;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.hl-title{font-size:.95rem}.hl-rungs{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hl-rungs li{opacity:.72;grid-template-columns:14px 1fr;align-items:start;gap:8px;display:grid}.hl-rungs li[data-state=here],.hl-rungs li[data-next=true]{opacity:1}.hl-rungs small{opacity:.8;font-size:.78rem;display:block}.hl-rungs em{color:var(--hl-yellow);font-size:.8rem;font-style:normal}.hl-dot{border:2px solid #eefff766;border-radius:50%;width:12px;height:12px;margin-top:3px}.hl-rungs li[data-state=past] .hl-dot{background:var(--hl-mint);border-color:var(--hl-mint)}.hl-rungs li[data-state=here] .hl-dot{background:var(--hl-orange);border-color:var(--hl-yellow);box-shadow:0 0 0 3px #f26a0c4d}.hl-rungs li[data-next=true] .hl-dot{border-color:var(--hl-yellow)}.hl-next{border-top:1px solid #eefff71a;gap:6px;padding-top:6px;display:grid}.hl-paths{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hl-paths li{gap:4px;display:grid}.hl-paths li[data-met=true] .hl-path{color:var(--hl-mint)}.hl-path{font-size:.85rem}.hl-bar{background:#ffffff1a;border-radius:3px;height:5px;display:block;overflow:hidden}.hl-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--hl-orange), var(--hl-yellow));height:100%;transition:width .5s cubic-bezier(.2,.9,.3,1.1);display:block}.hl-ok{color:var(--hl-mint)}.hl-muted{opacity:.7;font-size:.76rem}@media (prefers-reduced-motion:reduce){.hl-bar>span{transition:none}}.hl-say{gap:2px;margin:0;font-size:.9rem;line-height:1.35;display:grid}.hl-say b{color:#ffd02e;letter-spacing:.02em;font-size:.78rem}.hl-cards{z-index:8;top:calc(64px + env(safe-area-inset-top));bottom:calc(140px + env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);display:flex;position:absolute;left:50%;overflow-y:auto;translate:-50%}.hl-cards>*{pointer-events:auto;flex:none}.hl-cards>.hl-goal+*,.hl-cards>:first-child:not(.hl-goal){margin-top:auto}.hl-goal,.hl-arrive,.hl-keypad,.hl-line{border-radius:16px;gap:8px;padding:12px 14px;animation:.38s cubic-bezier(.2,1.25,.32,1) both hl-card-pop;display:grid}.hl-goal{gap:4px;padding:10px 12px}.hl-goal small{color:#1fdb84;font-size:.72rem}.hl-goal .w-btn{justify-self:start}:is(.hw-root:has(.hl-goal) .hw-goal,.hw-root:has(.hl-arrive) .hw-goal,.hw-root:has(.hl-arrive) .hw-hint){display:none}@media (orientation:portrait){.hl-cards>.hl-goal+*,.hl-cards>:first-child:not(.hl-goal){margin-top:0}}@media (orientation:portrait) and (pointer:coarse){.hl-cards{bottom:calc(var(--w-joy-bottom,150px) + var(--w-joy-size,112px) + 10px)}}.hl-line{grid-template-columns:1fr auto;align-items:center}.hl-book{color:#2a1a12;background:#f1e6cf;border-radius:8px;flex-wrap:wrap;gap:4px 10px;margin:0;padding:6px 8px;font:italic .8rem/1.3 Georgia,serif;list-style:none;display:flex}.hl-code{letter-spacing:.4em;background:#00000059;border-radius:8px;justify-self:center;padding:6px 12px;font:700 1.6rem/1 ui-monospace,monospace}.hl-keys{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hl-keys .w-btn{min-height:44px}.hl-rooms{right:16px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:8;position:absolute}@media (orientation:landscape) and (max-height:500px){.hl-cards>.hl-goal:not(:last-child){grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:6px 10px}.hl-cards>.hl-goal:not(:last-child)>small,.hl-cards>.hl-goal:not(:last-child)>.hl-muted{display:none}.hl-cards>.hl-goal:not(:last-child) .w-btn{justify-self:end}.hl-cards{gap:6px}.hw-root:has(.hs-panel) .hl-cards{bottom:calc(var(--w-joy-bottom,8px) + var(--w-joy-size,104px) + 8px + env(safe-area-inset-bottom));width:min(340px,100vw - min(360px,46vw) - 36px);left:12px;translate:none}.hl-cards>:not(.hl-goal){gap:6px;padding:8px 12px}.hr-root .hr-tour,.hr-root .hr-panel{left:auto;right:12px;top:calc(72px + env(safe-area-inset-top));bottom:calc(12px + env(safe-area-inset-bottom));align-content:start;width:min(380px,46vw);max-height:none;animation-name:hl-card-pop;transform:none}.hr-root .hr-tip{left:calc(12px + var(--w-joy-size,104px) + 12px);right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;transform:none}}@keyframes hl-card-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes hl-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.97)}to{opacity:1;transform:translate(-50%)}}.hr-root{z-index:60;color:var(--kt-world-ink,#eefff7);touch-action:none;-webkit-user-select:none;user-select:none;background:#bfe0f2;position:fixed;inset:0;overflow:hidden}.hr-stage{position:absolute;inset:0}.hr-stage canvas{width:100%;height:100%;display:block}.hr-nogl{text-align:center;color:#2a1a12;position:absolute;inset:40% 16px auto}.hr-top{top:calc(10px + env(safe-area-inset-top));z-index:9;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;left:16px;right:16px}.hr-title{min-width:0;display:grid}.hr-title b,.hr-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hr-title small{opacity:.8;font-size:.75rem}.hr-tour,.hr-panel,.hr-tip{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:9;border-radius:16px;width:min(440px,100vw - 32px);padding:12px 14px;position:absolute;transform:translate(-50%)}.hr-tour,.hr-panel{gap:8px;max-height:52vh;animation:.38s cubic-bezier(.2,1.25,.32,1) both hl-pop;display:grid;overflow:auto}.hr-tip{opacity:.85;text-align:center;margin:0;font-size:.78rem}@media (pointer:coarse){.hr-tour,.hr-panel,.hr-tip{bottom:calc(150px + env(safe-area-inset-bottom))}}@media (pointer:coarse) and (orientation:portrait){.hr-root .hr-tour,.hr-root .hr-panel,.hr-root .hr-tip{top:calc(76px + env(safe-area-inset-top));bottom:auto}.hr-root:has(.hr-tour,.hr-panel) .w-av-lbl>*{display:none}}.hr-fade{opacity:0;pointer-events:none;z-index:20;background:#0b1210;transition:opacity .4s;position:absolute;inset:0}.hr-fade[data-on=true]{opacity:1}@media (prefers-reduced-motion:reduce){.hl-goal,.hl-arrive,.hl-keypad,.hl-line,.hr-tour,.hr-panel{animation:none}.hr-fade{transition:none}}.hr-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hr-list li{gap:2px;display:grid}.hr-list li small{opacity:.75;font-size:.76rem}.hr-list li[data-done=true] span{color:#1fdb84}.hr-timer{background:#ffffff1f;border-radius:7px;height:14px;display:block;position:relative;overflow:hidden}.hr-timer>span{background:linear-gradient(90deg,#ffd02e,#f26a0c,#a8432a);height:100%;display:block}.hr-timer>i{background:#1fdb84;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #1fdb84}.hr-timer[data-ready=true]{outline:2px solid #1fdb84}.hr-check{align-items:center;gap:8px;font-size:.85rem;display:flex}.hr-check input{width:20px;height:20px}.hr-warn{color:#ffd02e;font-size:.78rem}.hl-seg{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.hl-seg .w-btn[aria-pressed=true]{color:#1fdb84;border-color:#1fdb84}.hr-notes li{color:#2a1a12;background:#fff7c2;border-radius:4px;padding:6px 8px;transform:rotate(-.6deg)}.hr-notes li:nth-child(2n){background:#e3f1ff;transform:rotate(.5deg)}.hr-notes li small{opacity:.8}
.rf-card{z-index:85;left:50%;top:calc(var(--topbar-h,72px) + 6px);width:min(420px, calc(100% - 2 * var(--gut,16px)));max-height:calc(100dvh - var(--topbar-h,72px) - 24px);overscroll-behavior:contain;background:var(--kt-world-glass-strong);pointer-events:auto;border-color:#ffd02e73;border-radius:22px;gap:8px;padding:12px 14px 14px;animation:.2s ease-out rf-in;display:grid;position:fixed;overflow-y:auto;transform:translate(-50%)}@keyframes rf-in{0%{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.rf-card{animation:none}}.rf-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rf-head small{letter-spacing:.1em;text-transform:uppercase;color:var(--kt-world-yellow);font-size:11px;font-weight:800}.rf-close{min-width:var(--tap,44px)}.rf-text{font-size:clamp(14px,3.8vw,15.5px);line-height:1.3}.rf-first,.rf-then,.rf-muted{color:var(--kt-world-muted);font-size:12.5px}.rf-then{color:inherit;font-weight:700}.rf-steps{counter-reset:rf;gap:8px;margin:0;padding:0;list-style:none;display:grid}.rf-steps li{counter-increment:rf;background:#ffffff0f;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.rf-steps li:before{content:counter(rf);background:var(--kt-world-yellow);width:24px;height:24px;color:var(--kt-world-on-yellow);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.rf-steps li[data-met=true]{opacity:.6}.rf-step{gap:5px;min-width:0;font-size:13px;line-height:1.3;display:grid}.rf-bar{background:#ffffff24;border-radius:999px;height:5px;display:block;overflow:hidden}.rf-bar span{background:var(--kt-world-yellow);height:100%;display:block}.rf-go{min-height:var(--tap,44px)}.rf-inline{background:#ffd02e0f;border:1px solid #ffd02e73;border-radius:16px;gap:6px;padding:10px;display:grid}.rf-flag{letter-spacing:.1em;text-transform:uppercase;color:var(--kt-world-yellow);font-size:11px;font-weight:800}
