:root { --navigation-height:126px; }
body { padding-top:var(--navigation-height); }
.unified-header { position:fixed; inset:0 0 auto; z-index:10020; background:#100c18; border-bottom:1px solid var(--tillasz-border); color:var(--tillasz-text); font:14px/1.5 Archivo,Arial,sans-serif; }
.unified-inner { max-width:1280px; margin:auto; padding:12px 24px; }
.unified-top { display:flex; align-items:center; gap:20px; }
.unified-brand { color:#fff; font-size:24px; font-weight:800; text-decoration:none; letter-spacing:-.03em; white-space:nowrap; }
.unified-brand span { color:#b47ff6; }
.unified-links { display:flex; align-items:center; gap:2px; flex:1; justify-content:center; }
.unified-links a { display:flex; align-items:center; min-height:44px; padding:8px 10px; color:#dfd1eb; text-decoration:none; font-size:13px; border-radius:8px; white-space:nowrap; }
.unified-links a:hover { color:#fff; background:#26192f; }
.unified-links a[aria-current] { color:#fff; background:#582181; }
.unified-menu { display:none; }
.unified-header button { font:600 13px/1.4 Archivo,Arial,sans-serif; cursor:pointer; }
.unified-header button:focus-visible,.unified-header a:focus-visible,.unified-header input:focus-visible { outline:2px solid var(--tillasz-accent); outline-offset:3px; }
.unified-header .background-control { position:static; flex-shrink:0; min-width:44px; padding:10px; }
.unified-header .background-control span { display:none; }
.unified-search-row { display:flex; align-items:center; gap:16px; margin-top:8px; }
.unified-search-form { display:flex; align-items:center; flex:1; min-width:0; height:46px; border:1px solid #86649e; border-radius:10px; background:#1b1228; }
.unified-search-icon { width:18px; height:18px; margin:0 12px; stroke:#dcc4ed; fill:none; stroke-width:1.8; flex-shrink:0; }
.unified-search-form input { width:100%; min-width:0; border:0; border-radius:10px; background:transparent; color:#fff; padding:11px 0; font:14px/1.5 Archivo,Arial,sans-serif; appearance:none; }
.unified-search-form input::placeholder { color:#cbb7db; opacity:1; }
.unified-search-form input::-webkit-search-cancel-button { display:none; }
.unified-clear { min-width:66px; min-height:44px; flex-shrink:0; padding:8px; white-space:nowrap; border:0; background:transparent; color:#e6d4f4; border-radius:8px; }
#container02 #buttons01 { display:none!important; }
.unified-clear[hidden],.unified-results[hidden] { display:none!important; }
.unified-scopes { display:flex; gap:4px; flex-shrink:0; }
.unified-scopes button { min-height:44px; padding:8px 14px; color:#d9c5e9; background:transparent; border:1px solid transparent; border-radius:9px; }
.unified-scopes button[aria-pressed=true] { color:#fff; background:#582181; border-color:#a972d1; }
.unified-results { position:absolute; top:100%; right:24px; left:24px; max-width:1232px; margin:0 auto; max-height:calc(100dvh - var(--navigation-height) - 20px); overflow:auto; overscroll-behavior:contain; background:#170f22; border:1px solid #86649e; border-top:0; border-radius:0 0 12px 12px; box-shadow:0 14px 30px #0006; scrollbar-color:#9466b7 #1b1228; }
.unified-results-summary { padding:14px 18px; margin:0; color:#cfbedf; font-size:13px; border-bottom:1px solid #a479c033; }
.unified-result { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:64px; padding:13px 18px; border-bottom:1px solid #a479c022; color:#fff; text-decoration:none; }
.unified-result:hover,.unified-result:focus-visible { background:#30203f; }
.unified-result strong { display:block; font-size:15px; line-height:1.4; }
.unified-result small { display:block; color:#d0bedf; font-size:12px; line-height:1.5; margin-top:3px; }
.unified-result-type { color:#ddc5ee; font-size:12px; white-space:nowrap; }
.unified-empty,.unified-loading { padding:20px 18px; color:#d8c6e5; line-height:1.6; margin:0; }
.unified-more,.unified-retry { min-height:44px; margin:12px 18px; padding:10px 16px; background:#582181; color:#fff; border:1px solid #a972d1; border-radius:8px; }
.unified-skip { position:fixed; top:8px; left:8px; transform:translateY(-180%); padding:12px 18px; background:#582181; color:#fff; border-radius:8px; z-index:10030; }
.unified-skip:focus { transform:none; }
#main-content,.tc,.tc-detail,#hb-detail,#wiki,#wiki-bestiario,.setup-overview,#recommendations-content,#giveaways-content,[id^=live-] { scroll-margin-top:calc(var(--navigation-height) + 16px); }
@media(max-width:1150px) {
 .unified-inner { padding:10px 16px; }
 .unified-top { flex-wrap:wrap; gap:12px; }
 .unified-brand { margin-right:auto; }
 .unified-menu { display:flex; gap:8px; align-items:center; min-height:44px; padding:10px 13px; background:#26192f; color:#fff; border:1px solid var(--tillasz-border); border-radius:9px; }
 .unified-menu svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; }
 .unified-links { display:none; flex-basis:100%; order:4; justify-content:flex-start; flex-wrap:wrap; padding-top:8px; border-top:1px solid var(--tillasz-border); }
 .unified-header[data-menu-open=true] .unified-links { display:flex; }
 .unified-links a { padding:10px 14px; }
 .unified-results { left:16px; right:16px; }
}
@media(max-width:560px) {
 .unified-search-row { flex-wrap:wrap; gap:4px; }
 .unified-search-form { flex-basis:100%; }
 .unified-scopes { width:100%; }
 .unified-scopes button { min-height:36px; flex:1; }
 .unified-result { padding:12px 14px; gap:10px; }
 .unified-result-type { max-width:80px; white-space:normal; text-align:right; }
 .unified-links a { width:calc((100% - 2px)/2); }
 .unified-results-summary { padding:12px 14px; }
}