html, body { margin: 0; }
body.tb { font: 13px Tahoma, Verdana, sans-serif; color: #1b2230; background: #c6cfdd url(../img/stone.svg); min-height: 100vh; }
.tb-nav { background: #5b6b78; color: #fff; text-align: center; padding: 8px 10px; line-height: 1.7; font-size: 15px; }
.tb-nav a { color: #fff; text-decoration: none; padding: 0 3px; }
.tb-nav a.is-on { font-weight: 700; text-decoration: underline; }
.tb-main { width: 566px; max-width: 100%; margin: 0 auto; padding: 14px 0 30px; }
.tb-main h1 { margin: 0; text-align: center; font: 700 17px Tahoma, sans-serif; }
.tb-sub { text-align: center; font-size: 9px; color: #333; margin-bottom: 8px; }
.tb-search input { display: block; box-sizing: border-box; width: 100%; padding: 2px 4px; font: 10px Tahoma, sans-serif; background: #fff; border: 1px solid #6b7a90; margin-bottom: 6px; }
.tb-pages { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid #5b6b78; border-bottom: 1px solid #5b6b78; padding: 4px 0; margin: 4px 0; font-size: 16px; }
.tb-pages span { flex: 1; text-align: center; letter-spacing: 1px; }
.tb-pages a { color: #1b2230; text-decoration: none; padding: 0 1px; }
.tb-pages b { padding: 0 1px; }
.tb-next { font-size: 9px; color: #333; }
.tb-table { width: 100%; border-collapse: collapse; margin: 6px 0; }
.tb-table th { background: #a9b6c8; color: #1b2230; border: 1px solid #5b6b78; padding: 5px; font-size: 15px; }
.tb-table td { border: 1px solid #5b6b78; padding: 3px 6px; background: #dde3ec; }
.tb-table tr:nth-child(even) td { background: #cbd3df; }
.tb-table .n { width: 36px; text-align: center; font-size: 9px; }
.tb-table th.n { font-size: 9px; }
.tb-table .v { width: 90px; text-align: center; font-size: 12px; color: #333; }
.tb-table td.who { font-size: 14px; }
.tb-table td.who b { font-weight: 700; }
.tb-table .clan-badge { vertical-align: middle; margin-right: 3px; }
.tb-i { display: inline-block; width: 11px; height: 11px; line-height: 11px; text-align: center; font-size: 9px; font-weight: 700; color: #fff; background: #2a3fb0; border: 1px solid #1a2670; text-decoration: none; vertical-align: middle; }
.tb-empty { text-align: center; padding: 14px; }
.tb-foot { text-align: center; font-size: 14px; margin-top: 4px; }
.al { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; vertical-align: -3px; margin-right: .25rem; }
.al-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3.2' fill='%23e8c75a' stroke='%238a6a10'/%3E%3Cg stroke='%23e8c75a' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M8 1v2.2M8 12.8V15M1 8h2.2M12.8 8H15M3 3l1.5 1.5M11.5 11.5L13 13M13 3l-1.5 1.5M4.5 11.5L3 13'/%3E%3C/g%3E%3C/svg%3E"); }
.al-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 1.5a6.5 6.5 0 1 0 4 11.6A5.5 5.5 0 0 1 10.5 1.5z' fill='%239a4a8a' stroke='%234a1a44'/%3E%3C/svg%3E"); }
.al-order { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l6 2.6v4.2c0 3.2-2.4 5.6-6 7.2-3.6-1.6-6-4-6-7.2V3.6z' fill='%235f87a8' stroke='%2325405c'/%3E%3Cpath d='M8 4.5v7M5 8h6' stroke='%23e8f0f8' stroke-width='1.4'/%3E%3C/svg%3E"); }
.al-chaos { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l1.6 4.4L14.5 4l-2.6 3.6L15 10l-5 .4L8 15l-1.9-4.6L1 10l3.1-2.4L1.5 4l4.9 1.4z' fill='%23c9623a' stroke='%236a2a10'/%3E%3C/svg%3E"); }