/* Additional pages share the parchment, stone captions and green controls of tibiacom. */
.bp-classic{--gold:#5a2d0c;--border:#a49374;--text:#5a2800;color:var(--text);font:13px/1.65 Verdana,Arial,sans-serif;max-width:100%;min-width:0}
.bp-classic *{box-sizing:border-box}
.bp-classic a{color:#004b91}.bp-classic a:hover{text-decoration:underline}
.bp-classic h1,.bp-classic h2,.bp-classic h3{line-height:1.35;color:#5a2800}
.bp-classic h1{font-size:24px}.bp-classic h2{font-size:18px}.bp-classic h3{font-size:15px}
.bp-classic .brand{text-align:center;font-size:28px;font-weight:bold;letter-spacing:1px;color:#5a2800;margin:18px 0 8px}
.bp-classic .brand small,.bp-classic .world{display:block;text-align:center;font-size:11px;font-weight:bold;letter-spacing:3px;margin:3px 0 16px;color:#67513b}
.bp-classic .panel,.bp-classic .steps,.bp-classic .dlcard,.bp-classic .create,.bp-classic .stat{background:#f1e0c2;border:1px solid #8b7b63;box-shadow:inset 0 0 0 1px #fff4d9;padding:18px;margin:16px 0}
.bp-classic .panel h2,.bp-classic .steps h3{background:#505050;color:#fff;margin:-18px -18px 16px;padding:7px 12px;border:2px ridge #b4aa92;font-weight:bold}
.bp-classic .hdr{text-align:center;margin-bottom:18px}.bp-classic .hdr h1{margin-bottom:4px}
.bp-classic .btn,.bp-classic .dlbtn{display:inline-block;background:linear-gradient(#29654c,#12372b);color:#fff3c0;border:2px ridge #c3aa6a;border-radius:2px;padding:9px 16px;font:bold 13px/1.5 Verdana,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;max-width:100%;white-space:normal}
.bp-classic .btn:hover,.bp-classic .dlbtn:hover{background:linear-gradient(#357b5d,#194b38);text-decoration:none}
.bp-classic .btn-ghost,.bp-classic .btn.alt{background:linear-gradient(#68645a,#49463d);color:#fff3d5}
.bp-classic .btn-danger{background:linear-gradient(#953e32,#65231c);color:#fff}
.bp-classic .btn:disabled,.bp-classic .dlbtn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.bp-classic .dlcard{text-align:center;padding:24px 16px}.bp-classic .dlbtn{font-size:17px;padding:13px 28px}
.bp-classic .meta,.bp-classic .small{color:#69513a;font-size:11px}.bp-classic .meta{margin-top:12px}
.bp-classic .status{text-align:center}.bp-classic .pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid #a49374;background:#e3d1ae;font-size:12px}
.bp-classic .pill.on{color:#1e5a31}.bp-classic .pill.off{color:#7f3526}
.bp-classic .dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#777}.bp-classic .dot.on{background:#2f8247}.bp-classic .dot.off{background:#a14332}
.bp-classic .steps ol{padding-left:23px;margin-bottom:0}.bp-classic .steps li{margin:8px 0}
.bp-classic .links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0;font-size:12px}
.bp-classic .warn,.bp-classic .msg.err{background:#f8e1ce;border:1px solid #b87348;color:#75350c;padding:12px;margin:12px 0}
.bp-classic .success,.bp-classic .msg.ok{background:#dfead1;border:1px solid #70965a;color:#245225;padding:12px;margin:12px 0}
.bp-classic .key-box{background:#e2d2b4;border:2px ridge #9a8358;color:#173f2c;font:bold 18px/1.6 monospace;letter-spacing:2px;padding:14px;text-align:center;overflow-wrap:anywhere}
.bp-classic .balance{font-weight:bold;margin:12px 0}
.bp-classic .table-scroll,.bp-table-scroll{display:block;max-width:100%;overflow-x:auto}
.bp-classic table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}
.bp-classic th{background:#505050;color:#fff;text-align:left;padding:8px;border:1px solid #a49374}
.bp-classic td{padding:8px;border:1px solid #d0ba94;background:#f1e0c2}
.bp-classic tr:nth-child(even) td{background:#d4c0a0}
.bp-classic .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.bp-classic .stat{margin:0;text-align:center;padding:12px 8px}.bp-classic .stat .v{font-size:23px;font-weight:bold;color:#5a2800}
.bp-classic form.create label{display:block;margin:10px 0 3px;font-size:12px;font-weight:bold}
.bp-classic form.create input:not([type=hidden]):not([type=checkbox]),.bp-classic form.create select,.bp-classic form.create textarea{width:100%;min-width:0;padding:8px;background:#fffaf0;color:#37230e;border:1px solid #93806a;font:13px Verdana,Arial,sans-serif}
.bp-classic form.create input[type=checkbox]{width:auto;margin-right:6px}
.bp-classic .row-buttons form{display:inline}.bp-classic .row-buttons .btn{padding:4px 8px;font-size:11px;margin:2px}
.bp-classic .status-sold{opacity:.65}
.bp-classic .btn:focus-visible,.bp-classic a:focus-visible,.bp-classic input:focus-visible,.bp-classic select:focus-visible,.bp-classic textarea:focus-visible{outline:3px solid #9b6c20;outline-offset:2px}
.bp-mobile-landing{text-align:center}.bp-mobile-landing .tag{font-size:15px}.bp-mobile-landing ul{list-style:none;padding:0;text-align:left;margin:20px 0}
.bp-mobile-landing li{background:#f1e0c2;border:1px solid #9d8b6e;padding:12px 14px;margin:10px 0}.bp-mobile-landing li b{display:block;color:#5a2800}
.bp-mobile-landing .btn{display:block;width:100%;margin:12px 0;padding:12px}.bp-mobile-landing .note{background:#dfccaa;border-left:3px solid #496849;text-align:left;padding:12px;margin:20px 0}.bp-mobile-landing #copied{min-height:20px;overflow-wrap:anywhere;color:#245225}
/* Polish the already integrated history and listing pages. */
.oh-wrap,.ml-wrap{color:#5a2800;max-width:100%;min-width:0}
.oh-header,.ml-header{background:#505050;border:2px ridge #b4aa92;border-radius:0;gap:10px;flex-wrap:wrap;padding:9px 12px}
.oh-header h2,.ml-header h2{font-size:16px;color:#fff}.oh-header a,.ml-header a{border:1px solid #9d9077;border-radius:0}
.oh-stats,.oh-stat,.oh-filters,.oh-section,.ml-box{background:#f1e0c2;border-color:#a49374}
.oh-stat .v,.ml-item .price,.ml-box h3{color:#5a2800}
.oh-section h3,.oh-table th{background:#505050;color:#fff;border-color:#a49374}
.oh-table td{border-color:#dfcead}.oh-table tr:nth-child(even){background:#d4c0a0}
.oh-btn,.ml-btn{background:linear-gradient(#29654c,#12372b);border:2px ridge #c3aa6a;border-radius:2px;color:#fff3c0}
.oh-paging,.oh-paging a.current{background:#d4c0a0}.oh-paging a.current{border:1px solid #95836a;border-radius:0}
.ml-item,.ml-priv,.ml-empty{background:#f1e0c2;border-radius:0;border-color:#a49374}.ml-item{grid-template-columns:minmax(0,1fr) auto;overflow-wrap:anywhere}.ml-item>div:last-child{grid-column:1/-1}
.ml-form .row{grid-template-columns:120px minmax(0,1fr)}.ml-form input,.ml-form select,.ml-form textarea{min-width:0;max-width:100%}
/* Only the mobile entry rearranges the site's columns; desktop pages keep the home layout. */
@media(max-width:760px){
 body:has(.bp-mobile-landing) #ArtworkHelper,body:has(.bp-mobile-landing) #Bodycontainer{min-width:0;width:100%;max-width:100%;display:block}
 body:has(.bp-mobile-landing) #ArtworkHelper{background-position:top center;background-size:auto 300px}
 body:has(.bp-mobile-landing) #ContentRow{top:0;padding-top:120px}
 body:has(.bp-mobile-landing) #MenuColumn,body:has(.bp-mobile-landing) #ThemeboxesColumn{display:none}
 body:has(.bp-mobile-landing) #ContentColumn{margin:0 10px;min-width:0;width:auto}
 body:has(.bp-mobile-landing) .Content{margin:0;width:auto;min-width:0}
 body:has(.bp-mobile-landing) #ContentHelper{min-width:0;width:auto}
 body:has(.bp-mobile-landing) img.Title{max-width:calc(100% - 24px);object-fit:cover;object-position:left top}
 body:has(.bp-mobile-landing) .BoxContent{padding:14px 12px}
 body:has(.bp-mobile-landing) #Footer{margin:20px 12px;width:auto}
 .bp-mobile-landing .brand{margin-top:6px}
}