:root{--background-color: #1b1b1b;--text-color: #f6f3e7;--secondary-text-color: #e09f3e;--header-bg-color: #5a1f1f;--link-color: #e36414;--link-hover-color: #f4a261;--card-bg-color: #262626;--card-border-color: #9c6644;--box-shadow-color: rgba(0, 0, 0, .5);--divider-color: #9c6644}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-width:0}html,body{height:100%;background-color:var(--background-color);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{display:flex;justify-content:center;align-items:flex-start;font-size:16px;line-height:2;padding:0}.container{max-width:1200px;width:100%;padding:.5em;margin-top:3em}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--header-bg-color);border-bottom:3px solid var(--card-border-color);z-index:1000;height:3em}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}a:visited{color:var(--link-color)}.card{background-color:var(--card-bg-color);border:3px solid var(--card-border-color);border-radius:12px;padding:1em;margin:.5em;color:var(--text-color);text-align:center;flex:1 1 30%;box-shadow:0 4px 8px var(--box-shadow-color)}.row1,.row2{width:100%;display:flex;flex:1;flex-direction:row;flex-wrap:wrap;justify-content:center}.score-pad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(6px,2vmin,10px);max-width:480px;margin:0 auto}.score-pad-wide{grid-column:span 2;min-width:0}.score-pad-penalties{grid-column:span 2;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2vmin,10px)}.hf-bar{position:sticky;top:3em;z-index:900;display:flex;align-items:baseline;justify-content:space-between;gap:8px;max-width:480px;margin:0 auto 8px;padding:clamp(6px,2vmin,10px) 0;background-color:var(--background-color);border-bottom:3px solid var(--divider-color)}.hitfactor h1{font-size:clamp(1.2rem,6vmin,2em);line-height:1.3}.hitfactor h2{font-size:clamp(1.05rem,5vmin,1.5em);line-height:1.4}@media (max-height: 700px){.hitfactor h1{font-size:clamp(1.05rem,4.5vmin,1.4rem);line-height:1.2}.hf-bar{padding:4px 0;margin-bottom:4px}.score-pad{gap:clamp(5px,1.5vmin,8px)}}