* {box-sizing: border-box;}
html, body {width: 100%; height: 100%; margin: 0; padding: 0; color: #222222; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; background: #dedede;}
img {border: 0}
ul {margin: 0 14px; padding: 0; display: flex; flex-direction: column; gap: 2px;}
li {list-style-type: disc !important;}
a, a:visited {color: #003388; font-weight: bold; text-decoration: none;}
a:hover, a:active, a.active {color: #0066FF; text-decoration: underline;}
.ttl_css {position: absolute; padding: 7px; background-color: #DCDCDC; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset; border-radius: 4px; font-size: 13px; line-height: 15px; transform: scale(0.95); transition: transform 0.05s ease;}
.date {font-family: Courier; font-size: 8pt; text-decoration: none; font-weight: normal; color: #007000; background-color: #00FFAA}
.CSSteam {font-weight: bold; cursor: pointer;}
.CSSteam0 {font-weight: bold; cursor: pointer;}
.CSSteam1 {font-weight: bold; color: #6666CC; cursor: pointer;}
.CSSteam2 {font-weight: bold; color: #B06A00; cursor: pointer;}
.CSSteam3 {font-weight: bold; color: #269088; cursor: pointer;}
.CSSteam4 {font-weight: bold; color: #A0AF20; cursor: pointer;}
.CSSteam5 {font-weight: bold; color: #0F79D3; cursor: pointer;}
.CSSteam6 {font-weight: bold; color: #D85E23; cursor: pointer;}
.CSSteam7 {font-weight: bold; color: #5C832F; cursor: pointer;}
.CSSteam8 {font-weight: bold; color: #842B61; cursor: pointer;}
.CSSteam9 {font-weight: bold; color: navy; cursor: pointer;}
.log-page-container {padding: 8px; display: flex; flex-direction: column; gap: 12px;}
.log-page-title {color: #8f0000; font-size: 16px; font-weight: bold; text-align: center;}
.log-top {display: flex; flex-direction: column; gap: 12px;}
.top-info {display: flex; justify-content: center; align-items: center;}
.battle-log-empty {color: #666;}
.battle-log-list {position: relative;}
.battle-log-list::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.2); border-radius: 2px;}
.battle-log-item {padding: 7px 0; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; position: relative;}
.battle-log-item::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.2); border-radius: 2px;}
.battle-user-list {padding: 7px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative;}
.battle-user-list::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.2); border-radius: 2px;}
.battle-user-item {display: flex; align-items: center;}
.battle-user-vs {margin: 0 4px; font-weight: bold;}
.log-pagination {display: flex; align-items: center; gap: 4px;}
.log-controls {display: flex; gap: 8px; align-items: center;}
#line_filter {display: flex; justify-content: flex-end; align-items: stretch; gap: 8px; margin-left: auto;}
#line_filter_input {width: 200px; color: #222; font-family: inherit; padding: 4px 6px; border: 1px solid #ccc; border-radius: 6px; outline: none;}
.stat-grid {width: 100%; display: flex; flex-direction: column; align-items: stretch;}
.stat-row {padding: 6px 0; display: grid; grid-template-columns: 100px 1fr repeat(7, 150px); align-items: center;}
.stat-header {background: #c1c1c1; font-weight: bold;}
.stat-summary {background: #eee;}
.stat-cell {display: flex; justify-content: center; align-items: center;}
.log-bottom {display: flex;}
.battle-icon {width: 17px; height: 17px; margin-left: 4px;}
.btn, input[type="button"], input[type="submit"] {display: inline-block; position: relative; margin: 0; padding: 4px 12px; font-size: 14px; font-family: Arial, sans-serif; letter-spacing: 0.3px; color: #222; background: linear-gradient(to bottom, #fefefe 0%, #eaeaea 100%); border: 1px solid #ccc; border-radius: 6px; cursor: pointer; text-shadow: 0 1px 0 #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 1px 2px rgba(0,0,0,0.05); transition: background 0.2s, top 0.1s, box-shadow 0.1s, transform 0.1s; -webkit-tap-highlight-color: transparent; outline: none;}
.btn:hover, input[type="button"]:hover, input[type="submit"]:hover {background: linear-gradient(to bottom, #eaeaea 0%, #fefefe 100%);}
.btn:focus, input[type="button"]:focus, input[type="submit"]:focus {outline: none; box-shadow: none;}
.btn:active, input[type="button"]:active, input[type="submit"]:active {top: 1px; background: linear-gradient(to bottom, #eaeaea 0%, #fefefe 100%); box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); transform: scale(0.90);}
.btn:disabled, .btn[disabled], input[type="button"]:disabled, input[type="submit"]:disabled {opacity: 0.55; cursor: default; pointer-events: none; background: #f0f0f0; color: #aaa; box-shadow: none;}