:root{--bg: #161c28;--panel: rgba(16, 20, 30, .86);--text: #e8ecf2;--muted: #9aa4b4;--line: rgba(255, 255, 255, .12);--accent: #7fb2ff;--gold: #ffd84a;--hover: rgba(255, 255, 255, .08);--on: rgba(255, 255, 255, .14);--edge: 16px;color-scheme:dark}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}#map{position:fixed;top:0;right:0;bottom:0;left:0}.panel{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box}a{color:var(--text)}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#bar{top:max(14px,env(safe-area-inset-top));left:14px;width:min(340px,calc(100vw - 28px));padding:10px 12px 12px;border-radius:22px;z-index:4;display:grid;grid-template-areas:"brand" "search" "site"}.brand{grid-area:brand;padding:0 2px 8px}.brand a{font-size:19px;font-weight:700;letter-spacing:-.01em;text-decoration:none}.brand p{margin:2px 0 0;color:var(--muted);font-size:13px}.site{grid-area:site;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:10px;padding:3px;border-radius:14px;background:#ffffff12}.site a{display:grid;place-items:center;height:34px;padding:0 10px;border-radius:11px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.site a:hover{color:var(--text);background:var(--hover)}.site a.on{background:#ffffff29;color:var(--text);box-shadow:0 1px 4px #0000004d,inset 0 1px #ffffff1f;cursor:default}.search{grid-area:search;position:relative}.glass-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}#q{width:100%;box-sizing:border-box;height:38px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:14px;background:#ffffff0f;color:var(--text);font:inherit;font-size:15px;outline:none}#q::placeholder{color:var(--muted)}#q:focus{border-color:var(--accent);background:#ffffff17}#results{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:4px;max-height:min(60vh,calc(100dvh - 140px));overflow:auto;overscroll-behavior:contain;background:#161b27fa;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #0006;z-index:6}#results[hidden]{display:none}#results .row{display:block;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}#results .row:hover,#results .row.active{background:var(--hover)}#results .row small{display:block;color:var(--muted);font-size:12px}#results .hint{margin:4px 10px 6px;color:var(--muted);font-size:12.5px}.away{margin:2px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#7fb2ff12}.away h2{margin:0 0 4px;font-size:14.5px;font-weight:650;line-height:1.3}.away p{margin:0 0 10px;color:var(--muted);font-size:12.5px}.away .go{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--accent);color:#0e1420;font-weight:650;font-size:13.5px;text-decoration:none}.away .go:hover{filter:brightness(1.08)}.away .status{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}.away .status b{color:var(--text);font-weight:600}.away .ask{margin-top:8px;padding:6px 12px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-size:12.5px;font-weight:600;cursor:pointer}.away .ask:hover{background:#7fb2ff1f}.away .ask[disabled]{opacity:.6;cursor:default}.away .done{color:#7ed6a0}.also{margin:8px 0 0;padding:0;list-style:none}.also a{display:block;padding:6px 10px;border-radius:7px;text-decoration:none;font-size:13px}.also a:hover{background:var(--hover)}.also small{color:var(--muted)}#zoom{right:var(--edge);bottom:calc(var(--edge) + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;z-index:2}#zoom button{width:40px;height:40px;border:0;background:transparent;color:var(--text);font-size:20px;cursor:pointer}#zoom button+button{border-top:1px solid var(--line)}#zoom button:hover{background:var(--hover)}#zoom button[hidden]{display:none}#zoom #turn:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:44px;font-size:17px;line-height:1}#zoom #turn small{font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--muted)}#live{right:calc(var(--edge) + 48px);bottom:calc(var(--edge) + env(safe-area-inset-bottom));height:34px;padding:0 12px;border:0;color:var(--text);font:inherit;font-size:13px;cursor:pointer;z-index:2}#live[hidden]{display:none}#live:hover{background:var(--hover)}#live[aria-pressed=true]{background:var(--accent)!important;color:#fff}#loading{left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;display:flex;align-items:center;gap:10px;color:var(--muted);z-index:1}#loading[hidden]{display:none}#loading i{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hint{left:50%;bottom:calc(var(--edge) + 44px + env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 8px 8px 14px;display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;z-index:2}#hint[hidden]{display:none}.x{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:17px;line-height:1;cursor:pointer}.x:hover{background:var(--hover);color:var(--text)}#credit{left:var(--edge);bottom:calc(var(--edge) + env(safe-area-inset-bottom));max-width:min(560px,calc(100vw - 2 * var(--edge) - 56px));padding:6px 10px;color:var(--muted);font-size:11.5px;z-index:1}#credit summary{cursor:pointer;list-style:none}#credit summary::-webkit-details-marker{display:none}#credit summary:after{content:" ▸"}#credit details[open] summary:after{content:" ▾"}#credit p{margin:6px 0 2px}:root #props-panel{right:var(--edge);top:max(var(--edge),env(safe-area-inset-top));bottom:auto}@media (max-width: 640px){:root{--edge: 8px}#bar{top:max(var(--edge),env(safe-area-inset-top));left:var(--edge);width:calc(100vw - 2 * var(--edge));padding:8px;border-radius:18px;grid-template-columns:auto 1fr;grid-template-areas:"brand site" "search search";row-gap:8px;align-items:center}.brand{padding:0 4px}.brand p{display:none}.site{margin:0;justify-self:end;grid-template-columns:repeat(3,auto)}.site a{height:30px;padding:0 9px;font-size:13px}#q{font-size:16px}#zoom,#live{bottom:calc(var(--edge) + 34px + env(safe-area-inset-bottom))}#zoom{flex-direction:row}#zoom #turn:not([hidden]){height:40px;width:44px;border-left:1px solid var(--line)}body:has(#turn:not([hidden])) #live{right:calc(var(--edge) + 94px)}#zoom #in,#zoom #out{display:none}#zoom button+button{border-top:0}#credit{max-width:calc(100vw - 2 * var(--edge))}:root #props-panel{left:var(--edge);right:var(--edge);top:auto;width:auto;border-radius:12px}#hint{bottom:calc(var(--edge) + 40px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 2 * var(--edge));box-sizing:border-box;white-space:normal}}#bar{view-transition-name:vicus-bar}#bar .site{view-transition-name:site}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:ease}::view-transition-group(*){animation-duration:.38s;animation-timing-function:cubic-bezier(.3,.7,.2,1)}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}