@font-face{font-family:LegendsMetal;src:url(/media/c1a36cce93e75bb56a9502e3.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#10050b;color:#fff;overflow:hidden}body{font-family:Arial,sans-serif}.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none}.sky{position:absolute;inset:0;background:url(/media/ad619905818c8e5fb8eea138.webp) center/cover}.clouds{position:absolute;inset:0;opacity:.65}.cloud-track,.city-track{display:flex;width:200%;height:100%;will-change:transform}.cloud-track{animation:clouds 30s linear infinite}.city-track{animation:city 80s linear infinite}.cloud-track img,.city-track img{width:50%;height:100%;flex:0 0 50%;object-fit:cover}.cloud-track img{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.city{position:absolute;inset:36% 0 0;opacity:.68;mask-image:linear-gradient(transparent,#000 12%,#000 95%,transparent)}.shade{position:absolute;inset:0;background:linear-gradient(#0b020b20,#13030914 40%,#0b020cb5)}@keyframes clouds{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes city{0%{transform:translate(0)}to{transform:translate(-50%)}}main{position:relative;z-index:1;width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,7dvh,80px);padding:5dvh max(24px,env(safe-area-inset-right)) 9dvh max(24px,env(safe-area-inset-left))}h1{margin:0;width:min(84vw,1000px);height:min(49dvh,520px)}h1 img{width:100%;height:100%;display:block;object-fit:contain}nav{display:flex;justify-content:center;gap:20px;width:min(1040px,94vw)}.access{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;min-height:100px;padding:16px 22px;border:2px solid #c69b92;border-top-color:#eed0bf;border-bottom:5px solid #271016;border-radius:7px;background:linear-gradient(#2a1820,#0c080d);box-shadow:inset 0 1px #fff4,0 5px 16px #0009;color:#fff;text-decoration:none;cursor:pointer;font:18px/1.25 LegendsMetal,Arial,sans-serif;text-align:left;touch-action:manipulation;transition:transform .12s ease-out,border-color .14s ease-out}.access>img{width:38px;height:42px;object-fit:contain;flex:none}.access>svg{width:42px;height:42px;flex:none}.access>span{display:grid;gap:5px}.access small{font:700 10px/1.5 Arial,sans-serif;white-space:nowrap;letter-spacing:.035em}.access strong{font:32px/1.1 Arial,sans-serif;font-weight:600}.access:focus-visible,button:focus-visible{outline:3px solid #ffcfab;outline-offset:5px}.access:active{transform:translateY(2px)}dialog{width:min(520px,calc(100vw - 32px));padding:24px;border:2px solid #bc7871;border-radius:6px;background:#1c1018;color:#fff;box-shadow:0 20px 90px #000b}dialog::backdrop{background:#07020cba}dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}dialog h2{margin:0;font:20px/1.3 LegendsMetal,Arial,sans-serif}dialog button{cursor:pointer;color:#fff;background:#54232c;border:1px solid #bd8780;padding:10px 16px;font:700 15px Arial,sans-serif}dialog ol{padding-left:26px;font:18px/1.6 Arial,sans-serif}dialog li{margin:16px 0}.return{display:block;margin-left:auto}@media(hover:hover)and (pointer:fine){.access:hover{border-color:#fff0e5}}@media(max-width:760px){main{gap:24px;padding-bottom:max(30px,env(safe-area-inset-bottom))}h1{height:33dvh;width:94vw}nav{flex-direction:column;align-items:center;gap:14px}.access{width:min(340px,88vw);flex:none;min-height:84px;padding:12px 24px}.access small{font-size:9px}.access strong{font-size:28px}.desktop{font-size:17px}.sky{background-position:58% center}}@media(max-height:480px)and (orientation:landscape){main{gap:14px;padding:12px 20px 22px}h1{height:47dvh;width:68vw}nav{flex-direction:row;gap:12px}.access{min-height:76px;width:auto;padding:12px;gap:10px;font-size:14px}.access small{font-size:8px}.access strong{font-size:23px}.access>img,.access>svg{width:30px;height:34px}}@media(prefers-reduced-motion:reduce){.cloud-track,.city-track{animation:none;will-change:auto}.access{transition:none}}

.access>img{filter:brightness(0) invert(1);opacity:.92}

/* Existing illustrated installation guide, adapted only to this app. */
dialog{width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:clamp(16px,3vw,30px)}dialog header{position:sticky;top:-1px;z-index:2;background:#1c1018;padding:4px 0 14px}dialog ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}dialog li{margin:0;min-width:0}dialog figure{margin:0}dialog figcaption{display:flex;gap:9px;align-items:flex-start;min-height:100px}dialog h3{font:700 16px/1.3 Arial,sans-serif;margin:0 0 7px}dialog p{font:14px/1.4 Arial,sans-serif;margin:0;color:#e4c9c9}.install-number{background:#a3313e;border:1px solid #e5a08d;border-radius:50%;width:26px;height:26px;flex:none;text-align:center;font:700 15px/24px Arial,sans-serif}dialog figure img{width:100%;height:auto;display:block;border-radius:6px;background:#fff}.return{margin-top:18px}@media(max-width:760px){dialog ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}dialog figcaption{min-height:110px}}@media(max-width:380px){dialog ol{grid-template-columns:1fr}dialog figure img{max-width:260px;margin:auto}dialog figcaption{min-height:80px}}