.game-header{background:var(--color-header-bg);color:#fff;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.game-title{font-size:1.75rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-info{display:flex;gap:var(--spacing-lg);align-items:center}.current-player,.turn-info,.roll-info{display:flex;flex-direction:column;align-items:center}.game-info .label{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.game-info .value{font-weight:700;font-size:1.125rem}.sound-toggle{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;margin-left:var(--spacing-md)}.sound-toggle:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.sound-toggle:active{transform:scale(.95)}.sound-toggle.off{opacity:.6}.sound-toggle svg{width:22px;height:22px}@media (max-width: 768px){.game-header{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.game-title{font-size:1.5rem}.game-info{gap:var(--spacing-md)}.game-info .label{font-size:.65rem}.game-info .value{font-size:1rem}}@media (max-width: 480px){.game-header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.game-title{font-size:1.25rem}.game-info{width:100%;justify-content:space-around;gap:var(--spacing-sm)}.current-player,.turn-info,.roll-info{flex-direction:row;gap:var(--spacing-xs)}.game-info .label{font-size:.6rem}.game-info .value{font-size:.875rem}.sound-toggle{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px}.sound-toggle svg{width:18px;height:18px}}@media (max-width: 360px){.game-info{flex-wrap:wrap}.game-info .label{display:none}}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-card{background:var(--color-scorecard);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;max-width:400px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-title{font-size:2rem;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.winner-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,gold,#ffb300);border-radius:var(--border-radius)}.winner-name,.tie-text{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-xs)}.winning-score{font-size:1.25rem;font-weight:700;color:var(--color-text)}.final-standings{margin-bottom:var(--spacing-lg)}.final-standings h3{font-size:1.125rem;margin-bottom:var(--spacing-md);color:var(--color-text-light)}.standings-list{list-style:none;padding:0}.standings-list li{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-scorecard-border)}.standings-list li:last-child{border-bottom:none}.standings-list li.winner{background:#ffd70033;font-weight:700}.standings-list .rank{width:30px;color:var(--color-text-light)}.standings-list .player-name{flex:1;text-align:left}.standings-list .player-score{font-weight:700}.game-over-card .btn{width:100%;padding:var(--spacing-md);font-size:1.125rem}.btn-primary:hover{background:var(--color-primary-hover)}@media (max-width: 480px){.game-over-card{padding:var(--spacing-lg);margin:var(--spacing-sm)}.game-over-title{font-size:1.5rem;margin-bottom:var(--spacing-md)}.winner-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.winner-name,.tie-text{font-size:1.25rem}.winning-score,.final-standings h3{font-size:1rem}.standings-list li{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.game-over-card .btn{font-size:1rem;min-height:48px}}@media (max-width: 360px){.game-over-card{padding:var(--spacing-md)}.game-over-title{font-size:1.25rem}.winner-name,.tie-text{font-size:1.1rem}}.setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-table-felt) 0%,#1a3a18 100%)}.setup-card{background:var(--color-scorecard);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;text-align:center}.setup-title{font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.setup-subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-weight:500}.players-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.player-input-row{display:flex;align-items:center;gap:var(--spacing-sm)}.player-number{font-weight:700;color:var(--color-text-light);width:24px}.player-input-row input{flex:1;padding:var(--spacing-sm) var(--spacing-md)}.btn-remove{width:32px;height:32px;border-radius:50%;background:#e74c3c;color:#fff;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .2s}.btn-remove:hover{background:#c0392b;transform:scale(1.1)}.setup-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:1rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-scorecard-border);color:#fff}.btn-secondary:hover{background:#6b5344;transform:translateY(-2px);box-shadow:var(--shadow-md)}.player-count-hint{color:var(--color-text-light);font-size:.875rem}.resume-prompt{padding:var(--spacing-lg) 0}.resume-prompt h2{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.save-timestamp{color:var(--color-text-light);font-size:.875rem;margin-bottom:var(--spacing-lg)}.resume-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.resume-buttons .btn{width:100%}@media (max-width: 480px){.setup-container{padding:var(--spacing-md)}.setup-card{padding:var(--spacing-lg)}.setup-title{font-size:2rem}.setup-subtitle{font-size:1rem}.players-list{gap:var(--spacing-sm)}.player-input-row input{padding:var(--spacing-sm);font-size:1rem}.setup-actions{flex-direction:column;gap:var(--spacing-sm)}.btn{width:100%;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 360px){.setup-card{padding:var(--spacing-md)}.setup-title{font-size:1.75rem}.setup-subtitle{font-size:.875rem;margin-bottom:var(--spacing-md)}.player-number{width:20px;font-size:.875rem}.btn-remove{width:28px;height:28px;font-size:1rem}}@media (hover: none) and (pointer: coarse){.player-input-row input{min-height:44px}.btn{min-height:48px}.btn-remove{min-width:44px;min-height:44px}}.mode-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-mode{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--color-scorecard);border:2px solid var(--color-scorecard-border);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s}.btn-mode:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mode-icon{font-size:2rem}.mode-label{font-size:1.25rem;font-weight:600;color:var(--color-text)}.mode-desc{font-size:.875rem;color:var(--color-text-light)}.btn-link{background:none;border:none;color:var(--color-text-light);text-decoration:underline;cursor:pointer;padding:var(--spacing-sm);margin-top:var(--spacing-md)}.btn-link:hover{color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-lg);text-align:left}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text)}.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border:2px solid var(--color-scorecard-border);border-radius:var(--border-radius);background:var(--color-scorecard)}.form-group input:focus{outline:none;border-color:var(--color-primary)}.join-form{width:100%}.code-input{font-family:monospace;font-size:1.5rem!important;letter-spacing:.25em;text-align:center;text-transform:uppercase}.error-message{background:#fee;border:1px solid #fcc;color:#c00;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:.875rem}.lobby-card{max-width:500px}.game-code-section{background:var(--color-table-felt);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.game-code-label{color:#fffc;margin-bottom:var(--spacing-sm);font-size:.875rem}.game-code-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.game-code{font-family:monospace;font-size:2rem;font-weight:700;letter-spacing:.25em;color:#fff;background:#0000004d;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius)}.btn-copy{padding:var(--spacing-xs) var(--spacing-md);background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s}.btn-copy:hover{background:#ffffff4d}.lobby-players{margin-bottom:var(--spacing-lg)}.lobby-players h3{margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1rem}.player-list{list-style:none;padding:0;margin:0}.player-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-scorecard);border:2px solid var(--color-scorecard-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.player-item.current{border-color:var(--color-primary)}.player-item.ready{background:#27ae601a}.player-name{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.host-badge,.you-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:600}.host-badge{background:#f39c12;color:#fff}.you-badge{background:var(--color-primary);color:#fff}.ready-status{font-size:.875rem;font-weight:500}.ready-status.ready{color:#27ae60}.ready-status.not-ready{color:var(--color-text-light)}.lobby-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-ready{background:#27ae60;color:#fff}.btn-ready:hover{background:#229954}.btn-start{min-width:140px}.btn-start:disabled{opacity:.5;cursor:not-allowed}.lobby-hint{margin-top:var(--spacing-md);color:var(--color-text-light);font-size:.875rem;font-style:italic}.game-ended-card{background:var(--color-scorecard);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;max-width:400px}.online-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-light)}.online-indicator .dot{width:8px;height:8px;border-radius:50%;background:#27ae60}.online-indicator.disconnected .dot{background:#e74c3c}@media (max-width: 480px){.game-code{font-size:1.5rem;letter-spacing:.15em;padding:var(--spacing-sm) var(--spacing-md)}.game-code-display,.lobby-actions{flex-direction:column}.lobby-actions .btn{width:100%}.btn-mode{padding:var(--spacing-md)}.mode-icon{font-size:1.5rem}.mode-label{font-size:1rem}}.dice-scene-container{position:relative;width:100%;height:300px;background:linear-gradient(180deg,#0f2a0f,#1a3d1a,#244924);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:inset 0 2px 10px #00000080,inset 0 -2px 10px #0000004d,0 4px 20px #0006}.dice-scene-container canvas{cursor:pointer}.dice-instructions{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;pointer-events:none}.held-indicators{position:absolute;top:var(--spacing-sm);left:0;right:0;height:30px;pointer-events:none}.held-indicator{position:absolute;transform:translate(-50%);background:transparent;color:transparent;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:.75rem;font-weight:700;transition:all .3s ease}.held-indicator.held{background:var(--color-dice-held);color:var(--color-text);box-shadow:0 2px 8px #ffd70080;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@media (max-width: 768px){.dice-scene-container{height:250px}.dice-instructions{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.dice-scene-container{height:200px;border-radius:var(--border-radius)}.dice-instructions{font-size:.75rem;bottom:var(--spacing-sm)}.held-indicator{font-size:.65rem;padding:2px 6px}}@media (max-width: 360px){.dice-scene-container{height:180px}}@media (hover: none) and (pointer: coarse){.dice-instructions{opacity:1}}.scorecard-container{background:var(--color-scorecard);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;max-height:calc(100vh - 200px);overflow-y:auto}.scorecard{width:100%;border-collapse:collapse;font-size:.875rem}.scorecard th,.scorecard td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-scorecard-border);text-align:center}.scorecard thead{position:sticky;top:0;z-index:1}.category-header{background:var(--color-header-bg);color:#fff;font-weight:700;text-align:left!important;min-width:140px}.player-header{background:var(--color-header-bg);color:#fff;font-weight:700;min-width:80px;transition:background .2s}.player-header.active{background:var(--color-primary)}.section-header td{background:var(--color-scorecard-border);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}.category-name{text-align:left!important;font-weight:500;background:#fffef080}.category-hint{display:block;font-size:.7rem;color:var(--color-text-light);font-weight:400}.score-cell{font-weight:500;transition:all .2s}.score-cell.empty{color:var(--color-text-light)}.score-cell.filled{color:var(--color-text);font-weight:700}.score-cell.clickable{cursor:pointer;position:relative}.score-cell.clickable:hover{background:#8b00001a}.score-cell.clickable.has-score{background:#228b2226}.score-cell.clickable.has-score:hover{background:#228b2240}.score-cell.clickable.zero-score{background:#8b00000d}.score-cell.clickable.zero-score:hover{background:#8b000026}.potential-score{color:var(--color-primary);font-weight:700}.score-cell.clickable.has-score .potential-score{color:var(--color-success)}.total-row td{background:#8b73551a;font-weight:700}.total-row .score-cell.total{font-weight:700;color:var(--color-text)}.bonus-row td{background:#ffd7001a;font-style:italic}.bonus-row .score-cell.bonus{color:var(--color-text-light)}.grand-total-row td{background:var(--color-header-bg);color:#fff;font-weight:700;font-size:1rem}.grand-total-row .score-cell.grand-total{font-size:1.125rem}.scorecard-container::-webkit-scrollbar{width:8px}.scorecard-container::-webkit-scrollbar-track{background:var(--color-scorecard)}.scorecard-container::-webkit-scrollbar-thumb{background:var(--color-scorecard-border);border-radius:4px}.scorecard-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}@media (max-width: 768px){.scorecard-container{max-height:none;overflow-x:auto}.scorecard{font-size:.8rem;min-width:320px}.scorecard th,.scorecard td{padding:var(--spacing-xs) var(--spacing-sm)}.category-header{min-width:100px}.player-header{min-width:60px}.category-hint{font-size:.6rem}}@media (max-width: 480px){.scorecard{font-size:.75rem}.scorecard th,.scorecard td{padding:4px 6px}.category-header{min-width:80px}.player-header{min-width:50px}.category-hint{display:none}.section-header td{font-size:.65rem;padding:2px var(--spacing-sm)}.grand-total-row td{font-size:.875rem}.grand-total-row .score-cell.grand-total{font-size:1rem}}@media (max-width: 360px){.scorecard{font-size:.7rem}.scorecard th,.scorecard td{padding:3px 4px}.category-header{min-width:70px}.player-header{min-width:45px}}@media (hover: none) and (pointer: coarse){.score-cell.clickable{min-height:44px;display:flex;align-items:center;justify-content:center}.score-cell.clickable:active{background:#8b000033}.score-cell.clickable.has-score:active{background:#228b2259}}.roll-button{position:relative;background:linear-gradient(145deg,var(--color-primary),#6b0000);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:1.25rem;font-weight:700;min-width:200px;overflow:hidden;box-shadow:var(--shadow-lg);transition:all .3s ease}.roll-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 24px #8b000066}.roll-button:active:not(:disabled){transform:translateY(-1px)}.roll-button:disabled{background:linear-gradient(145deg,var(--color-disabled),#777);cursor:not-allowed}.roll-button-text{position:relative;z-index:1}.dice-icons{position:absolute;bottom:-20px;left:0;right:0;display:flex;justify-content:center;gap:4px;opacity:.3;font-size:2rem;transition:all .3s ease}.roll-button:hover:not(:disabled) .dice-icons{bottom:-15px;opacity:.5}.roll-button.rolling .dice-icons{animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}@media (max-width: 768px){.roll-button{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-lg);min-width:180px}}@media (max-width: 480px){.roll-button{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);min-width:150px}.dice-icons{font-size:1.5rem;bottom:-15px}}@media (hover: none) and (pointer: coarse){.roll-button{min-height:48px}.roll-button:hover:not(:disabled){transform:none}.roll-button:active:not(:disabled){transform:scale(.98);box-shadow:0 4px 12px #8b00004d}}.dice-debug{position:fixed;top:10px;left:10px;background:#000000bf;color:#0f0;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;z-index:1000;pointer-events:none;border:1px solid rgba(0,255,0,.3)}.dice-debug-label{font-size:11px;opacity:.7;margin-bottom:2px}.dice-debug-values{font-weight:700;letter-spacing:1px}.game-container{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background)}.game-main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:1400px;margin:0 auto;width:100%}.game-left{display:flex;flex-direction:column;gap:var(--spacing-lg)}.game-right{display:flex;flex-direction:column}.roll-controls{display:flex;justify-content:center;padding:var(--spacing-md)}@media (max-width: 1024px){.game-main{grid-template-columns:1fr}.game-left{order:1}.game-right{order:2}}@media (max-width: 768px){.game-main{padding:var(--spacing-md);gap:var(--spacing-md)}.dice-scene-container{height:250px}}@media (max-width: 480px){.game-main{padding:var(--spacing-sm);gap:var(--spacing-sm)}.dice-scene-container{height:200px}.roll-button{min-width:160px;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 360px){.game-main{padding:var(--spacing-xs);gap:var(--spacing-xs)}.dice-scene-container{height:180px}}@media (max-height: 500px) and (orientation: landscape){.game-main{grid-template-columns:1fr 1fr;padding:var(--spacing-sm)}.game-left,.game-right{order:unset}.dice-scene-container{height:200px}}.online-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#27ae601a;border-bottom:1px solid rgba(39,174,96,.2);font-size:.75rem;color:#27ae60}.online-indicator .dot{width:8px;height:8px;border-radius:50%;background:#27ae60;animation:pulse 2s infinite}.online-indicator.disconnected{background:#e74c3c1a;border-color:#e74c3c33;color:#e74c3c}.online-indicator.disconnected .dot{background:#e74c3c;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.turn-message{text-align:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;font-weight:500;font-size:.875rem}.game-ended-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.game-ended-card{background:var(--color-scorecard);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;max-width:400px;margin:var(--spacing-md)}.game-ended-card h2{margin-bottom:var(--spacing-md);color:var(--color-text)}.game-ended-card p{margin-bottom:var(--spacing-lg);color:var(--color-text-light)}:root{--color-background: #f5e6d3;--color-table-felt: #2d5a27;--color-scorecard: #fffef0;--color-scorecard-border: #8b7355;--color-dice: #f8f8f5;--color-dice-held: #ffd700;--color-dice-glow: rgba(255, 215, 0, .5);--color-primary: #8b0000;--color-primary-hover: #a00000;--color-text: #3d2914;--color-text-light: #6b5a4a;--color-header-bg: #5c3d2e;--color-success: #228b22;--color-disabled: #999;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-display: "Playfair Display", serif;--font-body: "Roboto", sans-serif;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .2);--touch-target-min: 44px}@media (max-width: 480px){:root{--spacing-md: 12px;--spacing-lg: 18px;--spacing-xl: 24px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.5;scroll-behavior:smooth;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.6}input{font-family:var(--font-body);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-scorecard-border);border-radius:var(--border-radius);background:var(--color-scorecard);color:var(--color-text);font-size:16px;-webkit-tap-highlight-color:transparent}input:focus{outline:none;border-color:var(--color-primary)}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}