body{font-family:Arial,sans-serif;background:#1e1e1e}.match-container{min-height:100dvh;display:flex;flex-direction:column}html,body{overflow-x:hidden}.top-section{flex:.9;display:flex;padding:.625rem;position:relative}.left-panel{flex:2;display:flex;flex-direction:column;justify-content:space-between}.right-panel{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;border-left:.0625rem solid #444;padding-left:.625rem}.next-player{padding:.5rem 0;border-bottom:.0625rem solid #333}.score-big{font-size:3rem;font-weight:700;color:#c40000}.player-name{font-size:1.375rem}.turn-info{font-size:1.25rem;letter-spacing:0;word-spacing:1.25rem;min-height:1.75rem}.set-leg{font-size:.875rem;color:gray}.leg-winner{font-size:1rem;color:#0c6}.leg-winner-overlay{position:absolute;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10}.leg-winner-text{font-size:2rem;font-weight:700;color:#0c6;animation:winnerPop .35s ease-out}.killer-text{font-size:2rem;font-weight:700;color:#c40000;white-space:pre-line;text-align:center;animation:winnerPop .35s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes winnerPop{0%{opacity:0;transform:scale(.7) translateY(1.25rem)}60%{opacity:1;transform:scale(1.05) translateY(0)}to{transform:scale(1)}}.bottom-section{flex:1.6;display:flex;flex-direction:column;gap:.625rem;padding:.625rem}.multiplier-row{display:flex;gap:.625rem}.multiplier{flex:1;background:#3a3a3a}.active-double{background:#b00000!important}.active-triple{background:green!important}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.number-grid button{height:2.75rem}.action-row{display:flex;gap:.625rem}.action-row button{flex:1}.abort-wrapper{margin-top:.9375rem}.qr-code-button{background:#3a3a3a}.abort-button{background:#7a0000}.winner-screen{height:100dvh;width:80%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto;text-align:center}.action-button{flex:1;height:2.75rem;font-size:1rem}.options-wrapper{position:relative}.options-overlay{position:absolute;inset:0;background:#3a3a3a;display:flex;justify-content:center;align-items:center;font-weight:700;border-radius:.375rem;z-index:5;cursor:pointer}.abort-confirm{background:#c00!important;animation:pulseAbort .3s ease-in-out}@keyframes pulseAbort{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Arial,sans-serif;background:#1e1e1e;color:#fff}.page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:1.25rem}button{font-size:1.2rem;padding:.94rem 1.56rem;border:none;border-radius:.75rem;background:#2e2e2e;color:#fff;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:fit-content;margin-top:1rem}.toggle{width:4rem;height:1.8rem;border:1px solid #3a3a3a;border-radius:999px;display:inline-flex;align-items:center;padding:.18rem;cursor:pointer;position:relative;transition:background .18s ease,border-color .18s ease;flex-shrink:0}.toggle-on{background:#2d7d46;border-color:#3a9a57}.toggle-off{background:#1b1b20}.toggle-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#f5f5f5;transition:transform .18s ease}.toggle-on .toggle-thumb{transform:translate(2.15rem)}.toggle-off .toggle-thumb{transform:translate(0)}.field-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.app-select{position:relative;display:inline-flex;min-width:12rem}.app-select:after{content:"▾";position:absolute;right:.9rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#d0d0d0;font-size:.85rem}.app-select-native{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:.94rem 2.2rem .94rem 1rem;border:1px solid #3a3a3a;border-radius:.75rem;background:#2e2e2e;color:#fff;font-size:1.05rem;cursor:pointer}.app-select-native:focus{outline:none;border-color:#5a5a5a;box-shadow:0 0 0 2px #5a5a5a59}.app-select-native:disabled{background:#202020;color:#555;border-color:#2a2a2a;cursor:not-allowed;opacity:1}.app-select:has(.app-select-native:disabled):after{color:#555}.app-input{width:12rem;padding:.94rem 1rem;border:1px solid #3a3a3a;border-radius:.75rem;background:#2e2e2e;color:#fff;font-size:1.05rem;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease}.app-input::placeholder{color:#777}.app-input:focus{outline:none;border-color:#5a5a5a;box-shadow:0 0 0 2px #5a5a5a59}.app-input:disabled{background:#202020;color:#555;border-color:#2a2a2a;cursor:not-allowed}