.op-hunt-location { display:block;font-size:11px;line-height:1.4;margin-top:4px;white-space:normal }
.op-finder-context { padding:10px 12px;border-left:3px solid #dba35d;background:#252a33;color:#e5cf9f;font-size:13px;line-height:1.5 }
.invite-card.op-hunt-invite { min-width:0;width:min(460px,calc(100vw - 24px));max-width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 76px);overflow-y:auto }.op-hunt-invite .invite-footer { flex-wrap:wrap }.op-hunt-invite .op-team-cancel { flex-shrink:0;max-width:100%;white-space:normal }
.op-invite-context { color:#e5cf9f;line-height:1.5 }.op-hunt-invite .invite-roster-there { font-size:0 }.op-hunt-invite .invite-roster-there::after { content:'Na hunt';font-size:11px }.op-team-cancel { pointer-events:auto;min-height:44px;padding:8px 12px;border:1px solid #86734d;border-radius:5px;background:#282a31;color:#eee7d8;font:inherit;cursor:pointer }
.op-context { display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 14px;border-left:4px solid var(--portal-color);background:#20242c;color:#f1ece2 }
.op-context strong,.op-context span { display:block;line-height:1.5 }.op-context span { font-size:12px;color:#c9c6c0 }
.op-context button,.op-dialog button,.op-dialog input,.op-dialog select { min-height:44px;border:1px solid #70644d;border-radius:5px;padding:8px 12px;background:#292b32;color:#f2ead9;font:inherit }
.op-context button,.op-dialog button { cursor:pointer }.op-dialog button:disabled { opacity:.5;cursor:default }
.op-context .op-start { border-color:#c9a227;background:#3a3320;color:#f8e6b0;font-weight:600 }.op-context .op-start:hover { background:#4a4026 }
.hunt-window.op-local .hunt-browser,.hunt-window.op-local .hunt-tabs { display:none!important }
.hunt-window.op-local .hunt-body { grid-template-columns:minmax(0,1fr)!important }
.hunt-window.op-local .hunt-detail { width:100%;min-width:0 }
.op-dialog { width:min(960px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0;border:1px solid #847254;border-radius:12px;background:#191c23;color:#eee7da;font:14px/1.5 system-ui,sans-serif;box-shadow:0 18px 70px #0009;overflow:hidden }
.op-dialog[open] { display:flex;flex-direction:column }.op-dialog::backdrop { background:#080b13b3 }
.op-dialog header { zoom:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #5a513f;background:#25252a;flex-shrink:0 }
.op-dialog h2 { font-size:22px;margin:0;line-height:1.4 }.op-eyebrow { color:#d1b27c;font-size:11px;letter-spacing:.03em }.op-close { min-width:44px;font-size:24px!important;line-height:1 }
.op-scroll { overflow:auto;min-height:0;padding:18px 20px;overscroll-behavior:contain }.op-filters { display:grid;grid-template-columns:1fr 1fr;gap:12px }.op-filters label { display:grid;gap:4px;color:#d4ccbe }.op-filters input,.op-filters select { width:100%;min-width:0 }
.op-filters select { appearance:none;height:44px;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,#d4ccbe 50%),linear-gradient(135deg,#d4ccbe 50%,transparent 50%);background-size:5px 5px,5px 5px;background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat }
.op-help { color:#c6c2ba;margin:12px 0 }.op-count { color:#b6c6d8;font-size:12px }
.op-map-tools { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px }.op-map-tools>div { display:flex;gap:6px }.op-map-tools button { min-width:44px;padding:8px 10px }.op-map-heading { color:#e5cf9f;font-size:12px }
.op-map { border:1px solid #424851;border-radius:8px;background:#11161c;height:clamp(300px,50vh,470px);overflow:hidden;touch-action:none;cursor:grab }.op-map:active { cursor:grabbing }.op-map svg { display:block;width:100%;height:100% }.op-map text { font-family:system-ui,sans-serif;font-weight:600;paint-order:stroke;stroke:#101722;stroke-linejoin:round;pointer-events:none }.op-map g[data-pin],.op-map g[data-region] { cursor:pointer }.op-map g:focus { outline:none }.op-map g:focus circle,.op-map g:focus rect { stroke:#fff }
.op-map-caption { font-size:12px;color:#bac5d2;margin:8px 0 12px }.op-neighborhoods { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px }.op-neighborhoods button { display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;font-size:11px;padding:8px;line-height:1.3;border-color:#424851;border-top:3px solid var(--portal-color) }.op-neighborhoods button span { font-size:13px;font-weight:700;color:var(--portal-color) }.op-neighborhoods button[aria-pressed="true"] { border-color:var(--portal-color);background:#303843 }

.op-list { display:grid;gap:8px }.op-list article { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #41444d;border-left:4px solid var(--portal-color);border-radius:6px;background:#22262e }.op-list h3 { font-size:15px;margin:2px 0 }.op-list small { color:#babfc8 }.op-actions { display:flex;gap:8px;flex-shrink:0 }.op-actions button { font-size:12px;white-space:nowrap }
.op-dialog :focus-visible,.op-context :focus-visible,.op-launch:focus-visible:focus-visible { outline:2px solid #f1d38c;outline-offset:2px }
@media(max-width:700px) { .op-dialog { width:calc(100vw - 16px);height:calc(100dvh - 16px) }.op-dialog header { padding:10px 12px }.op-dialog h2 { font-size:19px }.op-scroll { padding:12px }.op-filters { grid-template-columns:1fr }.op-list article { align-items:stretch;flex-direction:column;gap:8px }.op-actions { display:grid;grid-template-columns:1fr 1fr }.op-actions button { white-space:normal }.op-context { flex-wrap:wrap;padding:8px }.op-context button { width:100% } }

@media(max-width:700px) { .op-neighborhoods { grid-template-columns:repeat(2,minmax(0,1fr)) }.op-map { height:320px }.op-map-tools { flex-wrap:wrap }.op-map-heading { flex-basis:100% } }

#op-examine{position:fixed;z-index:1100;box-sizing:border-box;width:min(260px,calc(100vw - 24px));min-height:52px;padding:8px 14px;border:1px solid var(--oh-gold,#e0af68);border-radius:6px;background:var(--oh-ink-1,#13141c);color:var(--oh-bright,#e8eaf2);box-shadow:0 4px 16px #0008;cursor:pointer;touch-action:manipulation;font:14px/1.35 system-ui;transition:background-color .15s,border-color .15s}
#op-examine[hidden]{display:none}#op-examine>span{display:block;color:var(--oh-gold,#e0af68);font-size:12px}#op-examine strong{display:block;overflow-wrap:anywhere}#op-examine kbd{margin-left:5px;padding:0 4px;border:1px solid #6c604b;border-radius:3px;font:inherit}#op-examine:hover{background:var(--oh-ink-4,#24283b)}#op-examine:focus-visible{outline:2px solid var(--oh-gold,#e0af68);outline-offset:3px}@media(pointer:coarse){#op-examine kbd{display:none}}@media(prefers-reduced-motion:reduce){#op-examine{transition:none}}