:root{--imposter-color: #FF5252;--civilian-color: #4CAF50;--blank-color: #FF9800;--imposter-bg: #FFEBEE;--civilian-bg: #E8F5E9;--border-radius-pill: 50px}.player-button:hover:not(:disabled){background:#2d2d2d;border-color:#444;transform:translateY(-2px)}.player-button:disabled{opacity:.6;cursor:not-allowed}.player-button.viewed{background:#333;border-color:#444;opacity:.8}.role-modal{max-width:320px;width:100%;max-height:none;overflow:hidden}.role-step.preparation h3{font-size:24px;margin-bottom:1.5rem}.role-step.preparation .warning-text{font-size:18px;color:#ff5252;margin-bottom:2rem;font-weight:500}.role-badge.imposter{background-color:var(--imposter-bg);color:var(--imposter-color);border:2px solid var(--imposter-color)}.role-badge.civilian{background-color:var(--civilian-bg);color:var(--civilian-color);border:2px solid var(--civilian-color)}.word-display{margin:var(--spacing-sm) 0}.word-label{display:block;font-size:12px;margin-bottom:.15rem}.teammates-label{display:block;font-weight:500;margin-bottom:.5rem}.teammates-list{font-weight:700;color:var(--imposter-color)}.btn-large{padding:16px 32px;font-size:18px;min-width:200px}.completion-actions .btn{min-width:140px}@media (max-width: 480px){.player-buttons-grid{grid-template-columns:1fr}.completion-actions{flex-direction:column}.completion-actions .btn{width:100%}.role-display{padding:1rem}.word-value{font-size:24px}}.back-button-container{margin-bottom:var(--spacing-md)}.setup-section{max-width:400px;margin:0 auto}.setup-card{margin-bottom:var(--spacing-lg)}.setup-card.simple-view .advanced-option{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.advanced-option{max-height:1000px;opacity:1;transition:max-height .3s ease,opacity .3s ease}.primary-cta{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);align-items:stretch}.setup-card .btn-primary.btn-large{width:100%;gap:10px;font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:.3px;background:linear-gradient(135deg,#6f6bfa,#5046e5);box-shadow:0 12px 30px #5e5df059;border:none;transition:background .25s ease,box-shadow .25s ease,transform .2s ease}.setup-card .btn-primary.btn-large:disabled{background:linear-gradient(135deg,#2f3145,#23263a);color:#ffffffb8;box-shadow:none;cursor:not-allowed}.setup-card .btn-primary.btn-large:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px #5e5df073;background:linear-gradient(135deg,#7a76ff,#4338ca)}.setup-card .btn-primary.btn-large:focus-visible{outline:3px solid rgba(94,93,240,.45);outline-offset:2px}#generateRolesBtn{margin-top:var(--spacing-md)}.primary-cta .text-link{align-self:center;background:transparent;border:none;color:var(--primary-color);font-size:14px;font-weight:var(--font-weight-medium);padding:4px 8px;border-radius:var(--border-radius-sm);text-decoration:none;transition:color .2s ease,background-color .2s ease,text-decoration-color .2s ease}.primary-cta .text-link:before{content:"⚙️";margin-right:6px;font-size:14px;line-height:1;vertical-align:-1px}.primary-cta .text-link:hover,.primary-cta .text-link:focus{color:var(--primary-text);background-color:#5e5df014;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--primary-color);outline:none}.advanced-panel{overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.advanced-panel.collapsed{max-height:0;opacity:0}.advanced-panel.expanded{max-height:2000px;opacity:1}.advanced-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-md);box-shadow:0 2px 10px #00000026}.advanced-card-title{font-size:14px;font-weight:var(--font-weight-bold);color:var(--secondary-text);margin:0 0 8px;letter-spacing:.3px}.setup-card>.advanced-option+.advanced-option{border-top:1px solid rgba(94,93,240,.15);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.advanced-card .advanced-option+.advanced-option{border-top:none;margin-top:var(--spacing-sm);padding-top:0}.setup-card:not(.simple-view) .number-btn{width:40px;height:40px;font-size:20px}.setup-card:not(.simple-view) .number-input{min-height:44px;font-size:18px}.segmented-control{margin-top:6px;margin-bottom:4px}.input-group .input-label{display:block;margin-bottom:6px}.input-hint-inline{font-size:13px;color:var(--secondary-text);margin-top:var(--spacing-xs);line-height:1.4;opacity:.9}.number-input-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.number-btn{width:48px;height:48px;border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:var(--border-radius-md);font-size:24px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.number-btn:hover:not(:disabled){background-color:var(--primary-color);color:var(--primary-text);transform:scale(1.05);box-shadow:var(--shadow-button)}.number-btn:active:not(:disabled){transform:scale(.95)}.number-btn:disabled{border-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.5}.number-input{flex:1;text-align:center;font-size:20px;font-weight:var(--font-weight-bold);background-color:var(--surface-color);border:2px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--primary-text);padding:var(--spacing-sm);min-height:48px;cursor:default}.input-hint{font-size:var(--font-size-small);color:var(--secondary-text);margin-top:var(--spacing-xs);text-align:center}.validation-message{padding:var(--spacing-sm);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-align:center;animation:slideDown .3s ease}.validation-message.error{background-color:#e74c3c26;border:1px solid var(--imposter-color);color:var(--imposter-color)}.validation-message.warning{background-color:#f39c1226;border:1px solid var(--warning-color);color:var(--warning-color);animation:warningPulse 2s ease-in-out infinite}.rules-section{background-color:var(--surface-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.confirmation-dialog{text-align:center;padding:1rem}.confirmation-title{font-size:22px;margin-bottom:1rem}.confirmation-message{color:var(--secondary-text);margin-bottom:1.5rem}.confirmation-actions{display:flex;gap:12px;justify-content:center}.confirmation-actions .btn{flex:1}.btn-danger{background-color:var(--imposter-color);color:#fff;border-color:var(--imposter-color)}.btn-danger:hover{background-color:#d32f2f;border-color:#d32f2f}.roles-accordion-panel{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,margin-top .5s ease-in-out;margin-top:0;background-color:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-lg);padding:0 var(--spacing-md)}.roles-accordion-panel.expanded{max-height:5000px;opacity:1;margin-top:var(--spacing-xs);padding:var(--spacing-xs);overflow:visible}.player-roles-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.player-role-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-color);border-radius:var(--border-radius-md);overflow:hidden}.player-row-top{display:flex;align-items:center;gap:2px}.player-row-bottom{display:flex;align-items:center}.player-role-item .player-name{font-weight:var(--font-weight-medium);flex-basis:100px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-role-item .role-tag{flex-shrink:0}.player-role-item .player-word{font-weight:700;color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.role-tag.role-civilian{background-color:var(--civilian-color);color:#fff}.role-tag.role-imposter{background-color:var(--imposter-color);color:#fff}.role-tag.role-blank{background-color:#ff9800;color:#fff}.player-word{font-size:14px;font-weight:700;color:var(--primary-color)}.rules-section h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--primary-text)}.rules-section ul{list-style:none;padding:0}.rules-section li{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-xs);color:var(--secondary-text);line-height:1.5}.rules-section li:before{content:"•";color:var(--primary-color);font-weight:var(--font-weight-bold);position:absolute;left:0;font-size:18px}.game-info{display:flex;justify-content:space-between;background-color:var(--surface-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-xs);border:1px solid rgba(94,93,240,.2)}.info-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:80px}.info-label{font-size:var(--font-size-small);color:var(--secondary-text);margin-bottom:2px}.info-value{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--primary-text)}.reveal-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-lg);color:var(--primary-text)}.player-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.player-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-md);color:var(--primary-text);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-button);position:relative;overflow:hidden}.player-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.player-button:hover:not(.viewed){transform:translateY(-2px);box-shadow:0 6px 20px #5e5df066}.player-button:hover:not(.viewed):before{left:100%}.player-button:active:not(.viewed){transform:translateY(0)}.player-button:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;box-shadow:none;opacity:.6}.player-button.viewed{background-color:var(--success-color);color:var(--primary-text);cursor:default;opacity:.8;animation:completedPulse .5s ease}.player-button.viewed:after{content:" ✓";color:var(--primary-text);font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs)}.completion-message{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease}.completion-message.hidden{display:none!important}.completion-card{text-align:center;max-width:400px;width:100%;background-color:var(--surface-color);border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);animation:modalSlideIn .3s ease .2s both;box-shadow:0 8px 32px #00000080}.completion-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),transparent,var(--primary-color));border-radius:var(--border-radius-lg);z-index:-1;animation:borderGlow 2s ease-in-out infinite}.completion-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--primary-text)}.completion-text{font-size:var(--font-size-body);color:var(--secondary-text);margin-bottom:var(--spacing-lg);line-height:1.6;max-width:320px;margin-left:auto;margin-right:auto}.completion-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.completion-actions .btn{flex:1}.completion-utility{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.btn-utility-link{background:none;border:none;color:var(--secondary-text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .2s ease,background-color .2s ease;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-utility-link:hover{color:var(--primary-text);background-color:#ffffff0d}.btn-utility-link .icon{font-size:16px}.role-modal{max-width:320px;width:100%;text-align:center;animation:modalSlideIn .3s ease;border:2px solid var(--primary-color)}.role-modal .modal-content,.role-step{margin-bottom:var(--spacing-lg)}.role-step h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);line-height:1.3}.role-step.preparation{color:var(--primary-text);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.role-step.preparation .player-name{color:var(--primary-color);font-weight:var(--font-weight-bold);background:#5e5df01a;padding:2px 8px;border-radius:var(--border-radius-sm)}.role-step.preparation .warning-text{color:var(--warning-color);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:#f39c121a;border-radius:var(--border-radius-sm);border:1px solid var(--warning-color);animation:warningPulse 2s ease-in-out infinite}.role-display{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);position:relative}.role-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:24px;font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:var(--spacing-lg);letter-spacing:1px;animation:roleReveal .5s ease;box-shadow:var(--shadow-card)}.role-badge.civilian{background:linear-gradient(135deg,var(--success-color),#27AE60);color:var(--primary-text)}.role-badge.imposter{background:linear-gradient(135deg,var(--imposter-color),#C0392B);color:var(--primary-text)}.word-display{margin:var(--spacing-md) 0;background-color:var(--background-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);border:2px solid var(--primary-color);position:relative;animation:wordReveal .5s ease .2s both}.role-guidance{width:100%;max-width:520px;margin:6px 0;padding:6px 10px;text-align:left;border-left:3px solid var(--primary-color);background:#ffffff05;border-radius:var(--border-radius-sm)}.role-guidance .guidance-text{line-height:1.5;font-size:calc(var(--font-size-body) * .85)}.role-guidance.civilian{border-left-color:var(--civilian-color)}.role-guidance.imposter{border-left-color:var(--imposter-color)}.role-guidance.blank{border-left-color:var(--blank-color)}.word-display:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),transparent,var(--primary-color));border-radius:var(--border-radius-md);z-index:-1;animation:borderGlow 2s ease-in-out infinite}.word-label{font-size:var(--font-size-small);color:var(--secondary-text);display:block;margin-bottom:var(--spacing-xs)}.word-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--primary-color);display:block;text-shadow:0 2px 4px rgba(94,93,240,.3)}.teammates-info{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background-color:#e74c3c1a;border-radius:var(--border-radius-sm);border:1px solid var(--imposter-color);animation:teammatesReveal .5s ease .4s both}.teammates-label{font-size:var(--font-size-small);color:var(--imposter-color);font-weight:var(--font-weight-bold);display:block;margin-bottom:var(--spacing-xs)}.teammates-list{color:var(--imposter-color);font-weight:var(--font-weight-medium)}.burn-after-reading{position:relative;overflow:hidden}.burn-after-reading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:scanEffect 2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes completedPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes roleReveal{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes wordReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes teammatesReveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes scanEffect{0%{left:-100%}to{left:100%}}.result-section{margin:var(--spacing-lg) 0}.result-card{text-align:center}.result-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--primary-text)}.word-pair{display:flex;flex-direction:column;gap:var(--spacing-md)}.word-item{padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--background-color);animation:wordItemReveal .5s ease}.civilian-word{border:2px solid var(--success-color)}.imposter-word{border:2px solid var(--imposter-color)}.civilian-word .word-label{color:var(--success-color)}.imposter-word .word-label{color:var(--imposter-color)}@keyframes wordItemReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-section{margin:var(--spacing-xl) 0}.cta-card{background:linear-gradient(135deg,var(--primary-color),#4F4ED1);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;color:var(--primary-text);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:ctaShimmer 3s ease-in-out infinite}.cta-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);position:relative;z-index:1}.cta-content{font-size:var(--font-size-body);margin-bottom:var(--spacing-lg);opacity:.9;position:relative;z-index:1}.btn-cta{background-color:var(--primary-text);color:var(--primary-color);font-weight:var(--font-weight-bold);position:relative;z-index:1}.btn-cta:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}@keyframes ctaShimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}body.theme-clay .number-btn{background:linear-gradient(145deg,#ede9fe,#ddd6fe);box-shadow:4px 4px 8px #6366f11a,-4px -4px 8px #ffffffb3;border:none}body.theme-clay .number-btn:hover:not(:disabled){background:linear-gradient(145deg,#ddd6fe,#c4b5fd);box-shadow:2px 2px 4px #6366f126,-2px -2px 4px #fffc}body.theme-clay .player-button{background:linear-gradient(145deg,#8b5cf6,#7c3aed);box-shadow:6px 6px 12px #6366f133,-6px -6px 12px #ffffff80;border:none}body.theme-clay .player-button:hover:not(.viewed){box-shadow:8px 8px 16px #6366f14d,-8px -8px 16px #fff9}body.theme-clay .role-modal,body.theme-clay .completion-card{background:linear-gradient(145deg,#ede9fe,#ddd6fe);box-shadow:12px 12px 24px #6366f11a,-12px -12px 24px #ffffffb3;border:none}@media (max-width: 480px){.game-info{flex-direction:column;gap:var(--spacing-sm)}.info-item{flex-direction:row;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(94,93,240,.1)}.info-item:last-child{border-bottom:none}.player-buttons-grid{grid-template-columns:1fr}.completion-actions{flex-direction:column}.completion-actions .btn{max-width:none}.word-pair{gap:var(--spacing-sm)}.number-input-group{justify-content:center;gap:var(--spacing-xs)}.number-btn{width:40px;height:40px;font-size:20px}.word-value{font-size:24px}.role-modal{margin:var(--spacing-sm);max-width:none}}@media (max-width: 375px){.role-display{padding:var(--spacing-md)}.word-value{font-size:20px}.role-badge{font-size:20px;padding:var(--spacing-xs) var(--spacing-sm)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-md);position:relative}.modal-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--primary-text);flex-grow:1;text-align:center;padding-right:40px;padding-left:40px}.btn-close{position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%);background:none;border:none;font-size:2.5rem;color:var(--secondary-text);cursor:pointer;line-height:1;padding:0;transition:color .2s ease,transform .2s ease}.btn-close:hover{color:var(--primary-text);transform:translateY(-50%) scale(1.1)}.all-roles-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-sm);padding:0 var(--spacing-sm) var(--spacing-sm);max-height:70vh;overflow-y:auto}.player-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-body);color:var(--primary-text)}.role-tag{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-small) * .8);line-height:1;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:var(--border-radius-pill);color:#fff;text-transform:uppercase;letter-spacing:.3px}.role-tag.role-imposter{background-color:var(--imposter-color)}.role-tag.role-civilian{background-color:var(--civilian-color)}.player-word{font-size:var(--font-size-body);color:var(--secondary-text);background-color:#0003;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-align:center}.role-display-v2{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm);height:100%;text-align:center}.role-display-v2 .role-card,.role-display-v2 .word-card{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);animation:fadeInScaleUp .5s ease-out both}.role-card-label{font-size:var(--font-size-small);color:var(--secondary-text);display:block}.role-card-value{font-size:40px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;margin:4px 0 0;line-height:1.1;text-shadow:0 4px 15px rgba(0,0,0,.5)}.role-card-value.civilian{color:var(--civilian-color)}.role-card-value.imposter{color:var(--imposter-color)}.role-card-value.blank{color:var(--blank-color)}.role-display-v2 .word-card{animation-delay:.1s}.word-card-label{font-size:var(--font-size-small);color:var(--secondary-text);display:block}.word-card-value{font-size:36px;font-weight:var(--font-weight-bold);color:var(--primary-color);margin:4px 0 0;line-height:1.2;background:linear-gradient(135deg,var(--primary-color) 0%,var(--link-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0 8px}.guidance-box{font-size:var(--font-size-small);color:var(--secondary-text);padding:var(--spacing-xs) var(--spacing-sm);background-color:#00000026;border-radius:var(--border-radius-sm);line-height:1.5;animation:fadeInScaleUp .5s ease-out .2s both}.role-display-v2 .confirm-button{width:100%;margin-top:auto;flex-shrink:0;animation:fadeInUp .5s ease-out .3s both}.role-display-v2 .teammates-info{margin:0;border:1px solid var(--imposter-color);animation:fadeInScaleUp .5s ease-out .15s both}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modal.role-modal{padding:0;height:auto;max-height:90vh;display:flex;flex-direction:column}.modal.role-modal .modal-content{flex-grow:1;display:flex;flex-direction:column}@media (min-width: 768px){.role-modal{max-width:380px}.role-card-value{font-size:48px}.word-card-value{font-size:42px}}