.start-screen{width:100%;max-width:500px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.game-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-primary);font-weight:700}.game-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-form{background:var(--color-bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--spacing-md);text-align:left}.form-group label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-md)}.option-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.option-buttons.no-wrap{flex-wrap:nowrap}.option-buttons.no-wrap>.option-button{flex:1 1 0;min-width:0;padding:var(--spacing-sm) var(--spacing-xs)}.team-names-row{display:flex;gap:var(--spacing-sm)}.team-name-input{flex:1 1 0;min-width:0;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #c5c8cf;background:#fafbfc;color:var(--color-text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:400;text-align:left;box-shadow:inset 0 1px 2px #0000000d;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.team-name-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:inset 0 1px 2px #0000000d,0 0 0 3px #2563eb26}.team-name-hint{display:block;font-size:.75rem;color:var(--color-text-secondary);font-weight:400;margin-top:var(--spacing-xs);font-style:italic}.continue-game-banner{background:#2563eb14;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center}.continue-game-text{margin:0 0 var(--spacing-sm) 0;font-weight:600;color:var(--color-primary)}.continue-game-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.continue-game-button{background:var(--color-primary);color:var(--color-text-light);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;min-height:44px;width:100%;transition:all var(--transition-base)}.continue-game-button:hover{background:#1d4ed8}.discard-scores-link{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer;padding:var(--spacing-xs)}.discard-scores-link:hover{color:var(--color-danger)}.claim-form{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center}.claim-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.claim-row{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:stretch}.claim-code-input{width:8ch;flex:0 0 auto;text-align:center;text-transform:uppercase;letter-spacing:.25em;font-size:1.25rem;font-weight:700;font-family:monospace;min-height:44px;padding:var(--spacing-sm);border:2px solid var(--color-neutral);border-radius:var(--radius-sm);background:var(--color-bg-primary)}.claim-code-input:focus{outline:none;border-color:var(--color-primary)}.claim-button{background:var(--color-primary);color:var(--color-text-light);border:none;border-radius:var(--radius-md);padding:0 var(--spacing-lg);font-weight:600;font-size:var(--font-size-md);cursor:pointer;min-height:44px}.claim-button:disabled{opacity:.5;cursor:not-allowed}.claim-button:not(:disabled):hover{background:#1d4ed8}.claim-error{margin:var(--spacing-sm) 0 0 0;color:var(--color-danger);font-size:var(--font-size-sm)}.handoff-dialog{text-align:center}.handoff-prompt{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.handoff-code{font-size:3rem;font-weight:700;font-family:monospace;letter-spacing:.5rem;color:var(--color-primary);background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0 0 var(--spacing-md) 0}.handoff-expires{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.handoff-waiting{font-size:var(--font-size-sm);color:var(--color-warning);font-style:italic;margin:0 0 var(--spacing-md) 0}.handoff-claimed-icon{font-size:3rem;margin:0 0 var(--spacing-md) 0}.option-button{flex:1;min-width:60px;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-neutral);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:all var(--transition-base)}.option-button:hover{border-color:var(--color-primary);background:#2563eb0d;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.option-button:active{transform:translateY(0)}.option-button.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-light)}.option-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.start-button{width:100%;min-height:50px;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-success);color:var(--color-text-light);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-lg)}.start-button:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.start-button:active{transform:translateY(0)}.start-button:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.game-screen{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:100vh;min-height:100dvh}.game-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-message{text-align:center;padding:var(--spacing-xl);font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:500}.game-controls{display:flex;justify-content:space-between;align-items:stretch;gap:var(--spacing-sm);width:100%}.timer-display{background:var(--color-primary);color:var(--color-text-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;font-size:var(--font-size-lg);font-weight:700;box-shadow:var(--shadow-md);flex:1;min-width:140px}.control-buttons{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0;min-width:100px}.control-button{padding:var(--spacing-xs) var(--spacing-sm);min-height:30px;border:2px solid var(--color-neutral);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-base);white-space:nowrap;flex:1}.control-button:hover{border-color:var(--color-primary);background:#2563eb1a}.control-button.pause-button.active{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-light)}.control-button.end-button:hover{border-color:var(--color-danger);background:#dc26261a;color:var(--color-danger)}.timer-label{margin-right:var(--spacing-sm);font-weight:500}.timer-value{font-size:var(--font-size-xl);font-weight:700}.card-display{position:relative;background:var(--color-bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;height:270px;display:flex;flex-direction:column;justify-content:space-evenly;overflow:hidden}.card-word{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:1px;line-height:1.15;overflow-wrap:break-word}.card-word-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);min-width:0;flex-wrap:wrap}.card-word-row .card-word{margin:0}.card-flag{position:absolute;top:50%;transform:translateY(-50%);font-size:1.75rem;line-height:1;pointer-events:none}.card-flag--left{left:var(--spacing-md)}.card-flag--right{right:var(--spacing-md)}.card-divider{height:3px;background:linear-gradient(to right,var(--color-danger),var(--color-warning),var(--color-warning));margin:var(--spacing-sm) auto;width:90%;border-radius:var(--radius-sm)}.forbidden-words{list-style:none;padding:0;margin:var(--spacing-sm) 0 0 0}.forbidden-words li{font-size:var(--font-size-md);color:var(--color-danger);margin:var(--spacing-xs) 0;font-weight:600;line-height:1.25;overflow-wrap:break-word}.card-display--header-tall .card-divider{margin-top:var(--spacing-xs)}.forbidden-words li:before{content:"• ";font-weight:700;margin-right:var(--spacing-xs)}.action-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-direction:column}.action-button{flex:1;min-height:50px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-button:active{transform:translateY(0)}.action-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.correct-button{background:var(--color-success);color:var(--color-text-light)}.correct-button:hover:not(:disabled){background:#15803d}.missed-button{background:var(--color-danger);color:var(--color-text-light)}.missed-button:hover:not(:disabled){background:#b91c1c}.secondary-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.pass-button{background:var(--color-warning);color:var(--color-text-primary);flex:1;min-width:120px}.pass-button:hover:not(:disabled){background:#ca8a04}.undo-button{background:var(--color-neutral);color:var(--color-text-light);flex:1;min-width:120px}.undo-button:hover:not(:disabled){background:#4b5563}.score-display{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-lg);font-weight:600;display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.score-item{padding:var(--spacing-xs) var(--spacing-sm)}.correct-score{color:var(--color-success)}.missed-score{color:var(--color-danger)}.passed-score{color:var(--color-warning)}.debug-end-button{background:var(--color-neutral);color:var(--color-text-light);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.game-paused .game-content{filter:grayscale(100%) brightness(.7);transition:filter var(--transition-base)}.game-paused .control-button.pause-button{filter:none!important}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog{background:var(--color-bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;width:90%;text-align:center;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-message{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-weight:500}.confirm-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-buttons-stack{flex-direction:column}.confirm-buttons-stack .confirm-button{width:100%}.confirm-button{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;transition:all var(--transition-base);min-width:100px}.cancel-button{background:var(--color-neutral);color:var(--color-text-light)}.cancel-button:hover{background:#4b5563}.confirm-end-button{background:var(--color-danger);color:var(--color-text-light)}.confirm-end-button:hover{background:#b91c1c}.end-screen{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md);text-align:center;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-y:auto}.game-over-title{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-xl);font-weight:700}.final-score{background:var(--color-bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-md)}.final-score h2{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-weight:600}.total-score{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:700}.total-score-label{color:var(--color-text-primary)}.total-score-value{font-size:2.5rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.total-score-value.positive{color:var(--color-success);background:#16a34a1a}.total-score-value.negative{color:var(--color-danger);background:#dc26261a}.total-score-value.neutral{color:var(--color-neutral);background:#6b72801a}.score-summary{display:flex;justify-content:space-around;gap:var(--spacing-lg);flex-wrap:wrap}.score-stat{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:80px}.score-number{font-size:2rem;font-weight:700}.score-label{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-secondary)}.correct-stat .score-number{color:var(--color-success)}.missed-stat .score-number{color:var(--color-danger)}.passed-stat .score-number{color:var(--color-warning)}.cards-list-container{background:var(--color-bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md);flex:1 1 auto;min-height:200px;max-height:65vh;display:flex;flex-direction:column}.cards-list-container h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600}.cards-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;padding-right:var(--spacing-sm)}.cards-list::-webkit-scrollbar{width:8px}.cards-list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.cards-list::-webkit-scrollbar-thumb{background:var(--color-neutral);border-radius:var(--radius-sm)}.cards-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.card-item{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base);cursor:pointer}@media (hover: hover) and (pointer: fine){.card-item:hover{transform:translate(5px)}}.card-item.selected{box-shadow:var(--shadow-md)}.card-item-header{display:flex;align-items:center;gap:var(--spacing-sm)}.card-status-icon{font-size:var(--font-size-lg);font-weight:700;width:24px;min-width:24px;text-align:center}.card-word-text{flex:1;text-align:left;font-size:var(--font-size-md)}.card-correct{background:#16a34a1a;color:var(--color-success);border-left:3px solid var(--color-success)}.card-missed{background:#dc26261a;color:var(--color-danger);border-left:3px solid var(--color-danger)}.card-passed{background:#eab3081a;color:var(--color-warning);border-left:3px solid var(--color-warning)}.card-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.1)}.forbidden-words-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.forbidden-word-item{background:var(--color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.report-problem-btn{background:var(--color-danger);color:var(--color-text-light);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.report-problem-btn:hover{background:#b91c1c}.problem-reported{color:var(--color-success);font-size:var(--font-size-sm);font-weight:500}.end-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;flex-direction:column;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);flex-shrink:0}.play-again-button,.return-menu-button{flex:1;min-height:50px;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.play-again-button{background:var(--color-success);color:var(--color-text-light)}.play-again-button:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.play-again-button:active{transform:translateY(0)}.play-again-button:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.return-menu-button{background:var(--color-primary);color:var(--color-text-light)}.return-menu-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.return-menu-button:active{transform:translateY(0)}.return-menu-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (min-width: 768px){.start-screen,.game-screen,.end-screen{padding:var(--spacing-xl)}.game-title,.card-word{font-size:2.5rem}.card-display{padding:var(--spacing-xl);height:330px}.forbidden-words li{font-size:var(--font-size-lg)}.score-number{font-size:3rem}.cards-list-container{max-height:70vh;padding:var(--spacing-lg)}.card-flag{font-size:2.5rem}.final-score{padding:var(--spacing-xl)}.control-buttons{flex-direction:row;gap:var(--spacing-sm)}.control-button{padding:var(--spacing-sm) var(--spacing-md);min-height:44px;font-size:var(--font-size-md)}.action-buttons,.end-buttons{flex-direction:row}.pass-button-container .pass-button{max-width:250px}.score-summary{flex-direction:row}.score-stat{flex-direction:column}}@media (min-width: 1024px){.start-screen{max-width:600px}.game-screen,.end-screen{max-width:700px}.card-display{padding:var(--spacing-xl)}}@media (max-height: 700px) and (orientation: landscape){.cards-list-container{max-height:50vh}.card-display{height:200px}.game-screen,.end-screen{padding:var(--spacing-sm);gap:var(--spacing-sm)}}@media (max-width: 374px){.game-title,.card-word{font-size:1.5rem}.forbidden-words li{font-size:.9rem}.score-number{font-size:1.5rem}.total-score-value{font-size:2rem}.option-button{min-width:45px;padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--font-size-sm)}.settings-form,.final-score,.cards-list-container{padding:var(--spacing-sm)}.cards-list-container{max-height:60vh}.option-buttons.no-wrap>.option-button{font-size:var(--font-size-sm);padding:var(--spacing-xs) 2px}.team-name-input{font-size:var(--font-size-sm)}}.ready-screen{width:100%;max-width:500px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);text-align:center;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xl)}.ready-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin:0}.ready-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.ready-go-button,.ready-switch-button,.ready-back-button{width:100%;min-height:60px;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.ready-go-button{background:var(--color-success);color:var(--color-text-light);min-height:70px;font-size:1.4rem}.ready-switch-button{background:var(--color-warning);color:var(--color-text-primary)}.ready-back-button{background:var(--color-neutral);color:var(--color-text-light)}@media (hover: hover) and (pointer: fine){.ready-go-button:hover{background:#15803d;transform:translateY(-2px)}.ready-switch-button:hover{background:#ca8a04;transform:translateY(-2px)}.ready-back-button:hover{background:#4b5563;transform:translateY(-2px)}}.team-history{background:var(--color-bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md);text-align:left}.team-history h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700}.round-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:var(--font-size-md);gap:var(--spacing-sm);flex-wrap:wrap}.round-row:last-child{border-bottom:none}.round-row-label{font-weight:600;color:var(--color-text-secondary)}.round-row-stats{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.round-row-stats .stat-correct{color:var(--color-success)}.round-row-stats .stat-missed{color:var(--color-danger)}.round-row-stats .stat-passed{color:var(--color-warning)}.round-row-net{font-weight:700;min-width:3ch;text-align:right}.round-row-net.positive{color:var(--color-success)}.round-row-net.negative{color:var(--color-danger)}.round-row-net.neutral{color:var(--color-neutral)}.round-row-actions{width:40px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.switch-round-team-btn{background:transparent;border:1px solid var(--color-neutral);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-md);cursor:pointer;min-width:32px;min-height:32px;padding:0 var(--spacing-xs);transition:all var(--transition-base);margin:0}.confirm-switch-button{background:var(--color-primary);color:var(--color-text-light)}.confirm-switch-button:hover{background:#1d4ed8}.switch-round-team-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.end-secondary-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.change-settings-toggle,.handoff-toggle{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-neutral);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-base);min-height:44px}.change-settings-toggle:hover,.handoff-toggle:hover{border-color:var(--color-primary);background:#2563eb0d}.settings-panel{background:var(--color-bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md)}.settings-panel .form-group{margin-bottom:var(--spacing-sm)}.settings-panel .form-group:last-child{margin-bottom:0}.team-total-row{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:2px solid var(--color-neutral);font-weight:700;font-size:var(--font-size-lg)}.card-actions-row{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;margin-top:var(--spacing-sm)}.change-result-trigger{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-neutral);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.change-result-trigger:hover{background:var(--color-bg-primary);border-color:var(--color-primary)}.change-result-picker{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.change-result-picker .change-result-original{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.change-result-picker button{min-width:44px;min-height:44px;border-radius:var(--radius-sm);border:2px solid transparent;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-base)}.change-result-picker .change-correct{background:#16a34a26;color:var(--color-success);border-color:var(--color-success)}.change-result-picker .change-missed{background:#dc262626;color:var(--color-danger);border-color:var(--color-danger)}.change-result-picker .change-passed{background:#eab30826;color:var(--color-warning);border-color:var(--color-warning)}.change-result-picker button:hover{transform:translateY(-1px)}.change-result-picker .change-cancel{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-neutral);font-size:var(--font-size-sm);font-weight:500;min-width:auto;padding:0 var(--spacing-sm)}:root{--color-primary: #2563eb;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #eab308;--color-neutral: #6b7280;--color-bg-primary: #ffffff;--color-bg-secondary: #f3f4f6;--color-bg-dark: #1f2937;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-light: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm)}.screen{width:100%;max-width:640px;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);text-align:center}h1{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md)}p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}button{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:500;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background-color:var(--color-primary);color:var(--color-text-light);box-shadow:var(--shadow-sm);min-width:120px;min-height:44px}button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.error-message{color:var(--color-danger);background-color:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.error-banner{position:fixed;top:0;left:0;right:0;background-color:var(--color-danger);color:var(--color-text-light);padding:var(--spacing-md);text-align:center;font-weight:600;box-shadow:var(--shadow-md);z-index:1000;animation:slideDown var(--transition-slow)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.start-screen,.game-screen,.end-screen{animation:screenEnter var(--transition-slow)}@keyframes screenEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (min-width: 768px){.app,.screen{padding:var(--spacing-xl)}h1{font-size:2.5rem}h2{font-size:1.5rem}button{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);min-width:150px}}@media (min-width: 1024px){.screen{max-width:800px}}.flex-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.hidden{display:none}