/* The catalogue is self-contained. The shell rules at the end apply only to browse.php. */
.browse-layout {
  --br-page:#faf8fb;--br-surface:#fff;--br-ink:#261e2a;--br-muted:#5c5460;--br-soft:#f2eef3;
  --br-line:#ded7df;--br-edge:#a296a5;--br-accent:#922559;--br-on:#fff;--br-tint:#f9eaf1;
  --br-seed:#236847;--br-leech:#6d467e;--br-focus:#135f92;
}
.browse-dark {
  --br-page:#17191e;--br-surface:#202329;--br-ink:#f0edf0;--br-muted:#bcb6c1;--br-soft:#292d35;
  --br-line:#3e414b;--br-edge:#84808b;--br-accent:#ffa6c6;--br-on:#331420;--br-tint:#3e2532;
  --br-seed:#98d6b3;--br-leech:#ccb1e6;--br-focus:#92cfff;
}
.br-shell { display:block; color:var(--br-ink); background:var(--br-page); font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif; text-align:left; margin:0 auto; padding:20px 22px 24px; border:1px solid var(--br-line); border-radius:13px; }
.br-shell *, .br-shell *::before, .br-shell *::after { box-sizing:border-box; }
.br-shell :is(h1,h2,h3,p,form,fieldset,legend,table) { margin:0; }
.br-shell form { height:auto; }
.br-shell :is(a:link,a:visited) { color:var(--br-ink); text-decoration:none; font-weight:inherit; }
.br-shell a:hover { color:var(--br-accent); text-decoration:underline; }
.br-shell :is(a,summary,button,input,select):focus-visible, .br-support a:focus-visible { outline:2px solid var(--br-focus); outline-offset:2px; }
.br-shell svg { width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.br-shell svg.br-symbols {position:absolute;width:0;height:0;overflow:hidden;}
.br-sr { position:absolute; width:1px;height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.br-shell .br-intro { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.br-shell .br-kicker { font:700 10px/1.4 system-ui,sans-serif; letter-spacing:.14em; color:var(--br-accent); display:flex;align-items:center;gap:7px; }
.br-kicker span { width:17px;height:3px;background:var(--br-accent);border-radius:2px; }
.br-shell h1 { font:720 clamp(27px,3vw,38px)/1.13 system-ui,sans-serif; color:var(--br-ink);letter-spacing:-.04em; margin-top:3px;}
.br-shell :is(.br-upload,.br-quiet) { border:1px solid var(--br-edge);border-radius:6px;background:var(--br-surface);color:var(--br-ink);display:inline-flex; align-items:center;justify-content:center;gap:6px;padding:7px 11px;min-height:36px;font:600 13px/1.3 system-ui,sans-serif;white-space:nowrap;cursor:pointer;}
.br-shell .br-tools {background:var(--br-surface);border:1px solid var(--br-line);border-radius:10px; padding:13px 16px 0;}
.br-searchbar {display:grid;grid-template-columns:minmax(180px,2.3fr) minmax(125px,1fr) minmax(125px,1fr) auto;gap:10px;align-items:end;}
.br-searchbar>label {display:grid;gap:4px;min-width:0;}
.br-searchbar>label>span:first-child,.br-filterbody legend {font:650 12px/1.4 system-ui,sans-serif;color:var(--br-muted);}
.br-shell :is(input[type="search"],select) { width:100%;max-width:100%;min-width:0;height:38px;border-radius:6px;border:1px solid var(--br-edge);background-color:var(--br-surface);color:var(--br-ink);padding:5px 8px;font:14px/1.3 system-ui,sans-serif;}
.br-shell input[type="search"]::placeholder {color:var(--br-muted);opacity:1}
.br-field { position:relative;display:block; }
.br-field svg {position:absolute;left:10px;top:10px;color:var(--br-muted);pointer-events:none;}
.br-shell .br-field input {padding-left:35px;}
.br-shell .br-primary {border:1px solid transparent;border-radius:6px; background:var(--br-accent);color:var(--br-on);font:680 14px/1 system-ui,sans-serif;padding:0 16px;height:38px;display:flex;gap:7px;align-items:center;justify-content:center;cursor:pointer;}
.br-shell .br-primary:hover {filter:brightness(.94)}
.br-filters {margin-top:5px;}
.br-shell summary {list-style:none;cursor:pointer;}
.br-shell summary::-webkit-details-marker {display:none;}
.br-filterbody {padding:0 0 12px; display:grid; gap:10px;}
.br-filterbody fieldset {padding:0;border:0;min-width:0;}
.br-choices {display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px}
.br-choices label {cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--br-line);padding:3px 8px;border-radius:4px;color:var(--br-ink);background:var(--br-page);font-size:13px;}
.br-choices label:has(:checked) {border-color:var(--br-accent);background:var(--br-tint);}
.br-choices input {margin:0;accent-color:var(--br-accent);}
.br-filters summary,.br-spot summary {display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;min-height:36px;}
.br-filters summary {width:max-content;color:var(--br-muted);}
.br-chevron {width:7px;height:7px;flex:none;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:0 3px 4px;}
.br-shell details[open]>summary .br-chevron {transform:rotate(225deg);margin:4px 3px 0;}
.br-spots {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:9px 0 18px;align-items:start;}
.br-spot {border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface);min-width:0;}
.br-spot summary {padding:4px 12px;}
.br-spot summary>svg {color:var(--br-accent);}
.br-spot summary .br-chevron {margin-left:auto;}
.br-spot-body {border-top:1px solid var(--br-line);padding:6px;}
.br-spot-body table {width:100%;table-layout:fixed;border:0;border-collapse:collapse;background:var(--br-surface);}
.br-spot-body :is(td,th) {background:transparent;border:0;border-bottom:1px solid var(--br-line);padding:4px 3px;font:12px/1.4 system-ui,sans-serif;text-align:start;color:var(--br-ink);}
.br-spot-body td:nth-last-child(-n+2),.br-spot-body th:nth-last-child(-n+2) {text-align:end;font-variant-numeric:tabular-nums;}
.br-spot-body th:nth-last-child(-n+2) {width:5em;}
.br-spot-body th.rank-position {width:2em;}
.br-spot-body .rank-line {display:flex;align-items:center;gap:4px;white-space:nowrap;}
.br-spot-body .rank-line>span {flex:none;}
.br-spot-body .rank-title,.br-table .br-title {display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.br-spot-body .rank-new {font-size:10px;color:var(--br-accent);font-weight:700;}
.br-listhead {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.br-listhead h2 {font:700 23px/1.2 system-ui,sans-serif;letter-spacing:-.03em;color:var(--br-ink);display:flex;gap:8px;align-items:center;}
.br-listhead h2 .br-total {position:static;display:inline-block;width:auto;height:auto;font:660 12px/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--br-accent);background:var(--br-tint);border-radius:5px;padding:2px 6px;letter-spacing:0;}
.br-listhead p {font:12px/1.5 system-ui,sans-serif;color:var(--br-muted);margin-top:3px;}
.br-order {display:flex;align-items:center;gap:5px;}
.br-shell .br-order :is(select,button) {height:32px;min-height:32px;font-size:12px;}
.br-chips {display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:9px 0;}
.br-chips a:not(.br-reset),.br-chips>span {font:600 12px/1.5 system-ui,sans-serif;background:var(--br-tint);color:var(--br-accent);border-radius:4px;padding:3px 8px;overflow-wrap:anywhere;}
.br-chips .br-reset {font-size:12px;color:var(--br-muted);text-decoration:underline;padding:3px 6px;}
.br-tablewrap {background:var(--br-surface);border:1px solid var(--br-line);border-radius:9px;overflow:hidden;margin-top:9px;}
.br-shell .br-table {width:100%;border:0;border-collapse:collapse;background:transparent;table-layout:auto;}
.br-table th,.br-table td {background:transparent;border:0;border-bottom:1px solid var(--br-line);color:var(--br-ink);padding:8px 7px;font:13px/1.35 system-ui,sans-serif;text-align:start;}
.br-table th {background:var(--br-soft);white-space:nowrap;vertical-align:middle;font:650 12px/1.4 system-ui,sans-serif;color:var(--br-muted);}
.br-table th a {display:inline-flex;gap:4px;align-items:center;min-height:26px;}
.br-table th a span {font-size:10px;}
.br-table th[aria-sort] {color:var(--br-accent);}
.br-table th:first-child,.br-table td:first-child {padding-left:13px;}
.br-table .br-name {min-width:160px;width:100%;}
.br-table .br-ident {display:grid;grid-template-columns:63px minmax(0,1fr);align-items:center;column-gap:10px;contain:inline-size;}
.br-table .br-ident>div {min-width:0;}
.br-table .br-catart {display:inline-flex;align-items:center;justify-content:center;min-height:40px;font-size:12px;}
.br-table .br-catart img {display:block;width:63px;height:36px;max-width:none;object-fit:contain;border:0;}
.br-table .br-title {font-weight:650;font-size:14px;line-height:1.35;color:var(--br-ink);}
.br-table .br-meta {display:flex;align-items:center;gap:3px 8px;flex-wrap:wrap;margin-top:4px;color:var(--br-muted);font:12px/1.5 system-ui,sans-serif;}
.br-table .br-meta :is(a,span) {color:inherit;}
.br-table .br-cat {background:var(--br-soft);padding:0 5px;border-radius:3px;}
.br-shell .torrent-title-line {display:flex;align-items:center;gap:6px;min-width:0;}
.br-shell .torrent-title-line>a {min-width:0;}
.br-shell img.torrent-is-flag {display:inline-block;flex:0 0 18px;width:18px;height:12px;max-width:none;border:0;vertical-align:middle;}
.br-inline {display:inline-flex;align-items:center;gap:3px;}
.br-inline svg {width:13px;height:13px;}
.br-table .br-num {text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums;}
.br-table .br-added {white-space:nowrap;color:var(--br-muted);font:12px/1.35 system-ui,sans-serif;font-variant-numeric:tabular-nums;}
.br-added small {display:block;font-size:11px;}
.br-table .br-seed,.br-table .br-seed a {color:var(--br-seed);font-weight:700;}
.br-table .br-leech,.br-table .br-leech a {color:var(--br-leech);font-weight:650;}
.br-table .br-mobile-label {display:none;}
.br-table .br-dl {text-align:center;}
.br-table .br-download {width:34px;height:34px;border-radius:6px;display:inline-grid;place-items:center;border:1px solid var(--br-line);color:var(--br-accent);background:var(--br-surface);}
.br-table .br-download:hover {border-color:var(--br-accent);background:var(--br-tint);}
.br-table .br-item:hover {background:var(--br-page);}
.br-table .br-day td {background:var(--br-page);color:var(--br-muted);font-size:11px;font-weight:680;padding:4px 13px;}
.br-table .br-day td::first-letter {text-transform:uppercase;}
.br-table tr:last-child td {border-bottom:0;}
.br-pager {display:flex;flex-wrap:wrap;align-items:center;gap:3px;justify-content:flex-end;margin:10px 0 0;font-variant-numeric:tabular-nums;}
.br-pager a,.br-pager>span {display:grid;place-items:center;min-width:30px;height:30px;padding:0 5px;font:600 12px/1 system-ui,sans-serif;}
.br-pager a {border:1px solid var(--br-line);border-radius:5px;background:var(--br-surface);}
.br-pager [aria-current] {border-radius:5px;background:var(--br-tint);color:var(--br-accent);}
.br-empty {margin-top:13px;padding:30px 14px;text-align:center;border:1px dashed var(--br-edge);border-radius:9px;background:var(--br-surface);}
.br-empty>svg {color:var(--br-accent);width:27px;height:27px;}
.br-empty h3 {font:650 18px/1.5 system-ui,sans-serif;}
.br-empty p {font:14px/1.5 system-ui,sans-serif;color:var(--br-muted);margin:5px 0 12px;}
.br-support {font:13px/1.4 system-ui,sans-serif;max-width:1100px;margin:6px auto;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:5px 15px;color:#fff;background:#302439;padding:6px 12px;border-radius:5px;}
.br-support a:link,.br-support a:visited {color:white;font-weight:650;text-decoration:underline;}
.br-support meter {width:65px;vertical-align:middle;}
.browse-layout #columns {width:min(1130px,calc(100% - 28px));box-sizing:border-box;padding:0;background:transparent;}
.browse-layout #main-wrapper {width:min(1130px,calc(100% - 28px));}
.browse-layout #main-inner {padding:0 8px;}
.browse-layout #main-top {height:12px;}
.browse-layout #augl {font:13px/1.45 system-ui,sans-serif;}
.browse-layout #augl>div {border:1px solid #68586e !important;border-radius:8px !important;background:#302439 !important;color:white !important;padding:6px !important;}
.browse-layout #augl :is(a,b,div) {color:white !important;font-size:13px !important;}
.browse-layout :is(.topnav,.menu) a[aria-current="page"] {box-shadow:inset 0 -3px #ffa6c6;color:white;}
.browse-dark #homepage .smallfont font[color="darkgreen"] {color:var(--br-seed);}
.browse-dark #homepage .smallfont font[color="red"] {color:var(--br-accent);}
.browse-dark #home-slogan:empty {display:none;}
@media(min-width:1051px){.browse-layout #augl {max-width:min(43vw,560px);margin-left:min(38vw,420px);}}
@media(max-width:1050px) {
  .browse-layout {margin:0;}
  .browse-light {background:#310b28;}
  .browse-layout :is(#columns,#wrapper,#main-wrapper,#main,#main-inner,#header-wrapper,#header,#main-menu,#page-bottom,#footer,.topnav) {box-sizing:border-box;width:100%;max-width:100%;min-width:0;}
  .browse-layout :is(#header,#main-menu,.topnav,#page-bottom,#footer,#toppur,#homepage) {overflow-x:auto;}
  .browse-layout #main-menu {position:relative;height:auto;}
  .browse-layout #main-menu #menu-inner {position:static;inset:auto;margin:0;display:inline-block;width:max-content;}
  .browse-light #header {margin:0 auto;}
  .browse-light #header .logo {float:none;width:auto;margin:0;padding:6px 12px;}
  .browse-light .logo h1 {float:none;width:143px;height:42px;margin:0;}
  .browse-light .logo h1 a {height:42px;background:url('/themes/deildu.net/pic/logoid.png') left center/contain no-repeat;}
  .browse-light .topnav ul {display:flex;width:max-content;margin:0;padding:0 5px;}
  .browse-dark #header {padding:4px 12px;}
  .browse-dark #logo {margin:0;}
  .browse-dark #logo img {display:block;width:143px;height:auto;}
  .browse-layout #columns,.browse-layout #main-inner {padding:0 6px;overflow-x:auto;}
  .browse-layout #augl {position:relative;top:auto;width:100%;max-width:100%;margin:0;height:auto;box-sizing:border-box;overflow:auto;}
  .browse-layout #toppur {position:relative;inset:auto;box-sizing:border-box;width:100%;}
  .browse-layout .auglwrap {padding:0;}
}
@media(max-width:760px) {
  .br-shell {padding:12px 10px;border-radius:8px;}
  .br-shell .br-intro {margin-bottom:11px;}
  .br-shell .br-tools {padding:10px 10px 0;}
  .br-searchbar {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;}
  .br-search {grid-column:1/-1;}
  .br-searchbar .br-primary {grid-column:1/-1;}
  .br-spots {grid-template-columns:repeat(2,minmax(0,1fr));margin:7px 0 12px;gap:5px;}
  .br-spot[open] {grid-column:1/-1;}
  .br-spot summary {padding:5px 8px;gap:5px;min-height:44px;line-height:1.3;}
  .br-listhead {align-items:flex-start;flex-wrap:wrap;}
  .br-order {flex-wrap:wrap;}
  .br-tablewrap {border:0;background:transparent;overflow:visible;}
  .br-shell .br-table,.br-table tbody {display:block;width:100%;}
  .br-table thead {position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;}
  .br-table thead:focus-within {position:static;width:auto;height:auto;clip-path:none;display:block;overflow:visible;}
  .br-table thead:focus-within tr {display:flex;flex-wrap:wrap;}
  .br-table .br-item {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 6px;border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface);padding:9px 10px;margin:5px 0;}
  .br-table .br-item td {display:block;border:0;padding:0;text-align:start;min-width:0;}
  .br-table .br-item .br-name {grid-column:1/-1;width:auto;padding-right:39px;order:0;}
  .br-table .br-meta {gap:3px 7px;}
  .br-table .br-ident {column-gap:7px;align-items:start;}
  .br-table .br-item .br-added {grid-column:1/3;order:1;margin-top:3px;}
  .br-added small {display:inline;margin-left:5px;}
  .br-table .br-item .br-size {order:2;font-size:12px;}
  .br-table .br-item :is(.br-seed,.br-leech,.br-done) {order:3;font-size:12px;}
  .br-table .br-mobile-label {display:inline;color:var(--br-muted);font-size:11px;font-weight:500;margin-right:4px;}
  .br-table .br-dl {position:absolute;top:8px;right:8px;}
  .br-table .br-download {width:36px;height:36px;}
  .br-table .br-day {display:block;}
  .br-table .br-day td {display:block;border:0;padding:3px 1px;}
  .br-pager {justify-content:flex-start;}
  .br-order+.br-pager {margin-top:5px;}
}