body{margin:0}header{padding:18px 0 8px}header>a{font-weight:800;letter-spacing:.08em}p{line-height:1.55}.preview-note,#boundary{font-size:13px;color:#b6c8ca}#filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}#filters label{display:flex;flex-direction:column;gap:6px;min-width:0}select,button{font:inherit;min-height:44px}select{max-width:100%;width:100%;padding:9px;color:#edf5f6;background:#102326;border:1px solid #426366;border-radius:8px;font-size:16px}#main{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}#main>*{min-width:0}#main h1,#main h2,#main h3,#main p,#main td{overflow-wrap:anywhere}#main button{max-width:100%}.b1-object{font-size:15px;line-height:1.5;padding:16px}.b1-object h2{font-size:18px}.b1-opponent{min-width:0;white-space:normal}.metric-table{width:100%;border-collapse:collapse}.metric-table th,.metric-table td{text-align:left;padding:10px 4px;border-bottom:1px solid #426366}.event-row{display:block;width:100%;text-align:left;background:#102326;color:#edf5f6;border:1px solid #426366;padding:12px;border-radius:8px;margin:8px 0}.info-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.state-card{padding:18px;border:1px solid #426366;border-radius:9px}#main svg{max-width:100%}#state[role=alert]{color:#ffc8b7}@media(min-width:700px){#filters{grid-template-columns:repeat(3,minmax(0,1fr))}#main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:359px){.b1-object{padding:12px}.shell{padding-left:10px!important;padding-right:10px!important}.b1-match-row{grid-template-columns:1fr 1fr!important;gap:6px!important}}

/* Scoped binding layout: preserve the original Board renderer and all drafts. */
#main .b1-match-row>small{grid-column:1/-1;white-space:nowrap;color:#b6c8ca;padding-bottom:6px}
#main>.b1-object{margin:0!important;border:1px solid #426366!important;border-radius:12px!important}
#main .progress-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
#main .progress-metrics>div{display:flex;flex-direction:column;gap:6px;min-width:0}
#main .progress-metrics strong{font-size:24px;line-height:1.25}#main .progress-metrics small{font-size:12px;line-height:1.5}
#main button[aria-label^="Lisätietoa"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;margin:8px 0 0!important;color:#e6f4ee;background:#163a31;border:1px solid #588877;border-radius:50%}
#main .b1-recent-form{display:grid!important;grid-template-columns:32px minmax(0,1fr) 44px;gap:8px 12px;align-items:start}
#main .b1-recent-form>svg{grid-column:1;grid-row:1;width:32px}#main .b1-recent-form>h2,#main .b1-recent-form>p,#main .b1-recent-form>small{grid-column:2;margin:0;word-break:normal;overflow-wrap:normal}
#main .b1-recent-form>button{grid-column:3;grid-row:1/span 3;margin-top:0!important}#main .b1-recent-form h2{font-size:17px}

body[data-experience-theme] #main:has(.b1-object){row-gap:14px!important;column-gap:14px!important}
#main .b1-rating-meta{position:static!important;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:13px}
#main .b1-rating-meta span:first-child{font-size:13px}

.premium-empty{position:relative;overflow:hidden;min-height:180px;padding:24px 20px!important;background:radial-gradient(circle at 92% 10%,#48d99535,transparent 32%),linear-gradient(145deg,#102c28,#071719 68%)!important;border-color:#356b5d!important}.premium-empty:after{content:"9";position:absolute;right:18px;bottom:-32px;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;font-size:34px;font-weight:800;color:#17211d;background:radial-gradient(circle at 35% 28%,#fff9d9 0 10%,#e8c150 12% 55%,#a67318 75%);box-shadow:0 18px 34px #0009;transform:rotate(-12deg);opacity:.82}.premium-empty>*{position:relative;z-index:1;max-width:72%}.premium-empty h1{font-size:25px!important;line-height:1.12;margin:8px 0!important}.premium-empty p{color:#bfd0cf!important}.empty-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:#76e6b4}.empty-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;padding:10px 14px;border:1px solid #5bb98d;border-radius:9px;background:#194f3b;color:#effff7!important;font-weight:700}
.ui-loading{min-height:120px;border-radius:12px;background:linear-gradient(100deg,#0a1a1c 20%,#16302d 40%,#0a1a1c 60%);background-size:220% 100%;animation:ui-loading 1.2s ease infinite}@keyframes ui-loading{to{background-position:-220% 0}}
@media(max-width:359px){.premium-empty{min-height:164px;padding:19px 16px!important}.premium-empty h1{font-size:21px!important}.premium-empty:after{right:8px;width:92px;height:92px}.premium-empty>*{max-width:76%}}
@media(prefers-reduced-motion:reduce){.ui-loading{animation:none}}
.bilis-navigation { display: grid; gap: 8px; margin-block: 12px 20px; }
#navigation, #secondary-navigation { display: flex; flex-wrap: wrap; gap: 8px; }
.bilis-navigation a, #more-views summary {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 8px 12px; border: 1px solid #426366;
  border-radius: 8px; color: inherit; text-decoration: none;
}
.bilis-navigation a[aria-current="page"] { background: #235742; border-color: #76c2a3; }
.bilis-navigation :focus-visible { outline: 2px solid #8fdfbc; outline-offset: 3px; }
.mc-icon-label { display: inline-flex; align-items: center; gap: 8px; }
.mc-icon-label svg { width: 20px; height: 20px; flex: none; }
#more-views summary { display: list-item; width: fit-content; cursor: pointer; }
#secondary-navigation { padding-top: 8px; }
body[data-experience-theme] .omg-detail {
  --u-bg: #102326; --u-fg: #edf5f6; --u-line: #426366; --u-accent: #8fdfbc; color-scheme: dark;
}
#main > .state-card { grid-column: 1 / -1; }
@media (max-width: 480px) {
  #navigation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #navigation a { padding-inline: 4px; font-size: 13px; }
  .mc-icon-label { flex-direction: column; gap: 4px; }
}

#filters[hidden],.bilis-navigation[hidden],#state:not([role="alert"]):empty { display:none; }
#player-brand { padding:0; }
#main>.sig-ranking,#main>.sig-rating,#main>.sig-playerhero { grid-column:1/-1; }
#main .sig-archive-link { margin-top:8px; min-height:44px; width:fit-content; }
#boundary { display:none; }
body { margin:0; }
.shell, .shell * { box-sizing:border-box; }
body[data-experience-theme="bilis-signature"] #main>.b1-object,body[data-experience-theme="bilis-signature"] #main>.state-card {display:block!important;grid-column:1/-1}
.bilis-data-freshness { grid-column: 1 / -1; padding: 12px 16px; border: 1px solid #426366; border-radius: 12px; }
.bilis-data-freshness h2, .bilis-data-freshness h3 { margin: 8px 0; }
.bilis-data-freshness summary { cursor: pointer; min-height: 44px; align-content: center; }
.bilis-source-dates { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; font-size: .875rem; }
.bilis-source-dates dd { margin: 0; }
.archive-comparison { grid-column: 1 / -1; min-width: 0; }
.archive-comparison li, .archive-comparison summary { overflow-wrap: anywhere; }
.archive-comparison form input { display: block; width: min(100%, 24rem); min-height: 44px; margin-block: 8px; padding-inline: 8px; color: #edf5f6; background: #102326; border: 1px solid #426366; border-radius: 8px; font-size: 16px; }
@media (max-width: 420px) { .bilis-source-dates { grid-template-columns: minmax(0, 1fr); } .bilis-source-dates dd { margin-block-end: 8px; } }