:root{--ruah-bg: #070a10;--ruah-text: rgba(255,255,255,.92);--ruah-muted: rgba(255,255,255,.72);--ruah-border: rgba(255,255,255,.14);--ruah-gold: #f2c35b;--ruah-green: #3ddc97;--ruah-shadow: 0 18px 60px rgba(0,0,0,.55);--frame-left: 0px;--frame-top: 0px;--frame-w: 100px;--frame-h: 100px;--cam-x: 0px;--cam-y: 0px;--cam-scale: 1;--cam-transition: .56s;--spot-on: 0;--spot-x: 50%;--spot-y: 50%}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:transparent;color:var(--ruah-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.ruah{width:100%}.ruah-viewport{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:3749 / 2093;overflow:hidden;background:transparent}.ruah-camera{position:absolute;inset:0;overflow:hidden}.ruah-frame{position:absolute;left:var(--frame-left);top:var(--frame-top);width:var(--frame-w);height:var(--frame-h);transform-origin:0 0;transform:translate3d(var(--cam-x),var(--cam-y),0) scale(var(--cam-scale));transition:transform var(--cam-transition) cubic-bezier(.22,1,.36,1);will-change:transform}.ruah-map{width:100%;height:100%;display:block;user-select:none;pointer-events:none}.ruah-overlay{position:absolute;inset:0;z-index:2}.ruah-spotlight{position:absolute;inset:0;pointer-events:none;opacity:var(--spot-on);transition:opacity .16s ease;background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,.45) 42%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.72) 100%)}.ruah-glory{position:absolute;left:0;top:0;width:100%;height:34%;pointer-events:none;opacity:0;visibility:hidden;z-index:12;mix-blend-mode:screen;transition:opacity .65s ease,visibility 0ms linear .65s}.ruah-glory:before{content:"";position:absolute;inset:-10% 36% 64%;background:radial-gradient(circle at 50% 20%,#fff7e2f2,#ffe6ad6b 40%,#ffdc9600 75%);filter:blur(6px);opacity:.96;animation:ruah-glory-pulse 2.35s ease-in-out infinite}.ruah-glory:after{content:"";position:absolute;inset:-10% 4% -4%;background:repeating-conic-gradient(from 180deg at 50% 0%,#fff8e0c7,#fff4d500 2.4deg,#ffe29e7a 3.2deg,#ffdd9600 6deg),repeating-conic-gradient(from 182deg at 50% 0%,#fffff58f,#fffff500 1.8deg,#ffecbf57 2.5deg,#ffe9b900 5.5deg);background-size:100% 100%,105% 105%;filter:blur(.2px);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.98) 0%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.08) 66%,rgba(0,0,0,0) 78%);mask-image:radial-gradient(ellipse at 50% 0%,#000000fa,#0000009e 38%,#00000014 66%,#0000 78%);opacity:1;animation:ruah-glory-rays 5.2s linear infinite,ruah-glory-flicker 1.45s ease-in-out infinite}.ruah-viewport[data-completed=true] .ruah-glory{opacity:1;visibility:visible;filter:drop-shadow(0 0 10px rgba(255,226,158,.45)) drop-shadow(0 0 24px rgba(255,236,186,.25));transition-delay:0ms;animation:ruah-glory-aura 2.6s ease-in-out infinite}@keyframes ruah-glory-pulse{0%{opacity:.62;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(1.8%) scale(1.06)}to{opacity:.62;transform:translateY(0) scale(1)}}@keyframes ruah-glory-rays{0%{transform:translateY(0) scale(1) rotate(-2.2deg)}50%{transform:translateY(1.4%) scale(1.03) rotate(2.2deg)}to{transform:translateY(0) scale(1) rotate(-2.2deg)}}@keyframes ruah-glory-flicker{0%{opacity:.52}18%{opacity:.95}44%{opacity:.66}70%{opacity:1}to{opacity:.52}}@keyframes ruah-glory-aura{0%{transform:translateY(0) scale(1)}50%{transform:translateY(.9%) scale(1.02)}to{transform:translateY(0) scale(1)}}.ruah-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);background:transparent;border:0;padding:0;cursor:default;outline:none;border-radius:18px;box-shadow:none}.ruah-hotspot--clickable{cursor:pointer!important}.ruah-hotspot--locked{cursor:default!important}.ruah-hotspot:before{content:none}.ruah-hotspot:focus,.ruah-hotspot:focus-visible,.ruah-hotspot:active{outline:none;box-shadow:none}.ruah-hotspot--next:after{content:none}.ruah-car{position:absolute;left:var(--car-x, 50%);top:var(--car-y, 88%);width:var(--car-size, clamp(18px, 2.6vw, 34px));height:var(--car-size, clamp(18px, 2.6vw, 34px));transform:translate(-50%,-50%) rotate(calc(var(--car-rot, 0deg) + var(--car-rot-offset, 0deg))) scale(var(--car-scale, 1)) scale(var(--car-scale-mult, 1));filter:drop-shadow(0 10px 18px rgba(0,0,0,.65));transition:left .42s cubic-bezier(.22,1,.36,1),top .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);will-change:left,top,transform;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:var(--car-image, none)}.ruah-info{position:absolute;z-index:25;left:16px;top:80px;width:min(500px,calc(100vw - 28px));pointer-events:auto}.ruah-infoCard{display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#fffcf4fa;box-shadow:0 18px 45px #241c0c2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden;max-height:min(76vh,620px)}.ruah-infoHead{padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(0,0,0,.08)}.ruah-infoTitle{margin:0;font-weight:900;font-size:14px;color:#2f2a21}.ruah-infoSub{margin:6px 0 0;font-size:12px;color:#3e372bb8;line-height:1.35}.ruah-infoState{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fffc;color:#4a4232;white-space:nowrap}.ruah-infoState[data-kind=completed]{border-color:#4f9e7859;background:#4f9e7829;color:#2b5a42}.ruah-infoState[data-kind=in_progress]{border-color:#f4c5428c;background:#f4c54238;color:#5c4712}.ruah-infoBody{padding:10px 14px 14px;overflow:auto;overscroll-behavior:contain}.ruah-rowDesc{margin:6px 0 0;font-size:12px;color:#3e372bbd;line-height:1.45}.ruah-rowLead{margin:10px 0 0;font-size:12px;font-weight:800;color:#3a2f20}.ruah-rowHint{margin:10px 0 0;font-size:12px;color:#3c3222;font-weight:700}.ruah-courseList{margin-top:10px;display:grid;gap:8px}.ruah-courseCard{border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#ffffffc2;padding:9px 10px}.ruah-courseTop{display:grid;grid-template-columns:122px minmax(0,1fr);gap:10px;align-items:start}.ruah-courseMain{min-width:0}.ruah-courseHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ruah-courseTitle{margin:0;font-size:12px;line-height:1.25;font-weight:800;color:#2f2a21}.ruah-courseNum{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffeb;color:#4b4230;font-size:11px;font-weight:800}.ruah-courseDesc{margin:6px 0 0;font-size:11px;line-height:1.42;color:#3e372bc2;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ruah-courseImageWrap{width:122px;height:68px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#ffffffb8;overflow:hidden}.ruah-courseImageWrap--empty{background:linear-gradient(135deg,#00000008,#00000014)}.ruah-courseImage{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ruah-courseAction{margin-top:6px;display:inline-flex;font-size:11px;font-weight:800;color:#664b15;text-decoration:none;border-bottom:1px solid rgba(102,75,21,.45)}.ruah-courseAction:hover{color:#4b360f;border-bottom-color:#4b360f9e}.ruah-courseAction--disabled{color:#4a4232bd;border-bottom-color:#4a423233;cursor:default;pointer-events:none}.ruah-comingSoonBlock{margin-top:10px;border:1px dashed rgba(0,0,0,.18);border-radius:12px;background:#ffffff9e;padding:10px 11px}.ruah-comingSoonTitle{margin:0;font-size:12px;font-weight:800;color:#3a2f20}.ruah-comingSoonText{margin:6px 0 0;font-size:11px;line-height:1.4;color:#3e372bbd}@media(max-width:820px){.ruah-info{left:8px;top:8px;width:calc(100vw - 16px)}.ruah-infoCard{max-height:min(74vh,560px)}.ruah-infoHead{padding:10px 11px}.ruah-infoBody{padding:8px 11px 11px}.ruah-courseTop{grid-template-columns:98px minmax(0,1fr);gap:8px}.ruah-courseImageWrap{width:98px;height:55px}.ruah-courseDesc{-webkit-line-clamp:3}}.ruah-regionMasks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.ruah-mask{mask-type:alpha}.ruah-regionMask{pointer-events:none;mix-blend-mode:multiply;visibility:hidden;opacity:0;transition:fill .2s ease,opacity .2s ease}.ruah-regionMask[data-mask-ready=true]{visibility:visible}.ruah-regionMask[data-state=locked]{fill:#aab4c338;opacity:.7}.ruah-regionMask[data-state=in_progress]{fill:#f2c35b47;opacity:.78}.ruah-regionMask[data-state=completed]{fill:#3ddc974d;opacity:.76}@media(prefers-reduced-motion:reduce){.ruah-frame,.ruah-spotlight{transition:none}.ruah-glory{animation:none}.ruah-glory:before,.ruah-glory:after,.ruah-hotspot--next:after{animation:none}}