@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;400&display=swap";:root{--font: "Manrope", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji"}html,body{padding:0;margin:0;font-family:var(--font)}main{max-width:900px;margin:0 auto}h1{font-size:1.75rem;margin:0 0 8px}p{color:#444}.score-area{min-height:52px}button{appearance:none;border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;padding:10px 14px;line-height:1.2;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease,border-color .15s ease;box-shadow:0 1px #00000008}button:hover:not(:disabled){background:#f9fafb}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button i{margin-right:6px}.history{font-size:.5em}.score-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:100%}.score-grid-neg{direction:rtl}.score-grid-neg .score-btn{direction:ltr}@media(max-width:420px){.score-grid{gap:3px}}@media(max-width:360px){.score-grid{grid-template-columns:repeat(4,1fr)}}.score-btn{padding:8px 3px;width:100%;min-width:0;font-size:clamp(10px,2.8vw,16px);--score-btn-scale: 1.6;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.score-btn-text{display:inline-block;width:100%;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:200;font-family:"Source Serif 4",serif;font-variant-numeric:tabular-nums;transform:scale(var(--score-btn-scale));transform-origin:center}.btn-nowrap{white-space:nowrap;font-size:clamp(14px,3vw,16px);user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.players-grid{--pg-cols: 2;--pg-gap: 8px;display:grid;gap:var(--pg-gap);align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(calc((100% - (var(--pg-cols) - 1) * var(--pg-gap)) / var(--pg-cols)),1fr))}@media(orientation:landscape){.players-grid{--pg-cols: 4}}@media(orientation:landscape){.player-card{max-height:none;overflow:visible;--row-h: clamp(21px, 7.54vh, 45px)}.player-card .score-area{height:auto;min-height:0;line-height:1;margin:0;padding:.1em;display:flex;align-items:center;justify-content:center}.player-card .score-grid{flex:0 0 auto;min-height:auto;grid-auto-rows:var(--row-h);grid-template-columns:repeat(5,1fr)}.player-card .score-grid-pos{overflow:visible;-ms-overflow-style:auto;scrollbar-width:auto}.player-card .score-btn{padding-top:2px;padding-bottom:2px;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,1.62vh,16px);--score-btn-scale: 1.45;font-variant-numeric:tabular-nums}.player-card .custom-delta{flex:0 0 auto;margin-top:6px;position:relative;z-index:0}.player-card .custom-delta input,.player-card .custom-delta button{height:var(--row-h);min-height:var(--row-h);box-sizing:border-box;padding-block:2px;line-height:1;font-size:clamp(10px,1.62vh,16px)}.player-card .custom-delta button{display:flex;align-items:center;justify-content:center}}@media(orientation:portrait){.player-card{--row-font-por: clamp(10px, 2.8vw, 16px);--row-h-por: calc(var(--row-font-por) * 1.2 + 16px)}.player-card .custom-delta input,.player-card .custom-delta button{height:var(--row-h-por);min-height:var(--row-h-por);box-sizing:border-box;padding-block:8px;line-height:1.2;font-size:var(--row-font-por)}.player-card .custom-delta button{display:flex;align-items:center;justify-content:center}}@keyframes score-zoom{0%{transform:scale(1.15)}to{transform:scale(1)}}.score-zoom{display:inline-block;transform-origin:center;animation:score-zoom .5s ease-out}@keyframes delta-pop-up{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-24px) scale(.95)}}@keyframes delta-pop-down{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,24px) scale(.95)}}.delta-layer{position:absolute;inset:0;pointer-events:none}.delta-pop{position:absolute;left:50%;font-weight:700;font-size:2em;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}.delta-pos{color:#065f46;animation-name:delta-pop-up;top:-6px}.delta-neg{color:#b91c1c;animation-name:delta-pop-down;bottom:-6px}.player-name{display:flex;gap:8px;align-items:center}.player-name-input{flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box}@keyframes btn-press-flash-pos{0%{border-color:#10b981;box-shadow:0 0 0 2px #10b98140}to{border-color:#d1d5db;box-shadow:0 0 #10b98100}}@keyframes btn-press-flash-neg{0%{border-color:#ef4444;box-shadow:0 0 0 2px #ef444440}to{border-color:#d1d5db;box-shadow:0 0 #ef444400}}.pressed-flash-pos{animation:btn-press-flash-pos 5s ease-out both}.pressed-flash-neg{animation:btn-press-flash-neg 5s ease-out both}.drop-hover{outline:2px dashed rgba(55,65,81,.7);outline-offset:2px}.touch-pick-banner{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.top-controls button{display:flex;align-items:center;justify-content:center;white-space:nowrap}@media(orientation:landscape){.top-controls button{height:clamp(21px,7.54vh,45px);min-height:clamp(21px,7.54vh,45px);font-size:clamp(10px,1.62vh,16px);padding-block:2px}}@media(orientation:portrait){.top-controls button{--tc-row-font-por: clamp(10px, 2.8vw, 16px);height:calc(var(--tc-row-font-por) * 1.2 + 16px);min-height:calc(var(--tc-row-font-por) * 1.2 + 16px);font-size:var(--tc-row-font-por);padding-block:8px}}