.oa-dialog button{font:600 13px/1.35 var(--oh-ui,system-ui);color:var(--oh-bright,#e8eaf2);background:var(--oh-ink-4,#24283b);border:1px solid var(--oh-line,#3b4261);border-radius:5px;min-height:44px;padding:9px 13px;cursor:pointer;touch-action:manipulation;transition:background .15s,border-color .15s}
.oa-dialog button:hover:not(:disabled){border-color:var(--oh-gold,#e0af68);background:var(--oh-ink-3,#1f2335)}
.oa-launch:focus-visible,.oa-dialog button:focus-visible{outline:2px solid var(--oh-gold,#e0af68);outline-offset:3px}
.oa-dialog button:disabled{opacity:.55;cursor:default}
.oa-dialog{box-sizing:border-box;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;overflow:hidden;color:var(--oh-bright,#e8eaf2);background:var(--oh-ink-1,#13141c);border:1px solid var(--oh-gold-dark,#5a4a2d);border-top:2px solid var(--oh-gold,#e0af68);border-radius:8px;box-shadow:0 18px 80px #000b;font:14px/1.55 var(--oh-ui,system-ui)}
.oa-dialog[open]{display:flex;flex-direction:column}
.oa-dialog::backdrop{background:#08090ec9}
.oa-dialog *{box-sizing:border-box}
.oa-dialog [hidden]{display:none!important}
.oa-header{zoom:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--oh-line,#3b4261);flex-shrink:0}
.oa-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oh-gold,#e0af68)}
.oa-header h2{margin:3px 0 0;font:700 25px/1.2 var(--oh-num,Georgia);color:var(--oh-bright,#e8eaf2)}
.oa-header h2:focus{outline:0}
.oa-dialog .oa-close{padding:0;width:44px;flex-shrink:0;font-size:26px;background:transparent}
.oa-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 22px;border-bottom:1px solid var(--oh-line,#3b4261);flex-shrink:0}
.oa-nav button[aria-pressed=true]{background:var(--oh-gold-dark,#5a4a2d);border-color:var(--oh-gold,#e0af68);color:#fff5dc}
.oa-scroll{padding:20px 22px;overflow:auto;overscroll-behavior:contain;min-height:100px}
.oa-npc{display:flex;align-items:center;gap:14px;padding:16px;background:var(--oh-ink-2,#1a1b26);border:1px solid var(--oh-line,#3b4261);border-radius:6px}
.oa-avatar{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--oh-gold-dark,#5a4a2d);border-radius:5px;background:var(--oh-ink-0,#0b0c12);font:28px var(--oh-num,Georgia);color:var(--oh-gold,#e0af68)}
.oa-npc-copy{min-width:0;flex:1}.oa-npc-copy strong{font-size:15px}.oa-npc-copy strong span{font-size:12px;color:var(--oh-text-2,#9aa5ce);font-weight:500}.oa-npc p{margin:5px 0 0;color:var(--oh-text,#c0caf5);font-size:13px}.oa-npc button{flex-shrink:0}
.oa-reset{font-size:12px;color:var(--oh-text-2,#9aa5ce);text-align:right;margin:12px 0}
.oa-intro{margin:16px 0;color:var(--oh-text,#c0caf5)}
.oa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oa-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:17px;border:1px solid var(--oh-line,#3b4261);border-radius:6px;background:var(--oh-ink-2,#1a1b26);min-width:0}
.oa-card h3{margin:0;font:700 18px/1.3 var(--oh-num,Georgia);overflow-wrap:anywhere}.oa-card p{margin:0;color:var(--oh-text,#c0caf5);font-size:13px}.oa-card>button{margin-top:auto}.oa-reward{color:var(--oh-gold,#e0af68);font-size:16px}.oa-paid{color:var(--oh-green,#9ece6a)!important}
.oa-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.oa-row>span{font-size:12px;flex-shrink:0;color:var(--oh-text,#c0caf5)}
.oa-progress{width:100%;height:7px;border-radius:4px;overflow:hidden;background:var(--oh-ink-0,#0b0c12)}.oa-progress>span{display:block;height:100%;border-radius:4px;background:var(--oh-gold,#e0af68)}
.oa-milestones{display:flex;flex-wrap:wrap;gap:8px;width:100%;font-size:12px;color:var(--oh-text-2,#9aa5ce)}.oa-milestones>span{padding:5px 8px;border:1px solid var(--oh-line,#3b4261);border-radius:4px}
.oa-active{margin-bottom:16px;border-color:var(--oh-gold-dark,#5a4a2d)}.oa-buttons{display:flex;flex-wrap:wrap;gap:8px}.oa-abandon{padding:12px;border:1px solid var(--oh-red,#f7768e);border-radius:5px;width:100%;font-size:13px}.oa-abandon .oa-buttons{margin-top:10px}
.oa-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}.oa-pagination span{font-size:12px}
.oa-empty{padding:24px 10px;text-align:center;color:var(--oh-text,#c0caf5)}.oa-empty h3{color:var(--oh-bright,#e8eaf2)}
.oa-note{font-size:13px;color:var(--oh-gold,#e0af68)}.oa-discovery-rewards{margin-top:16px}
.oa-hero-number{padding:24px 0 6px;text-align:center}.oa-hero-number>strong{display:block;font:42px/1.2 var(--oh-num,Georgia);color:var(--oh-gold,#e0af68)}.oa-hero-number small{font-size:24px;color:var(--oh-text-2,#9aa5ce)}.oa-hero-number>span{display:block;font-size:13px;color:var(--oh-text,#c0caf5)}
.oa-status{min-height:44px;padding:12px 22px;font-size:12px;color:var(--oh-text,#c0caf5);border-top:1px solid var(--oh-line,#3b4261);flex-shrink:0}.oa-status.oa-error{color:var(--oh-red,#f7768e)}
@media(max-width:600px){.oa-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}.oa-header{padding:12px}.oa-header h2{font-size:21px}.oa-nav{padding:10px 12px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.oa-nav button{padding:7px;font-size:12px}.oa-scroll{padding:12px}.oa-npc{flex-wrap:wrap;padding:12px;gap:10px}.oa-npc-copy{flex-basis:calc(100% - 64px)}.oa-npc>button{width:100%}.oa-grid{grid-template-columns:1fr}.oa-card{padding:14px}.oa-status{padding:10px 12px}.oa-row{flex-wrap:wrap}.oa-launch{font-size:12px}}
@media(max-height:500px){.oa-dialog{max-height:calc(100dvh - 12px);width:calc(100vw - 24px)}.oa-header{padding:8px 14px}.oa-header h2{font-size:20px}.oa-eyebrow{font-size:10px}.oa-nav{grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 14px}.oa-nav button{font-size:11px;padding:6px}.oa-scroll{padding:12px 14px}.oa-status{padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.oa-dialog button{transition:none}}

.oa-avatar{overflow:hidden}.oa-avatar canvas{width:52px;height:52px;image-rendering:pixelated;background:url(/ombria/icons/outfit.png) center/32px no-repeat}.oa-avatar canvas[data-ready]{background:none}
.oa-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.oa-filters label{display:grid;gap:4px;font-size:12px;color:var(--oh-text-2,#9aa5ce)}.oa-filters input,.oa-filters select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;border:1px solid var(--oh-line,#3b4261);border-radius:5px;background:var(--oh-ink-2,#1a1b26);color:var(--oh-bright,#e8eaf2);padding:8px;font:16px system-ui}.oa-filters :focus-visible{outline:2px solid var(--oh-gold,#e0af68);outline-offset:2px}
.oa-pagination{margin:12px 0}.oa-contract-guide{padding:12px;background:var(--oh-ink-2,#1a1b26);border-left:3px solid var(--oh-gold,#e0af68)}
.oa-conversation{width:min(720px,calc(100vw - 32px))}
.oa-conversation .oa-grid{grid-template-columns:1fr}
.oa-conversation .oa-npc{border-color:var(--oh-gold-dark,#5a4a2d)}
.oa-card.oa-ready{border-color:var(--oh-gold,#e0af68)}
.oa-conversation .oa-card>button{width:100%;white-space:normal}
.oa-conversation .oa-card+.oa-card,.oa-rules{margin-top:16px}
.oa-conversation .oa-card>span,.oa-conversation .oa-card p{overflow-wrap:anywhere}
.oa-conversation .oa-receipt>strong{overflow-wrap:anywhere}
.oa-speech{margin:20px 0;padding-left:16px;border-left:2px solid var(--oh-gold,#e0af68);color:var(--oh-text,#c0caf5);font-size:16px;line-height:1.65}
.oa-speech p{margin:0 0 12px}.oa-speech p:last-child{margin-bottom:0}
.oa-replies{display:grid;gap:10px;margin-top:20px}.oa-replies button{text-align:left;white-space:normal}
.oa-dialog .oa-primary,.oa-bestiary-filters button[aria-pressed=true]{border-color:var(--oh-gold,#e0af68);background:var(--oh-gold-dark,#5a4a2d);color:var(--oh-bright,#e8eaf2)}
.oa-receipt{display:grid;gap:8px;text-align:center;padding:24px 16px;border:1px solid var(--oh-gold,#e0af68);border-radius:6px;background:var(--oh-ink-2,#1a1b26)}
.oa-receipt>strong{font:700 32px/1.25 var(--oh-num,Georgia);color:var(--oh-gold,#e0af68)}
.oa-receipt p{margin:0;color:var(--oh-text,#c0caf5)}.oa-receipt:focus-visible{outline:2px solid var(--oh-gold,#e0af68);outline-offset:3px}
.oa-bestiary-summary{display:grid;gap:4px;color:var(--oh-text,#c0caf5)}.oa-bestiary-summary strong{color:var(--oh-gold,#e0af68)}
.oa-bestiary-filters{margin-top:14px}.oa-bestiary-card.oa-ready{border-color:var(--oh-gold-dark,#5a4a2d)}
.oa-bestiary-card>button{width:100%;white-space:normal}
.oa-bestiary-history{width:100%;font-size:13px;color:var(--oh-text,#c0caf5)}
.oa-bestiary-history summary{display:flex;align-items:center;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.oa-bestiary-history summary:focus-visible{outline:2px solid var(--oh-gold,#e0af68);outline-offset:2px}
.oa-bestiary-history ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.oa-bestiary-history li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#header-gold.oa-gold-received{outline:2px solid var(--oh-gold,#e0af68);outline-offset:4px;border-radius:4px;color:var(--oh-gold,#e0af68);box-shadow:0 0 18px var(--oh-gold-dark,#5a4a2d)}
@media(max-width:600px){.oa-filters{grid-template-columns:1fr}.oa-avatar{width:52px}}
@media(max-width:600px) and (max-height:700px){.oa-header .oa-eyebrow{display:none}.oa-header{padding:8px 12px}.oa-header h2{font-size:20px}.oa-nav{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:6px}.oa-nav button{min-height:44px;font-size:11px;padding:6px}.oa-npc p{display:none}.oa-npc{padding:8px}.oa-scroll{padding:10px}.oa-status{min-height:36px;padding:8px 12px}}