:root{--page:#d8d4c8;--paper:#f6f3ea;--stripe:#eceadf;--ink:#1a1a1a;--muted:#6a665c;--rule:#b6b1a3;--rule-dark:#5a564c;--link:#0a3cc8;--link-visited:#6a2bb0;--hl:#fff7cc;--accent:#0a3cc8;--serif:Georgia, "Times New Roman", Times, serif;--mono:"Courier New", Courier, ui-monospace, monospace;--sans:Verdana, Geneva, Tahoma, sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);font-family:var(--serif);background-color:var(--page);background-image:repeating-linear-gradient(0deg,#00000004 0 1px,#0000 1px 4px);margin:0;font-size:16px;line-height:1.5}#root{flex-direction:column;align-items:center;min-height:100vh;padding:24px 8px;display:flex}.app{background:var(--paper);border:1px solid var(--rule-dark);border-top:4px solid var(--accent);width:100%;max-width:740px;margin:auto;padding:0 0 22px;position:relative;box-shadow:5px 5px #0000002e}a{color:var(--link);text-decoration:underline}.gh-link{z-index:5;color:var(--muted);text-decoration:none;display:inline-flex;position:absolute;top:12px;right:14px}.gh-link:hover{color:var(--ink)}.gh-link:visited{color:var(--muted)}a:visited{color:var(--link-visited)}.app__title{text-align:center;border-bottom:3px double var(--rule-dark);margin-bottom:18px;padding:18px 20px 14px}.app__title h1{font-family:var(--serif);letter-spacing:.34em;text-transform:lowercase;text-indent:.34em;margin:0;font-size:30px;font-weight:700}.app__title p{color:var(--muted);font-family:var(--sans);margin:6px 0 0;font-size:12px;font-style:italic}.search{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:12px;margin-bottom:20px;padding:0 20px;display:grid}.search__zone{flex-direction:column;gap:8px;display:flex}.search__input{width:100%;font-family:var(--sans);color:var(--ink);background:#fff;border:2px inset #cfc9bb;padding:5px 7px;font-size:14px}.search__zone--left .search__input{text-align:right}.search__input--artist{text-align:center}.search__input::placeholder{color:#9a958a}.search__vs{display:none}.artistfield{position:relative}.suggest{z-index:20;border:1px solid var(--rule-dark);text-align:left;background:#fff;max-height:248px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:3px 3px #0000002e}.suggest__item{cursor:pointer;font-family:var(--sans);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:10px;padding:7px 11px;font-size:14px;display:flex}.suggest__item:last-child{border-bottom:0}.suggest__item.is-active{background:var(--hl)}.suggest__name{color:var(--ink)}.suggest__meta{color:var(--muted);font-family:var(--mono);white-space:nowrap;font-size:11px}.search__button{font-family:var(--sans);cursor:pointer;color:var(--ink);background:#d8d4c8;border:2px outset #d8d4c8;padding:5px 14px;font-size:14px}.search__button:active:not(:disabled){border-style:inset}.search__button:disabled{color:#999;cursor:default}.status{text-align:center;color:var(--muted);font-family:var(--mono);margin:16px 20px;font-size:14px}.status--error{color:#b00020;font-family:var(--serif)}.banner{text-align:center;font-family:var(--sans);color:#7a5a00;background:var(--hl);border:1px solid #c9a227;margin:0 20px 16px;padding:8px 12px;font-size:13px}.board{padding:0 20px}.board__head{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:4px;padding-bottom:14px;display:grid}.board__user{font-family:var(--serif);overflow-wrap:anywhere;font-size:17px;font-weight:700}.board__user--left{text-align:right}.board__user--right{text-align:left}.board__artist{text-align:center}.comparison__art{border:1px solid var(--rule-dark);object-fit:cover;background:#fff;margin:0 auto 6px;padding:3px;display:block}.board__artist h2{font-family:var(--serif);margin:0;font-size:20px;font-weight:700}.board__artist h2 a{color:var(--ink);text-decoration:none}.board__artist h2 a:hover{text-decoration:underline}.comparison__sub{color:var(--muted);font-family:var(--sans);margin:3px 0 0;font-size:11px}.rows--hero{border:1px solid var(--rule);border-bottom:0;margin-top:16px}.row--hero{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:center;display:grid}.row--hero .row__side{padding:11px 16px}.row--hero .row__side--left{text-align:right}.row--hero .row__side--right{text-align:left}.row--hero .row__num{font-family:var(--mono);color:#4a4a4a;font-size:24px;font-weight:400}.row--hero .row__side.is-win{background:var(--hl)}.row--hero .row__side.is-win .row__num{color:var(--ink);font-weight:700}.row__center{text-align:center;min-width:132px;padding:0 10px}.row--hero .row__label{font-family:var(--sans);letter-spacing:.02em;color:var(--muted);font-size:11px;font-weight:700;display:block}.row__vs{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-top:3px;font-size:10px;font-style:normal;display:block}.rows--compact{border:1px solid var(--rule);border-bottom:0;margin-top:18px}.row--compact{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:center;display:grid}.row--compact:nth-child(2n){background:var(--stripe)}.row--compact .row__side{padding:6px 16px}.row--compact .row__side--left{text-align:right}.row--compact .row__side--right{text-align:left}.row--compact .row__num{font-family:var(--mono);color:var(--ink);font-size:14px}.row--compact .row__side.is-win{background:var(--hl)}.row--compact .row__side.is-win .row__num{font-weight:700}.row--compact .row__label{font-family:var(--sans);color:var(--muted);padding:0 14px;font-size:11px}.verdict{border:2px solid var(--rule-dark);background:#fbf9f2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-top:20px;padding:12px 16px;display:grid}.verdict__name{font-family:var(--serif);overflow-wrap:anywhere;font-size:16px;font-weight:700}.verdict__name--left{text-align:right}.verdict__name--right{text-align:left}.verdict__score{font-family:var(--mono);white-space:nowrap;font-size:30px;font-weight:700}.verdict__leader{text-align:center;color:var(--muted);font-family:var(--sans);grid-column:1/-1;margin-top:6px;font-size:12px;font-style:italic}.share{text-align:center;margin-top:20px}.share__button{font-family:var(--sans);cursor:pointer;color:var(--ink);background:#d8d4c8;border:2px outset #d8d4c8;padding:9px 20px;font-size:14px}.share__button:active:not(:disabled){border-style:inset}.share__button:disabled{color:#999;cursor:default}.share__stage{pointer-events:none;width:0;height:0;position:fixed;top:0;left:0;overflow:hidden}.share__stage .sharecard{width:440px}.sharecard{background:var(--paper);border:1px solid var(--rule-dark);border-top:4px solid var(--accent);width:440px;color:var(--ink);font-family:var(--serif);padding:18px}.sharecard__brand{text-align:center;border-bottom:3px double var(--rule-dark);margin-bottom:12px;padding-bottom:9px}.sharecard__brand h2{letter-spacing:.24em;text-indent:.24em;text-transform:lowercase;margin:0;font-size:24px;font-weight:700}.sharecard__brand p{font-family:var(--sans);color:var(--muted);margin:4px 0 0;font-size:11px;font-style:italic}.sc-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.sc-user{font-family:var(--serif);color:var(--link);overflow-wrap:anywhere;font-size:14px;font-weight:700}.sc-user--left{text-align:right}.sc-user--right{text-align:left}.sc-artist{text-align:center}.sc-art{border:1px solid var(--rule-dark);object-fit:cover;margin:0 auto 4px;display:block}.sc-artist-name{font-family:var(--serif);font-size:15px;font-weight:700}.sc-rows{border:1px solid var(--rule);border-bottom:0}.sc-row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);align-items:center;display:grid}.sc-row:nth-child(2n){background:var(--stripe)}.sc-side{font-family:var(--mono);color:var(--lose);padding:5px 12px;font-size:13px}.sc-side--left{text-align:right}.sc-side--right{text-align:left}.sc-side.is-win{background:var(--hl);color:var(--ink);font-weight:700}.sc-label{text-align:center;font-family:var(--sans);color:var(--muted);white-space:nowrap;padding:0 12px;font-size:10px}.sc-verdict{border:2px solid var(--rule-dark);background:#fbf9f2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding:8px 12px;display:grid}.sc-vname{font-family:var(--serif);overflow-wrap:anywhere;font-size:13px;font-weight:700}.sc-vname--left{text-align:right}.sc-vname--right{text-align:left}.sc-vscore{font-family:var(--mono);white-space:nowrap;font-size:22px;font-weight:700}.sc-leader{text-align:center;font-family:var(--sans);color:var(--muted);margin:6px 0 0;font-size:11px;font-style:italic}.sc-tracks{margin-top:12px}.sc-tracks-h{font-family:var(--serif);margin-bottom:4px;font-size:13px;font-weight:700;display:block}.sc-track{font-family:var(--serif);margin:1px 0;font-size:13px;display:block}.sc-track-n{font-family:var(--mono);color:var(--muted);font-size:11px}.sharecard__foot{text-align:center;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:12px 0 0;font-size:10px}.tracks{margin-top:20px}.tracks h3{font-family:var(--serif);margin:0 0 6px;font-size:16px;font-weight:700}.tracks ul{margin:0;padding-left:22px}.tracks li{margin:2px 0}.tracks__count{color:var(--muted);font-family:var(--mono);font-size:12px}.tracks__contested{color:var(--muted);margin-top:8px;font-size:14px;font-style:italic}.nowplaying{flex-wrap:wrap;justify-content:center;gap:18px;margin:8px 20px 14px;display:flex}.nowplaying__row{font-family:var(--mono);align-items:center;gap:7px;font-size:13px;display:flex}.nowplaying__text strong{font-weight:700}.nowplaying__dot,.ticker__dot--live{animation:1.2s step-end infinite blink}.nowplaying__dot{background:#2a9d3a;border-radius:50%;width:8px;height:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.nowplaying__dot,.ticker__dot--live{animation:none}}.ticker{color:var(--muted);font-family:var(--mono);justify-content:center;align-items:center;gap:7px;margin:18px 20px 0;font-size:12px;display:flex}.ticker__dot{background:#9a958a;border-radius:50%;width:8px;height:8px}.ticker__dot--live{background:#2a9d3a}.attribution{border-top:1px solid var(--rule);text-align:center;font-family:var(--sans);color:var(--muted);margin:28px 20px 0;padding-top:12px;font-size:11px}@media (width<=620px){#root{padding:14px 8px}.board{padding:0 12px}.search{grid-template-columns:1fr}.search__zone--right{order:1}.search__zone--center{order:2}.search__zone--left .search__input,.search__input--artist{text-align:left}.head{gap:8px}.board__user{font-size:13px}.verdict{padding:14px 12px}.verdict__name{font-size:13px}.verdict__score{padding:0 8px}.row__center{min-width:0;padding:0 6px}.row--hero,.row--compact{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)}.row--hero .row__side{padding-left:10px;padding-right:10px}.row--compact .row__side{padding-left:10px;padding-right:10px}.app__title h1{letter-spacing:.18em;text-indent:.18em;font-size:22px}.comparison__art{width:72px;height:72px}.board__artist h2{font-size:17px}.row--hero .row__num{font-size:16px}.row--compact .row__num{font-size:13px}.verdict__score{font-size:24px}}