.screen-container{max-width:600px;margin:0 auto;padding-top:2rem}.screen-header{text-align:center;margin-bottom:2rem}.screen-title{font-size:clamp(1.3rem,4vw,1.5rem);font-weight:700;margin-bottom:.25rem;color:#222}.screen-subtitle{font-size:clamp(.9rem,2.5vw,1rem);color:#666;margin-bottom:2rem}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-md)}.landing-title{font-size:clamp(2rem,8vw,2.5rem);font-weight:700;margin-bottom:.5rem;color:#222}.landing-subtitle{font-size:clamp(.9rem,3vw,1rem);color:#666;margin-bottom:2rem}.landing-actions{display:flex;gap:1rem;flex-direction:column;width:100%;max-width:300px}.btn{padding:.75rem 1.5rem;font-size:clamp(1rem,3vw,1.1rem);font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;min-height:44px;touch-action:manipulation}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:#4a90d9;color:#fff}.btn--primary:hover:not(:disabled){background-color:#3a7bc8}.btn--secondary{background-color:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#5a6268}.btn--success{background-color:#28a745;color:#fff}.btn--success:hover:not(:disabled){background-color:#218838}.btn--outline-danger{background-color:#fff;color:#dc3545;border:1px solid #dc3545}.btn--outline-danger:hover:not(:disabled){background-color:#f8d7da}.btn--warning{background-color:#ffc107;color:#222}.btn--outline{background-color:transparent;color:#4a90d9;border:1px solid #4a90d9}.btn--outline:hover:not(:disabled){background-color:#e8f0fe}.btn--warning:disabled{opacity:.5}.spectrum-submission-section{margin-top:1.5rem;border-top:1px solid #e0e0e0;padding-top:1rem}.spectrum-form{margin-top:.75rem}.spectrum-form-description{font-size:.85rem;color:#666;margin-bottom:.5rem}.spectrum-input-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.spectrum-input{flex:1}.spectrum-separator{font-weight:600;color:#888}.btn--ghost{background-color:transparent;color:#888}.btn--ghost:hover:not(:disabled){color:#555;background-color:#f0f0f0}.btn--link{background:none;border:1px solid #ccc;color:#555}.btn--link:hover:not(:disabled){background-color:#f5f5f5}.btn--full{width:100%}.btn-row{display:flex;gap:.75rem;margin-top:1.5rem}.btn-row .btn{flex:1}.field-group{margin-bottom:1.25rem}.field-label{display:block;margin-bottom:.25rem;font-weight:600;font-size:.85rem;color:#555}.field-input{width:100%;padding:.6rem .75rem;font-size:clamp(.95rem,2.5vw,1rem);border:1px solid #ccc;border-radius:4px;box-sizing:border-box;min-height:44px;touch-action:manipulation}.field-input:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d94d}.field-input--error{border-color:#dc3545}.field-hint{font-size:.8rem;color:#666;margin-top:.25rem}.field-hint--error{color:#dc3545}.room-code-display{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;font-family:monospace;letter-spacing:.2em;color:#4a90d9;padding:.75rem 1.5rem;background-color:#f0f4f8;border-radius:8px;display:inline-block;margin-bottom:.5rem}.share-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.btn--small{font-size:.85rem;padding:.4rem .75rem;min-height:auto}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width:400px){.teams-grid{grid-template-columns:1fr;gap:.75rem}}.team-card{border-radius:8px;padding:1rem;min-height:120px}.team-card--blue{background-color:#e8f0fe;border:2px solid #4a90d9}.team-card--red{background-color:#fde8e8;border:2px solid #d94a4a}.team-card-title{font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;margin-bottom:.75rem;text-align:center}.team-card-title--blue{color:#4a90d9}.team-card-title--red{color:#d94a4a}.team-list{list-style:none;padding:0;margin:0}.team-player-item{padding:.4rem .5rem;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:.4rem;font-size:clamp(.85rem,2.5vw,.9rem)}.team-player-item--empty{justify-content:center;color:#999}.ready-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.ready-dot--ready{background-color:#28a745}.ready-dot--not-ready{background-color:#ccc}.unassigned-section{margin-bottom:1.5rem}.unassigned-title{font-size:clamp(.85rem,2.5vw,.95rem);font-weight:600;margin-bottom:.5rem;color:#666;text-align:center}.unassigned-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.unassigned-item{padding:.3rem .6rem;background-color:#f0f0f0;border-radius:4px;font-size:.85rem;display:flex;align-items:center;gap:.3rem}.waiting-msg{text-align:center;padding:.75rem;background-color:#fff3cd;color:#856404;border-radius:4px;font-size:clamp(.85rem,2.5vw,.9rem);margin-top:1rem}.error-banner{margin-top:1rem;padding:.75rem 1rem;background-color:#f8d7da;color:#721c24;border-radius:4px;border:1px solid #f5c6cb;display:flex;justify-content:space-between;align-items:center;font-size:clamp(.85rem,2.5vw,.9rem)}.error-banner__dismiss{background:none;border:none;color:#721c24;cursor:pointer;font-weight:700;font-size:1.2rem;padding:0 0 0 .5rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.player-list{list-style:none;padding:0;margin:0;margin-bottom:1.5rem}.player-list-item{padding:.4rem .5rem;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:.4rem;font-size:clamp(.85rem,2.5vw,.9rem)}.actions-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media(max-width:360px){.team-card{padding:.75rem;min-height:100px}.room-code-display{padding:.5rem 1rem}}*{-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.gameover-recap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc transparent}.gameover-recap::-webkit-scrollbar{width:6px}.gameover-recap::-webkit-scrollbar-track{background:transparent}.gameover-recap::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}:root{--color-blue: #4a90d9;--color-blue-light: #e8f0fe;--color-red: #d94a4a;--color-red-light: #fde8e8;--color-bg: #ffffff;--color-text: #222222;--color-muted: #888888;--color-border: #dee2e6;--color-card-bg: #f8f9fa;--color-success: #28a745;--color-warning: #ffc107;--color-psychic-bg: #fff3cd;--font-family: system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased}.app-wrapper{padding:var(--spacing-lg);min-height:100vh;min-height:100dvh}@media(max-width:480px){.app-wrapper{padding:var(--spacing-sm)}}@media(min-width:481px)and (max-width:768px){.app-wrapper{padding:var(--spacing-md)}}.game-container{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.game-header{text-align:center}.game-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-sm)}.game-phase-badge{display:inline-block;padding:.3rem .8rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-transform:uppercase;background-color:var(--color-blue-light);color:var(--color-blue);margin-bottom:var(--spacing-md)}.game-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:clamp(.85rem,2.5vw,1rem)}.game-info-row{display:flex;justify-content:space-between;align-items:center}.game-info-label{font-weight:600;color:#555}.game-info-value{color:var(--color-text)}@media(max-width:380px){.game-info-grid{grid-template-columns:1fr;gap:.25rem}}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:var(--spacing-lg)}.scoreboard-card{border-radius:var(--radius-md);padding:.75rem .5rem;text-align:center;position:relative;overflow:hidden;transition:box-shadow .3s ease}.scoreboard-card--blue{background-color:var(--color-blue-light);border:2px solid var(--color-blue)}.scoreboard-card--red{background-color:var(--color-red-light);border:2px solid var(--color-red)}.scoreboard-label{font-size:clamp(.75rem,2.5vw,.85rem);font-weight:600;margin-bottom:var(--spacing-xs)}.scoreboard-label--blue{color:var(--color-blue)}.scoreboard-label--red{color:var(--color-red)}.scoreboard-value{font-size:clamp(1.5rem,6vw,2rem);font-weight:700}.scoreboard-value--blue{color:var(--color-blue)}.scoreboard-value--red{color:var(--color-red)}@media(max-width:360px){.scoreboard{gap:.5rem}.scoreboard-card{padding:.5rem .25rem}}.spectrum-card{background-color:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.spectrum-title{font-size:.9rem;font-weight:600;color:var(--color-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.spectrum-concepts{display:flex;justify-content:space-between;font-size:clamp(1rem,4vw,1.2rem);font-weight:700}.spectrum-concept--left{color:var(--color-blue)}.spectrum-concept--right{color:var(--color-red)}.media-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background-color:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.media-controls-label{font-size:.9rem;font-weight:600;color:#555}.media-controls-buttons{display:flex;align-items:center;gap:.5rem}.media-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-border);background-color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.media-btn--active{border-color:var(--color-success);background-color:#d4edda}.media-btn--muted{border-color:var(--color-red);background-color:var(--color-red-light)}.media-btn:hover{opacity:.8}.media-status-dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;transition:background-color .3s ease}.media-status-dot[data-connected=true]{background-color:var(--color-success);box-shadow:0 0 4px #28a74580}.players-section{margin-bottom:var(--spacing-md)}.players-heading{margin-bottom:var(--spacing-sm);font-size:clamp(.95rem,3vw,1.1rem);font-weight:700}.players-list{list-style:none;padding:0;margin:0}.player-item{padding:.4rem .5rem;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:.4rem;font-size:clamp(.8rem,2.5vw,.9rem)}.player-name{flex:1}.psychic-badge{font-size:.75rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;background-color:var(--color-warning);color:#222}.peer-media-indicators{display:inline-flex;align-items:center;gap:.2rem;font-size:.85rem;margin-right:.3rem}.clue-section{padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-card-bg);border:2px solid var(--color-border)}.clue-psychic-notice{padding:.75rem;background-color:var(--color-psychic-bg);color:#856404;border-radius:var(--radius-sm);text-align:center;font-weight:600;margin-bottom:.75rem;font-size:clamp(.8rem,2.5vw,.9rem)}.clue-input-container{display:flex;gap:.5rem}.clue-input{flex:1;padding:.6rem .8rem;font-size:clamp(.9rem,2.5vw,1rem);border:2px solid #ced4da;border-radius:6px;outline:none;min-height:44px}.clue-input:focus{border-color:var(--color-blue);box-shadow:0 0 0 2px #4a90d94d}.clue-submit-btn{padding:.6rem 1.2rem;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;background-color:var(--color-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;min-height:44px;white-space:nowrap}.clue-submit-btn:disabled{opacity:.5;cursor:not-allowed}.clue-submit-btn:hover:not(:disabled){background-color:#3a7bc8}.clue-char-counter{font-size:.75rem;color:var(--color-muted);text-align:right;margin-top:.25rem}.clue-display{padding:.75rem;background-color:var(--color-blue-light);border:2px solid var(--color-blue);border-radius:var(--radius-md);text-align:center;font-size:clamp(.95rem,3vw,1.1rem);font-weight:700;color:var(--color-blue);margin-top:var(--spacing-sm)}.clue-thinking{padding:.75rem;background-color:#f0f0f0;border-radius:var(--radius-md);text-align:center;font-size:.9rem;color:var(--color-muted);font-style:italic;margin-top:var(--spacing-sm)}.clue-waiting{text-align:center;padding:var(--spacing-xl)}.clue-waiting-text{font-size:1rem;color:var(--color-muted);font-style:italic}.guess-container{padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-card-bg);border:2px solid var(--color-border);-webkit-user-select:none;user-select:none;touch-action:none}.guess-spectrum-labels{display:flex;justify-content:space-between;margin-bottom:1.25rem;font-size:clamp(.95rem,3vw,1.1rem);font-weight:700}.guess-label--left{color:var(--color-blue)}.guess-label--right{color:var(--color-red)}.guess-track-wrapper{position:relative;height:60px;display:flex;align-items:center;cursor:pointer}.guess-track{width:100%;height:16px;border-radius:8px;background:linear-gradient(to right,var(--color-blue),#ffffff 50%,var(--color-red));position:relative}.guess-marker{position:absolute;width:44px;height:44px;border-radius:50%;background-color:#fff;border:3px solid #333;box-shadow:0 2px 8px #0000004d;top:50%;transform:translate(-50%,-50%);cursor:grab;z-index:10;transition:box-shadow .15s ease}.guess-marker--active{box-shadow:0 4px 12px #0006;border-color:#000}.guess-marker--disabled{border-color:#aaa;background-color:#e0e0e0;cursor:not-allowed}.guess-position-label{text-align:center;margin-top:.75rem;font-size:.9rem;color:#666;font-weight:600}.guess-confirm-btn{display:block;width:100%;margin-top:var(--spacing-md);padding:.75rem;min-height:48px;font-size:clamp(.95rem,3vw,1rem);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;background-color:var(--color-blue);color:#fff;transition:background-color .15s ease,opacity .15s ease}.guess-confirm-btn:hover:not(:disabled){background-color:#3a7bc8}.guess-confirm-btn:disabled{background-color:#aaa;opacity:.5;cursor:not-allowed}.guess-badge{text-align:center;margin-top:.75rem;padding:.5rem;background-color:#d4edda;color:#155724;border-radius:6px;font-weight:600;font-size:.9rem}@media(max-width:480px){.guess-track{height:20px}.guess-track-wrapper{height:64px}}.reveal-container{padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--radius-lg);background-color:#f0f8ff;border:3px solid var(--color-blue);animation:revealFadeIn .5s ease-out both}.reveal-title{font-size:clamp(1.1rem,4vw,1.3rem);font-weight:700;color:var(--color-blue);text-align:center;margin-bottom:.25rem}.reveal-ready-section{text-align:center;margin-bottom:var(--spacing-md)}.btn--ready-next{padding:.6rem 1.5rem;font-size:1rem;font-weight:600}.reveal-waiting-text{font-size:.9rem;color:#888;font-style:italic;margin-bottom:.35rem}.reveal-ready-count{font-size:.85rem;color:#aaa;font-weight:500}.reveal-track{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.reveal-track-bar{position:relative;width:100%;height:24px;border-radius:12px;background:linear-gradient(to right,var(--color-blue),#ffffff 50%,var(--color-red));margin-top:.5rem}.reveal-marker-guess{position:absolute;width:28px;height:28px;border-radius:50%;background-color:#fff;border:3px solid var(--color-red);box-shadow:0 2px 6px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:10;animation:markerSlideInLeft .6s ease-out .2s both}.reveal-marker-target{position:absolute;width:22px;height:22px;border-radius:50%;background-color:var(--color-blue);border:3px solid #1a5a9e;box-shadow:0 2px 6px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:11;animation:markerSlideInRight .6s ease-out .4s both}.reveal-score-card{background-color:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);animation:cardSlideUp .5s ease-out .6s both}.reveal-score-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.reveal-score-label{font-size:.9rem;font-weight:600;color:#555}.reveal-score-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.reveal-score-row-divider{border-top:2px solid var(--color-border);padding-top:.75rem}.reveal-score-value-large{font-size:1.5rem}@media(max-width:480px){.reveal-container{padding:var(--spacing-md) var(--spacing-sm)}.reveal-marker-guess,.reveal-marker-target{width:24px;height:24px}}.psychic-dial-track{margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--color-border)}.psychic-dial-bar{position:relative;width:100%;height:20px;border-radius:10px;background:linear-gradient(to right,var(--color-blue),#ffffff 50%,var(--color-red))}.psychic-marker{position:absolute;width:26px;height:26px;border-radius:50%;background-color:#ffc107;border:3px solid #e6a800;box-shadow:0 0 8px #ffc10799,0 2px 6px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:10;animation:psychicMarkerPulse 2s ease-in-out infinite}.psychic-dial-position{text-align:center;margin-top:.5rem;font-size:.85rem;font-weight:700;color:#856404;background-color:#fff3cd;padding:.25rem .5rem;border-radius:4px;display:inline-block}@-webkit-keyframes psychicMarkerPulse{0%,to{-webkit-box-shadow:0 0 8px rgba(255,193,7,.6),0 2px 6px rgba(0,0,0,.3);box-shadow:0 0 8px #ffc10799,0 2px 6px #0000004d}50%{-webkit-box-shadow:0 0 14px rgba(255,193,7,.9),0 2px 8px rgba(0,0,0,.4);box-shadow:0 0 14px #ffc107e6,0 2px 8px #0006}}@keyframes psychicMarkerPulse{0%,to{box-shadow:0 0 8px #ffc10799,0 2px 6px #0000004d}50%{box-shadow:0 0 14px #ffc107e6,0 2px 8px #0006}}.gameover-container{padding:var(--spacing-xl) var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-card-bg);border:3px solid var(--color-success);text-align:center}.gameover-title{font-size:clamp(1.5rem,6vw,2rem);font-weight:800;color:var(--color-success);margin-bottom:var(--spacing-md)}.gameover-winner{font-size:clamp(1.1rem,4vw,1.3rem);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg)}.gameover-scores{display:flex;justify-content:center;gap:clamp(1rem,4vw,2rem);margin-bottom:var(--spacing-lg)}.gameover-score-card{padding:.75rem 1rem;border-radius:var(--radius-md);background-color:#fff;border:2px solid var(--color-border);text-align:center;min-width:80px}.gameover-score-team{font-size:clamp(.85rem,2.5vw,1rem);font-weight:700;margin-bottom:var(--spacing-sm)}.gameover-score-value{font-size:clamp(1.5rem,5vw,2rem);font-weight:800;color:var(--color-text)}.gameover-recap{max-height:400px;overflow-y:auto;border-top:2px solid var(--color-border);padding-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.gameover-recap-title{font-size:clamp(1rem,3vw,1.2rem);font-weight:700;color:#555;margin-bottom:var(--spacing-md);text-align:center}.gameover-recap-round{background-color:#fff;border:2px solid #e9ecef;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:.75rem;text-align:left}.gameover-recap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid #eee}.gameover-recap-round-num{font-weight:700;font-size:.95rem;color:#333}.gameover-recap-spectrum{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;padding:.25rem 0;margin-bottom:.25rem}.gameover-recap-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.85rem}.gameover-recap-label{color:var(--color-muted);font-weight:500}.gameover-recap-value{color:#333;font-weight:600}.play-again-btn{padding:.8rem 2rem;min-height:48px;font-size:clamp(1rem,3vw,1.1rem);font-weight:700;background-color:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.play-again-btn:hover{background-color:#218838}@-webkit-keyframes revealFadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes revealFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes markerSlideInLeft{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes markerSlideInLeft{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes markerSlideInRight{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes markerSlideInRight{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes cardSlideUp{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes scorePulse{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scorePulse{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}@-webkit-keyframes scoreFlash{0%{-webkit-box-shadow:0 0 0 0 rgba(255,215,0,.5);box-shadow:0 0 #ffd70080}50%{-webkit-box-shadow:0 0 20px 8px rgba(255,215,0,.3);box-shadow:0 0 20px 8px #ffd7004d}to{-webkit-box-shadow:0 0 0 0 rgba(255,215,0,0);box-shadow:0 0 #ffd70000}}@keyframes scoreFlash{0%{box-shadow:0 0 #ffd70080}50%{box-shadow:0 0 20px 8px #ffd7004d}to{box-shadow:0 0 #ffd70000}}@-webkit-keyframes scoreGlowBlue{0%{-webkit-box-shadow:0 0 0 0 rgba(74,144,217,.4);box-shadow:0 0 #4a90d966}50%{-webkit-box-shadow:0 0 16px 6px rgba(74,144,217,.25);box-shadow:0 0 16px 6px #4a90d940}to{-webkit-box-shadow:0 0 0 0 rgba(74,144,217,0);box-shadow:0 0 #4a90d900}}@keyframes scoreGlowBlue{0%{box-shadow:0 0 #4a90d966}50%{box-shadow:0 0 16px 6px #4a90d940}to{box-shadow:0 0 #4a90d900}}@-webkit-keyframes scoreGlowRed{0%{-webkit-box-shadow:0 0 0 0 rgba(217,74,74,.4);box-shadow:0 0 #d94a4a66}50%{-webkit-box-shadow:0 0 16px 6px rgba(217,74,74,.25);box-shadow:0 0 16px 6px #d94a4a40}to{-webkit-box-shadow:0 0 0 0 rgba(217,74,74,0);box-shadow:0 0 #d94a4a00}}@keyframes scoreGlowRed{0%{box-shadow:0 0 #d94a4a66}50%{box-shadow:0 0 16px 6px #d94a4a40}to{box-shadow:0 0 #d94a4a00}}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:onboardingFadeIn .25s ease-out both}.onboarding-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000040;max-width:480px;width:100%;padding:var(--spacing-xl) var(--spacing-lg);animation:onboardingSlideUp .3s ease-out both;max-height:90vh;overflow-y:auto}.onboarding-step-indicator{display:flex;justify-content:center;gap:.5rem;margin-bottom:var(--spacing-lg)}.onboarding-dot{width:10px;height:10px;border-radius:50%;background-color:#d0d0d0;transition:background-color .2s ease,transform .2s ease}.onboarding-dot--active{background-color:var(--color-blue);transform:scale(1.3)}.onboarding-dot--done{background-color:var(--color-success)}.onboarding-title{font-size:clamp(1.15rem,4vw,1.35rem);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-md);text-align:center}.onboarding-body{font-size:clamp(.9rem,2.5vw,.95rem);line-height:1.6;color:#444}.onboarding-body p{margin:0 0 var(--spacing-sm)}.onboarding-body p:last-child{margin-bottom:0}.onboarding-scoring-list{list-style:none;padding:0;margin:var(--spacing-sm) 0}.onboarding-scoring-list li{padding:.2rem 0;font-size:.9rem;color:#555}.onboarding-scoring-list li:before{content:"• ";color:var(--color-blue);font-weight:700}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);gap:var(--spacing-sm)}.onboarding-nav-right{display:flex;gap:var(--spacing-sm)}.onboarding-btn{padding:.5rem 1rem;font-size:clamp(.85rem,2.5vw,.9rem);font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;min-height:40px;transition:background-color .15s ease,opacity .15s ease}.onboarding-btn--skip{background-color:transparent;color:var(--color-muted)}.onboarding-btn--skip:hover{color:#555;background-color:#f0f0f0}.onboarding-btn--prev{background-color:#e9ecef;color:#555}.onboarding-btn--prev:hover{background-color:#d0d4d8}.onboarding-btn--next{background-color:var(--color-blue);color:#fff}.onboarding-btn--next:hover{background-color:#3a7bc8}.help-icon-btn{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px;border-radius:50%;background-color:var(--color-blue);color:#fff;border:none;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0003;z-index:100;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,transform .15s ease}.help-icon-btn:hover{background-color:#3a7bc8;transform:scale(1.1)}.help-icon-btn:active{transform:scale(.95)}@media(max-width:480px){.help-icon-btn{bottom:var(--spacing-md);right:var(--spacing-md)}}@-webkit-keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes onboardingSlideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes onboardingSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}