.cloudy-overlay{--cloudy-font:ui-rounded,"SF Pro Rounded","Avenir Next Rounded","Avenir Next","Trebuchet MS",system-ui,sans-serif;position:absolute;inset:0;z-index:176;pointer-events:none}
.cloudy-launcher,.cloudy-panel{pointer-events:auto;position:absolute;box-sizing:border-box;color:var(--ink,#e4eef4);background:var(--panel,#09131bf5);border:1px solid var(--accent-border,#6cbce677);border-radius:12px;box-shadow:0 4px 16px #0006}
.cloudy-overlay [hidden]{display:none!important}
.cloudy-overlay[data-surface=settings]{position:fixed;z-index:3000}
.cloudy-location,.cloudy-control-value{display:block;font-size:13px;line-height:1.5;color:var(--muted,#a6bbc6);margin:6px 0}
.cloudy-pointing,.cloudy-pointing *{cursor:url('/cloudy-hand.svg') 13 2,pointer!important}
.cloudy-panel[data-picking=true]>:not(header):not(.cloudy-point-cue){display:none!important}
.cloudy-panel[data-picking=true][data-point-answer=true]>.cloudy-answer,.cloudy-panel[data-picking=true][data-point-answer=true]>.cloudy-guide{display:block!important}
.cloudy-panel[data-picking=true] .cloudy-guide button{display:none!important}
.cloudy-point-cue{font:500 16px/1.5 var(--cloudy-font)}
.cloudy-point-cue button{min-height:44px}
.cloudy-greeting{position:absolute;pointer-events:auto;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:8px;padding:14px;overflow:visible;border:1px solid var(--primary-accent,var(--cyan));border-radius:22px;background:var(--panel,#09131bf5);color:var(--ink,#e4eef4);box-shadow:0 6px 20px #0006;font:600 20px/1.45 var(--cloudy-font);touch-action:manipulation}
.cloudy-greeting p{margin:0;overflow-wrap:normal;font:inherit;font-size:20px!important;line-height:1.45}
.cloudy-greeting button{width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--accent-border);border-radius:50%;background:#071014;color:inherit;font:600 24px/1 var(--cloudy-font);cursor:pointer;touch-action:manipulation}
.cloudy-greeting::after{content:"";position:absolute;left:var(--cloudy-tail-x,22px);bottom:-9px;width:16px;height:16px;transform:rotate(45deg);border-right:1px solid var(--primary-accent,var(--cyan));border-bottom:1px solid var(--primary-accent,var(--cyan));background:var(--panel,#09131b);pointer-events:none}
.cloudy-greeting[data-side=below]::after{bottom:auto;top:-9px;transform:rotate(225deg)}
.cloudy-greeting button:focus-visible{outline:2px solid var(--primary-accent,var(--cyan));outline-offset:2px}
.cloudy-launcher{width:55px;height:55px;min-height:55px;padding:2px;cursor:pointer;touch-action:manipulation;color:var(--primary-accent,var(--cyan,#8feef8));background:transparent!important;border:0!important;box-shadow:none!important}
.cloudy-launcher[aria-expanded=true]{width:82.5px;height:82.5px;min-height:82.5px;padding:3.75px}
.cloudy-launcher[aria-expanded=true] .cloudy-mascot{width:75px;height:75px}
.cloudy-mascot{display:block;object-fit:contain;pointer-events:none;user-select:none}
.cloudy-launcher[aria-expanded=true] .cloudy-mascot:not(.cloudy-bounce):not(.cloudy-enter){animation:cloudy-wiggle 2400ms ease-in-out infinite}
.cloudy-bounce{animation:cloudy-bounce 477ms ease-out 2}
.cloudy-enter{animation:cloudy-enter 620ms ease-out 1}
@keyframes cloudy-enter{0%{opacity:0;transform:translateY(20px)}45%{opacity:1;transform:translateY(-7px)}70%{transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
@keyframes cloudy-bounce{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-7deg)}45%{transform:translateY(0) rotate(6deg)}60%{transform:translateY(-5px) rotate(-4deg)}75%{transform:translateY(0) rotate(2deg)}}
@keyframes cloudy-wiggle{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-3deg)}50%{transform:translateY(0) rotate(2deg)}75%{transform:translateY(-2px) rotate(-1deg)}}
@media(min-width:721px){.cloudy-launcher{width:82.5px;height:82.5px;min-height:82.5px;padding:3px}.cloudy-launcher .cloudy-mascot{width:75px;height:75px}.cloudy-launcher[aria-expanded=true]{width:123.75px;height:123.75px;min-height:123.75px;padding:5.625px}.cloudy-launcher[aria-expanded=true] .cloudy-mascot{width:112.5px;height:112.5px}}
@media(prefers-reduced-motion:reduce){.cloudy-launcher[aria-expanded=true] .cloudy-mascot:not(.cloudy-bounce):not(.cloudy-enter){animation:none}}
@media(prefers-reduced-motion:reduce){.cloudy-bounce{animation:none}}
@media(prefers-reduced-motion:reduce){.cloudy-enter{animation:none}}
.cloudy-panel header strong{display:flex;align-items:center;gap:8px}
.cloudy-panel{padding:12px;overflow:auto;overscroll-behavior:contain;font:500 16px/1.55 var(--cloudy-font);scrollbar-width:thin;touch-action:pan-y}
#cloudyPanel>header{position:static!important;display:flex!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;align-items:center;justify-content:space-between;gap:12px;color:var(--primary-accent,var(--cyan));font-size:22px}
.cloudy-panel button{cursor:pointer;color:inherit;min-height:40px;border:1px solid var(--accent-border);border-radius:8px;background:#071014;font:650 14px/1.35 var(--cloudy-font);padding:8px;touch-action:manipulation}
.cloudy-panel .cloudy-welcome{font-size:20px!important;line-height:1.45;font-weight:600}
.cloudy-panel header button{width:40px;flex:none}
.cloudy-panel nav{display:grid;grid-template-columns:1fr;gap:6px}
.cloudy-point-start{border-color:var(--primary-accent,var(--cyan))!important;background:var(--accent-soft,#193b47)!important}
.cloudy-search-details{margin-top:8px}.cloudy-search-details summary{cursor:pointer;padding:8px;color:var(--primary-accent,var(--cyan))}
.cloudy-overlay[data-mobile-picking=true] .cloudy-launcher{width:44px;height:44px;min-height:44px;padding:2px}.cloudy-overlay[data-mobile-picking=true] .cloudy-launcher .cloudy-mascot{width:40px;height:40px}
@media(max-width:720px){.cloudy-panel:not([data-picking=true])>footer{display:none}.cloudy-panel:not([data-picking=true]) .cloudy-welcome{font-size:16px!important}.cloudy-panel:not([data-picking=true]) header .cloudy-mascot{display:none}.cloudy-panel[data-picking=true] .cloudy-location{display:none}.cloudy-panel[data-picking=true] .cloudy-guide{display:none!important}.cloudy-panel[data-picking=true] #cloudyTitle{font-size:18px}.cloudy-panel[data-picking=true] .cloudy-point-cue p{font-size:11px!important}.cloudy-panel[data-picking=true] header button{width:32px;min-height:32px;padding:3px}}
@media(max-width:720px){.cloudy-panel[data-picking=true]{padding:8px}.cloudy-panel[data-picking=true] #cloudyPanel>header{font-size:18px}.cloudy-panel[data-picking=true] header .cloudy-mascot{display:none}.cloudy-panel[data-picking=true] .cloudy-point-cue p{font-size:13px!important;margin:4px 0}.cloudy-panel[data-picking=true] .cloudy-point-cue button{display:none}.cloudy-panel[data-picking=true] .cloudy-answer{margin-top:5px;padding-top:5px}.cloudy-panel[data-picking=true] .cloudy-answer p{font-size:14px!important;line-height:1.4}}
.cloudy-search{margin-top:8px;display:grid;gap:4px;position:sticky;top:-12px;z-index:2;background:var(--panel,#09131b);padding:5px 0}
.cloudy-search label{font-weight:700;color:var(--primary-accent,var(--cyan));font-size:14px}
.cloudy-search>div{display:flex;gap:5px;min-width:0}
.cloudy-search input{box-sizing:border-box;min-width:0;width:100%;min-height:40px;border:1px solid var(--accent-border);border-radius:8px;background:#071014;color:var(--ink,#e4eef4);padding:8px;font:16px var(--cloudy-font)}
.cloudy-search small{font-size:12px;color:var(--muted,#a6bbc6)}
.cloudy-search-status,.cloudy-guide p{font-size:14px;color:var(--muted,#a6bbc6)}
.cloudy-clear{flex:none;min-width:36px;font-size:18px!important}
.cloudy-wiki-search{display:block;font-size:13px;line-height:1.45;color:var(--primary-accent,var(--cyan));padding:5px 0;overflow-wrap:anywhere}
.cloudy-wiki-search:focus-visible{outline:2px solid var(--primary-accent,var(--cyan))}
.cloudy-results{display:grid;gap:5px}.cloudy-results:empty,.cloudy-search-status:empty,.cloudy-guide p:empty{display:none}
.cloudy-guide{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cloudy-guide p{margin:5px 0;grid-column:1/-1}
.cloudy-panel[data-guiding=true]>.cloudy-welcome,.cloudy-panel[data-guiding=true]>nav,.cloudy-panel[data-guiding=true]>.cloudy-wiki-search,.cloudy-panel[data-guiding=true]>.cloudy-results,.cloudy-panel[data-guiding=true]>footer{display:none}
.cloudy-panel[data-mode=answer]>.cloudy-welcome,.cloudy-panel[data-mode=answer]>nav,.cloudy-panel[data-mode=answer]>.cloudy-results,.cloudy-panel[data-mode=answer]>footer,.cloudy-panel[data-mode=search]>.cloudy-welcome,.cloudy-panel[data-mode=search]>nav,.cloudy-panel[data-mode=search]>footer{display:none}
.cloudy-panel[data-mode=answer]>.cloudy-answer{max-height:110px;overflow:auto;overscroll-behavior:contain}
.cloudy-panel[data-picking=true][data-point-answer=true]>.cloudy-answer{max-height:none;overflow:visible}
.cloudy-panel[data-mode=answer] header .cloudy-mascot{width:40px;height:40px}
.cloudy-panel[data-guiding=true]>.cloudy-answer{max-height:45px}
.cloudy-pointer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--primary-accent,var(--cyan,#8feef8));fill:none;stroke:currentColor;stroke-width:2;filter:drop-shadow(0 1px 2px #000)}
.cloudy-pointer rect{stroke-dasharray:5 3}.cloudy-pointer-line{fill:currentColor;stroke-width:.75;opacity:.9}
.cloudy-panel p{margin:8px 0;font:inherit;font-size:16px!important;line-height:1.55}.cloudy-panel .cloudy-guide p,.cloudy-panel .cloudy-search-status{font:500 14px/1.5 var(--cloudy-font);font-size:14px!important}.cloudy-answer:not(:empty){margin-top:12px;padding-top:10px;border-top:1px solid var(--accent-border)}
.cloudy-reference{display:block;padding:6px 0;color:var(--primary-accent,var(--cyan));font-size:13px;text-underline-offset:3px}
.cloudy-reference:focus-visible{outline:2px solid var(--primary-accent,var(--cyan));outline-offset:2px}
.cloudy-panel footer{margin-top:12px;color:var(--muted,#a6bbc6);font-size:12px;line-height:1.5}
.cloudy-launcher:focus-visible,.cloudy-panel button:focus-visible{outline:2px solid var(--primary-accent,var(--cyan));outline-offset:2px}
@media(max-width:720px){.cloudy-panel{padding:10px}.cloudy-panel nav{gap:5px}}