.mini-feedback-card{position:fixed;top:100px;right:32px;z-index:10000;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.mini-feedback-card.visible{opacity:1;transform:translate(0);pointer-events:auto}.mini-feedback-content{background:#fff;border:2px solid #DC143C;border-radius:12px;padding:12px 16px;box-shadow:0 8px 24px #dc143c33;display:flex;align-items:center;gap:12px;min-width:280px;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mini-feedback-icon{color:#dc143c;flex-shrink:0;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mini-feedback-text{flex:1;display:flex;flex-direction:column;gap:4px}.mini-feedback-title{font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2f1f54;margin:0}.mini-feedback-details{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mini-feedback-item{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;color:#666;display:flex;align-items:center;gap:4px}.mini-feedback-item.points{color:#8c4fff;font-weight:700}.mini-feedback-message{font-family:var(--font-secondary);font-size:.8125rem;font-weight:600;color:#2f1f54;line-height:1.4}.mini-feedback-type-icon{font-size:1.25rem;flex-shrink:0}.mini-feedback-card.error-feedback .mini-feedback-content{border-color:#ef4444;box-shadow:0 8px 24px #ef444433;background:#fef2f2}.mini-feedback-card.error-feedback .mini-feedback-message{color:#991b1b}.mini-feedback-card.warning-feedback .mini-feedback-content{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b33;background:#fffbeb}.mini-feedback-card.warning-feedback .mini-feedback-message{color:#92400e}.mini-feedback-card.info-feedback .mini-feedback-content{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633;background:#eff6ff}.mini-feedback-card.info-feedback .mini-feedback-message{color:#1e40af}@media (max-width: 479px){.mini-feedback-card{top:max(80px,calc(var(--safe-area-top, 0px) + 80px));right:16px;left:16px;max-width:calc(100vw - 32px)}.mini-feedback-content{min-width:auto;width:100%;padding:12px 14px}.mini-feedback-title{font-size:clamp(.75rem,3vw,.875rem)}.mini-feedback-item{font-size:clamp(.6875rem,2.5vw,.75rem)}}@media (min-width: 480px) and (max-width: 767px){.mini-feedback-card{top:80px;right:20px;left:auto;max-width:320px}}.pattern-recognition-container{background:#f5f3ff;border:1px solid #8C4FFF;border-radius:12px;padding:16px;margin-top:24px}.pattern-recognition-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#8c4fff}.pattern-list{display:flex;flex-direction:column;gap:8px}.pattern-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background:#fff;border-radius:8px;border:1px solid #E5E5E5;cursor:pointer;transition:all .2s ease}.pattern-item:hover{border-color:#8c4fff;background:#faf9ff;transform:translate(4px)}.pattern-icon{color:#8c4fff;flex-shrink:0;margin-top:2px}.pattern-content{flex:1;display:flex;flex-direction:column;gap:4px}.pattern-name{font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2f1f54}.pattern-description{font-family:var(--font-secondary);font-size:.75rem;color:#666;line-height:1.4}.pattern-mastery{margin-top:12px;padding:8px 12px;background:#8c4fff;color:#fff;border-radius:6px;font-family:var(--font-secondary);font-size:.75rem;font-weight:700;text-align:center}.validation-moment-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.validation-moment-card{background:#fff;border-radius:clamp(16px,4vw,24px);padding:clamp(24px,6vw,48px) clamp(20px,5vw,40px);max-width:min(500px,calc(100vw - 40px));width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55);border:3px solid #DC143C;margin:max(20px,var(--safe-area-top, 0px)) max(20px,var(--safe-area-right, 0px)) max(20px,var(--safe-area-bottom, 0px)) max(20px,var(--safe-area-left, 0px));max-height:90vh;max-height:90dvh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.validation-sparkles{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;color:#8c4fff;animation:sparkleFloat 2s ease-in-out infinite}.sparkle-1{top:20%;left:20%;animation-delay:0s}.sparkle-2{top:30%;right:20%;animation-delay:.5s}.sparkle-3{bottom:20%;left:50%;animation-delay:1s}@keyframes sparkleFloat{0%,to{opacity:.3;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-10px) rotate(180deg)}}.validation-icon{margin-bottom:16px;animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.validation-title{font-family:var(--font-primary);font-size:1.75rem;font-weight:700;color:#2f1f54;margin:0 0 16px;text-transform:none}.validation-message{font-family:var(--font-secondary);font-size:1rem;color:#666;line-height:1.6;margin:0 0 12px}.validation-affirmation{font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#8c4fff;font-style:italic;margin:0 0 24px}.validation-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#e8f5e9;border:2px solid #4CAF50;border-radius:20px;font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2e7d32;margin-bottom:24px}.validation-close-button{padding:12px 32px;background:#dc143c;color:#fff;border:none;border-radius:8px;font-family:var(--font-secondary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.validation-close-button:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc143c4d}@media (max-width: 479px){.validation-moment-overlay{padding:16px;align-items:flex-end}.validation-moment-card{padding:24px 16px;max-width:100%;width:100%;border-radius:20px 20px 0 0;margin:0;max-height:85vh;max-height:85dvh}.validation-title{font-size:clamp(1.25rem,5vw,1.5rem)}.validation-message{font-size:clamp(.875rem,3vw,1rem)}.validation-close-button{min-height:44px;width:100%;padding:12px 24px}}@media (min-width: 480px) and (max-width: 767px){.validation-moment-card{padding:32px 24px;max-width:90%}.validation-title{font-size:1.5rem}}.reading-progress-container{position:sticky;top:0;background:#fff;padding:16px 0;border-bottom:2px solid #E5E5E5;z-index:100;margin-bottom:24px}.reading-progress-bar{width:100%;height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden;margin-bottom:8px}.reading-progress-fill{height:100%;background:linear-gradient(90deg,#8c4fff,#ec4899);border-radius:3px;transition:width .3s ease}.reading-progress-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.progress-text,.errors-text,.time-text{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;color:#666}.progress-text{color:#8c4fff}.errors-text{color:#dc143c}.time-text{color:#666}@media (max-width: 768px){.reading-progress-info{flex-direction:column;align-items:flex-start}}.worthington-reaction-container{display:flex;flex-direction:column;align-items:center;gap:12px}.worthington-avatar-reaction{width:64px;height:64px;background:linear-gradient(135deg,#8c4fff,#ec4899);border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.worthington-avatar-icon{color:#fff}.worthington-avatar-emoji{font-size:2rem;line-height:1}.worthington-personality-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:12px;font-family:var(--font-secondary);font-size:.7rem;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 2px 8px #0003}.worthington-reaction-bubble{background:#fff;border:2px solid;border-radius:16px;padding:12px 16px;max-width:300px;position:relative;box-shadow:0 4px 12px #0000001a;animation:bubbleIn .3s ease-out}@keyframes bubbleIn{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.worthington-reaction-bubble:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid currentColor}.worthington-reaction-text{font-family:var(--font-secondary);font-size:.875rem;color:#666;margin:0;font-style:italic;line-height:1.4}.phase-transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.phase-transition-card{background:#fff;border-radius:clamp(16px,4vw,24px);padding:clamp(24px,5vw,40px);max-width:min(600px,calc(100vw - 40px));width:90%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55);border:2px solid #8C4FFF;margin:max(20px,var(--safe-area-top, 0px)) max(20px,var(--safe-area-right, 0px)) max(20px,var(--safe-area-bottom, 0px)) max(20px,var(--safe-area-left, 0px))}.transition-title{font-family:var(--font-primary);font-size:2rem;font-weight:700;color:#2f1f54;margin:0 0 32px;text-align:center;text-transform:none}.transition-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:12px;border:1px solid #E5E5E5}.stat-icon{color:#666;flex-shrink:0}.stat-icon.confidence{color:#dc143c}.stat-icon.gut-instinct{color:#8c4fff}.stat-icon.evidence{color:#f59e0b}.stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.stat-value{font-family:var(--font-secondary);font-size:1.125rem;font-weight:700;color:#2f1f54}.stat-label{font-family:var(--font-secondary);font-size:.75rem;color:#666}.transition-preview{background:#f5f3ff;border-radius:12px;padding:24px;margin-bottom:32px;text-align:center}.preview-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:#2f1f54;margin:0 0 16px;text-transform:none}.preview-text{font-family:var(--font-secondary);font-size:1rem;color:#666;line-height:1.6;margin:0 0 8px}.preview-question{font-family:var(--font-secondary);font-size:1.125rem;font-weight:700;color:#8c4fff;margin:16px 0 0}.transition-actions{display:flex;gap:12px;justify-content:center}.transition-button{padding:14px 32px;min-height:44px;border-radius:8px;font-family:var(--font-secondary);font-size:clamp(.875rem,2.5vw,1rem);font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.transition-button.primary{background:#8c4fff;color:#fff}.transition-button.primary:hover{background:#7a3ee6;transform:translateY(-2px);box-shadow:0 4px 12px #8c4fff4d}.transition-button.secondary{background:#fff;color:#2f1f54;border:2px solid #E5E5E5}.transition-button.secondary:hover{border-color:#8c4fff;color:#8c4fff}@media (max-width: 479px){.phase-transition-overlay{padding:16px;align-items:flex-end}.phase-transition-card{padding:20px 16px;max-width:100%;width:100%;border-radius:20px 20px 0 0;margin:0;max-height:85vh;max-height:85dvh}.transition-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:24px}.transition-stats{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.transition-actions{flex-direction:column;gap:12px}.transition-button{width:100%;min-height:44px;padding:12px 24px}}@media (min-width: 480px) and (max-width: 767px){.phase-transition-card{padding:24px}.transition-stats{grid-template-columns:1fr}.transition-actions{flex-direction:column;gap:12px}.transition-button{width:100%;min-height:44px}}.emotional-safety-container{position:fixed;bottom:24px;right:24px;z-index:9999}.safety-actions{display:flex;gap:8px;align-items:center}.safety-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #E5E5E5;border-radius:8px;font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#666;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.safety-button:hover{border-color:#8c4fff;color:#8c4fff;transform:translateY(-2px);box-shadow:0 4px 12px #8c4fff33}.safety-button.pause{border-color:#3b82f6;color:#3b82f6}.safety-button.skip{border-color:#f59e0b;color:#f59e0b}.safety-button.support{border-color:#ec4899;color:#ec4899}.support-menu-container{position:relative}.support-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#fff;border:2px solid #EC4899;border-radius:12px;padding:16px;min-width:320px;max-width:400px;box-shadow:0 8px 24px #00000026;z-index:10000;animation:slideUp .3s ease-out}.support-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #E5E5E5;font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2f1f54}.support-close{margin-left:auto;background:none;border:none;cursor:pointer;color:#666;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s ease}.support-close:hover{color:#dc143c;background:#dc143c1a}.support-resources{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.support-resource{padding:12px;background:#f9f9f9;border-radius:8px;border-left:3px solid #EC4899}.resource-name{font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2f1f54;margin-bottom:6px}.resource-link{font-family:var(--font-secondary);font-size:.875rem;color:#8c4fff;text-decoration:none;display:block;margin-top:4px}.resource-link:hover{text-decoration:underline}.resource-text{font-family:var(--font-secondary);font-size:.875rem;color:#666;margin-top:4px}.support-message{padding:12px;background:#fff7ed;border-radius:8px;border-left:3px solid #F59E0B;font-family:var(--font-secondary);font-size:.75rem;color:#666;line-height:1.5}.support-message p{margin:4px 0}@media (max-width: 479px){.emotional-safety-container{bottom:max(16px,var(--safe-area-bottom, 0px));right:16px;left:auto}.safety-actions{flex-direction:column;align-items:flex-end;gap:8px}.safety-button{min-height:44px;min-width:44px;padding:10px 14px;font-size:clamp(.75rem,3vw,.875rem)}.support-menu{right:0;left:auto;min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);bottom:calc(100% + 8px)}}@media (min-width: 480px) and (max-width: 767px){.emotional-safety-container{bottom:max(20px,var(--safe-area-bottom, 0px));right:20px}.support-menu{right:0;left:auto;min-width:320px;max-width:calc(100vw - 40px)}}@media (min-width: 768px){.emotional-safety-container{bottom:24px;right:24px}}.text-selector-container{position:relative;width:100%;min-height:200px}.instruction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:var(--radius-lg);animation:instructionFadeIn .2s ease;padding:16px}.instruction-card{background:#fff;border-radius:20px;padding:40px 32px 32px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #00000026;border:1px solid #E5E5E5;animation:instructionSlideUp .3s cubic-bezier(.16,1,.3,1)}.instruction-icon{width:72px;height:72px;border-radius:50%;background:#f5f5f5;border:2px solid #E5E5E5;color:#2f1f54;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.instruction-card h4{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:#2f1f54;margin:0 0 12px;text-transform:lowercase;letter-spacing:-.5px}.instruction-steps{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:28px;background:#f9f9f9;border:1px solid #E5E5E5;border-radius:16px;padding:20px}.instruction-step{display:flex;align-items:flex-start;gap:12px}.step-number{width:28px;height:28px;min-width:28px;border-radius:50%;background:#2f1f54;color:#fff;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text{font-family:Urbanist,sans-serif;font-size:.9375rem;color:#666;line-height:1.5;padding-top:4px}.instruction-dismiss{width:100%;padding:14px 24px;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;background:#2f1f54;color:#fff;border:1px solid #2F1F54;border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:52px;letter-spacing:.5px}.instruction-dismiss:hover{background:#8c4fff;border-color:#8c4fff}.instruction-dismiss:active{transform:scale(.98)}@keyframes instructionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes instructionSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hint-indicator{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-golden-clue-bg);border:var(--border-width-thin) solid var(--color-golden-clue);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);font-family:var(--font-secondary);font-size:var(--font-body-small-size);color:var(--color-warning-dark)}.hint-indicator svg{color:var(--color-golden-clue);flex-shrink:0}.text-selector-content{font-family:var(--font-secondary);font-size:var(--font-body-size);line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;padding:var(--spacing-5);background:var(--bg-primary);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-color);position:relative;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;touch-action:manipulation;-webkit-touch-callout:default}.selectable-text{position:relative;z-index:1}::selection{background:#dc143c33;color:inherit}::-moz-selection{background:#dc143c33;color:inherit}.labeled-segment{position:relative;background:#dc143c1a!important;border:2px solid #DC143C!important;border-radius:var(--radius-sm);padding:2px 6px 2px 4px;margin:0 2px;display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#dc143c!important;cursor:pointer;transition:all var(--transition-fast);z-index:2}.labeled-segment:hover{background:#dc143c26;box-shadow:0 2px 8px #dc143c40}.labeled-segment.recently-marked{animation:markPulse .5s ease}@keyframes markPulse{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px #dc143c66}to{transform:scale(1)}}.labeled-segment.shake{animation:shake .5s ease}.segment-text{display:inline}.labeled-segment.segment-pending{border:2px dotted #DC143C!important;border-style:dotted!important;border-color:#dc143c!important;background:#dc143c1a!important;color:#dc143c!important}.labeled-segment.segment-valid{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success-dark)}.labeled-segment.segment-invalid{border:2px dashed #DC143C!important;opacity:.7}.segment-state-icon{flex-shrink:0}.segment-state-icon.valid{color:var(--color-success)}.segment-state-icon.invalid{color:var(--color-error)}.segment-state-icon.spinning{animation:spin 1s linear infinite;color:var(--color-warning)}.remove-label-button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#dc143c!important;color:#fff!important;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:all var(--transition-fast);z-index:10;padding:0;box-shadow:0 2px 6px #0003}.remove-label-button svg{width:14px!important;height:14px!important;stroke-width:3px}.labeled-segment:hover .remove-label-button{opacity:1}.remove-label-button:hover{background:#b91c1c!important;transform:scale(1.1)}.label-button-container{position:absolute;transform:translate(-50%);z-index:1000;pointer-events:none}.youre-wrong-button{pointer-events:all;background:#fff!important;color:#dc143c!important;border:2px solid #DC143C!important;border-radius:8px;padding:8px 16px;font-family:var(--font-secondary);font-size:var(--font-body-small-size);font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all var(--transition-fast);white-space:nowrap;animation:buttonAppear .2s ease-out}.youre-wrong-button:hover{box-shadow:0 4px 12px #dc143c40}@keyframes buttonAppear{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.mobile-selection-overlay{position:absolute;background:#dc143c26;border:2px dashed #DC143C!important;border-radius:var(--radius-md);z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:all;animation:mobileSelectionPulse 1.5s ease-in-out infinite}.mobile-selection-overlay:active{background:#dc143c40;transform:scale(.98)}.mobile-selection-hint{display:flex;align-items:center;justify-content:center;background:#fff!important;color:#dc143c!important;border:2px solid #DC143C!important;padding:8px 16px;border-radius:8px;font-family:var(--font-secondary);font-size:var(--font-body-small-size);font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #0000001a;pointer-events:none}@keyframes mobileSelectionPulse{0%,to{box-shadow:0 0 #dc143c66}50%{box-shadow:0 0 0 8px #dc143c00}}.text-selector-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-color);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.status-left{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.status-icon{font-size:1.25rem}.status-text{font-family:var(--font-secondary);font-size:1rem;font-weight:600;color:#dc143c!important}.status-right{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-color)}.status-legend{display:flex;align-items:center;gap:var(--spacing-3)}.legend-item{display:flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-caption-size);color:var(--text-muted)}.legend-item svg{flex-shrink:0}.legend-valid svg{color:var(--color-success)}.legend-pending svg{color:var(--color-warning);animation:spin 1s linear infinite}@media (max-width: 768px){.text-selector-content{font-size:var(--font-body-small-size);padding:var(--spacing-4);line-height:1.7}.labeled-segment{padding:1px 4px 1px 2px;margin:0 1px;font-size:var(--font-body-small-size)}.remove-label-button{width:16px;height:16px;top:-4px;right:-4px}.label-button-container{display:none}.mobile-selection-hint{font-size:var(--font-caption-size);padding:var(--spacing-2) var(--spacing-3)}.instruction-card{padding:32px 24px 24px;margin:16px;border-radius:24px 24px 0 0}.instruction-icon{width:64px;height:64px;margin-bottom:20px}.instruction-icon svg{width:28px;height:28px}.instruction-steps{padding:16px;margin-bottom:24px}.instruction-dismiss{padding:14px 20px;min-height:50px}.text-selector-status{flex-direction:column;align-items:center;text-align:center}.status-legend{flex-wrap:wrap;gap:var(--spacing-2)}}@media (max-width: 400px){.mobile-tap-hint{display:none}}@media print{.instruction-overlay,.mobile-selection-overlay,.label-button-container,.remove-label-button{display:none!important}.labeled-segment{background:#fee2e2!important;border:1px solid #DC143C!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media (hover: none){.instruction-dismiss:hover{background:#2f1f54;border-color:#2f1f54}}@media (prefers-reduced-motion: reduce){.instruction-overlay,.instruction-card,.labeled-segment.recently-marked,.labeled-segment.shake,.mark-wrong-button,.mobile-selection-overlay,.segment-state-icon.spinning{animation:none}.instruction-dismiss:hover{transform:none}}.page-container{min-height:100vh;min-height:100dvh;background:#fff;width:100%;display:flex;flex-direction:column}.page-header{width:100%;padding:calc(16px + var(--safe-area-top, 0px)) 20px 16px;background:#ffffffeb;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:100;flex-shrink:0;transition:background .3s ease,border-color .3s ease}.page-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.page-header-left{display:flex;gap:8px;align-items:center;flex-shrink:0}.page-header-center{flex:1;text-align:center;min-width:0}.page-header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.back-button{font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2f1f54;background:none;border:none;cursor:pointer;padding:12px 16px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;border-radius:8px}.back-button:hover{color:#8c4fff;background:#8c4fff0d}.back-button:active{background:#8c4fff1a}.page-title{font-family:var(--font-primary);font-size:clamp(1.25rem,3vw,2rem);font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-content{max-width:1200px;margin:0 auto;padding:calc(var(--nav-height-mobile, 100px) + var(--nav-safe-area-top, 0px) + 24px) 20px calc(24px + var(--safe-area-bottom, 0px));width:100%;flex:1}.page-loading{text-align:center;padding:60px 20px;font-family:var(--font-secondary);font-size:1rem;color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.page-card{background:#fff;border:1px solid #E5E5E5;border-radius:16px;padding:24px;margin-bottom:16px;transition:all .2s ease}.page-card:hover{border-color:#8c4fff;box-shadow:0 4px 12px #8c4fff1a;transform:translateY(-2px)}@media (hover: none){.page-card:hover{transform:none}}.page-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.page-button{font-family:var(--font-secondary);font-size:1rem;font-weight:700;padding:14px 24px;min-height:48px;border:1px solid #2F1F54;background:#fff;color:#2f1f54;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.page-button:hover{background:#2f1f54;color:#fff}.page-button:active{transform:scale(.98)}.page-button-primary{background:#2f1f54;color:#fff}.page-button-primary:hover{background:#8c4fff;border-color:#8c4fff}.page-button-secondary{background:#fff;color:#666;border-color:#e5e5e5}.page-button-secondary:hover{border-color:#999;color:#333}.nav-link{font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2f1f54;background:none;border:none;cursor:pointer;padding:12px 16px;min-height:44px;min-width:44px;transition:color .2s ease;text-transform:none;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none}.nav-link:hover{color:#8c4fff;background:#8c4fff0d}.section-title{font-family:var(--font-primary);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:#2f1f54;margin:0 0 20px;text-transform:lowercase;letter-spacing:-.5px}.section-subtitle{font-family:var(--font-secondary);font-size:1rem;color:#666;margin:0 0 24px}.empty-state{text-align:center;padding:60px 20px}.empty-state-title{font-family:var(--font-primary);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:#2f1f54;margin:0 0 12px;text-transform:lowercase}.empty-state-description{font-family:var(--font-secondary);font-size:1rem;color:#666;margin:0 0 24px}@media (min-width: 480px){.page-header{padding:calc(20px + var(--safe-area-top, 0px)) 24px 20px}.page-content{padding:calc(var(--nav-height-tablet, 110px) + var(--nav-safe-area-top, 0px) + 24px) 24px calc(32px + var(--safe-area-bottom, 0px))}.page-card{padding:28px;margin-bottom:20px}.page-grid{gap:20px}}@media (min-width: 768px){.page-header{padding:24px 32px}.page-header-content,.page-header-left,.page-header-right{gap:16px}.page-content{padding:calc(var(--nav-height-desktop, 120px) + var(--nav-safe-area-top, 0px) + 24px) 32px 40px}.page-card{padding:32px;margin-bottom:24px}.page-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.page-title{font-size:1.75rem}.page-loading{padding:80px 20px;font-size:1.125rem}.empty-state{padding:80px 20px}.back-button{font-size:1rem}}@media (min-width: 1024px){.page-header{padding:24px 48px}.page-content{padding:calc(var(--nav-height-desktop, 120px) + var(--nav-safe-area-top, 0px) + 24px) 48px 48px}.page-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width: 1440px){.page-content{padding:calc(var(--nav-height-large, 130px) + var(--nav-safe-area-top, 0px) + 24px) 48px 48px}.page-grid{grid-template-columns:repeat(4,1fr);gap:32px}}@media (max-height: 500px) and (orientation: landscape){.page-header{padding:12px 20px}.page-content{padding:calc(68px + var(--nav-safe-area-top, 0px) + 16px) 20px 20px}.page-card{padding:16px}.page-loading{padding:40px 20px;min-height:100px}.empty-state{padding:40px 20px}}@media print{.page-header{position:static;border-bottom:2px solid #000}.page-card{break-inside:avoid;border:1px solid #000}.page-button,.nav-link,.back-button{display:none}}.screen-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.error-segment-container.newly-revealed{animation:slideInErrorContainer .5s ease-out}.error-segment.slide-in{animation:slideInError .5s ease-out}@keyframes slideInErrorContainer{0%{opacity:0;transform:translateY(-20px);max-height:0;margin:0;overflow:hidden}to{opacity:1;transform:translateY(0);max-height:500px;margin:16px 0}}@keyframes slideInError{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.analysis-text-container{scroll-behavior:smooth}.error-segment{position:relative}.error-segment.flagged{animation:errorHighlight .5s ease-out}@keyframes errorHighlight{0%{transform:scale(1);box-shadow:0 0 #dc143c66}50%{transform:scale(1.02);box-shadow:0 0 0 8px #dc143c00}to{transform:scale(1);box-shadow:0 0 #dc143c00}}.error-segment.selected{animation:selectPulse .3s ease-out}@keyframes selectPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.youre-wrong-button{position:relative;overflow:hidden}.youre-wrong-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#dc143c33;transform:translate(-50%,-50%);transition:width .3s,height .3s}.youre-wrong-button:active:before{width:200px;height:200px}.analysis-text-container::-webkit-scrollbar{width:8px}.analysis-text-container::-webkit-scrollbar-track{background:#f9f9f9;border-radius:4px}.analysis-text-container::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:4px}.analysis-text-container::-webkit-scrollbar-thumb:hover{background:#8c4fff}.game-interface-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.game-interface-header{background:#ffffffeb;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);padding:calc(12px + var(--safe-area-top, 0px)) 16px 12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);transition:background .3s ease,border-color .3s ease}.game-interface-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.game-interface-title{font-family:var(--font-primary);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-interface-domain-badge{background:var(--color-royal-purple);color:var(--color-pure-white);padding:4px 10px;border-radius:var(--radius-lg);font-family:var(--font-secondary);font-size:.6875rem;font-weight:700;text-transform:none;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.game-interface-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.game-interface-timer{display:flex;align-items:center;gap:6px;font-family:var(--font-secondary);font-size:.8125rem;font-weight:700;color:var(--text-primary)}.game-interface-timer svg{width:16px;height:16px;color:var(--color-mystery-magenta);flex-shrink:0}.game-interface-timer-text{font-family:var(--font-secondary);font-weight:700;color:var(--color-mystery-magenta)}.game-interface-timer.low-time{color:var(--color-mystery-magenta)}.game-interface-dq{display:flex;align-items:center;gap:6px;font-family:var(--font-secondary);font-size:.8125rem;font-weight:700;color:var(--text-primary)}.game-interface-dq svg{width:16px;height:16px;color:var(--color-royal-purple);flex-shrink:0}.game-interface-content{display:flex;flex-direction:column;flex:1;min-height:0}.game-interface-main{flex:1;padding:20px 16px calc(20px + var(--safe-area-bottom, 0px));max-width:1200px;margin:0 auto;width:100%}.game-interface-sidebar{width:100%;background:var(--bg-secondary);border-top:1px solid var(--color-light-gray);padding:20px 16px calc(20px + var(--safe-area-bottom, 0px));overflow-y:auto}.game-interface-section{background:var(--bg-primary);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);padding:20px 16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.game-interface-section-title{font-family:var(--font-primary);font-size:clamp(1rem,2vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px}.game-interface-evidence-grid{display:grid;grid-template-columns:1fr;gap:12px}.game-interface-evidence-item{background:var(--bg-secondary);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:14px;font-family:var(--font-secondary);font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.game-interface-characters-grid{display:grid;grid-template-columns:1fr;gap:12px}.game-interface-character-item{background:var(--bg-secondary);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:16px}.game-interface-character-name{font-family:var(--font-primary);font-size:clamp(.9375rem,2vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.5px}.game-interface-character-role{font-family:var(--font-secondary);font-size:.875rem;color:var(--text-secondary);margin-bottom:10px;font-weight:700}.game-interface-character-statement{font-family:var(--font-secondary);font-size:.8125rem;color:var(--text-tertiary);line-height:1.6;margin-top:10px}.game-interface-corrections{margin-bottom:20px}.game-interface-corrections-title{font-family:var(--font-primary);font-size:clamp(1rem,2vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:14px;letter-spacing:-.5px}.game-interface-corrections-list{display:flex;flex-direction:column;gap:10px}.game-interface-correction-item{background:var(--bg-primary);border:1px solid var(--color-light-gray);border-left:4px solid var(--color-global-teal);border-radius:var(--radius-md);padding:14px}.game-interface-correction-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.game-interface-correction-icon{width:18px;height:18px;color:var(--color-global-teal);flex-shrink:0;margin-top:2px}.game-interface-correction-reason{font-family:var(--font-secondary);font-size:.9375rem;font-weight:700;color:var(--text-primary);flex:1;line-height:1.4}.game-interface-correction-evidence{font-family:var(--font-secondary);font-size:.8125rem;color:var(--text-muted);margin-top:6px;font-style:italic;padding-left:28px}.game-interface-empty-corrections{font-family:var(--font-secondary);font-size:.875rem;color:var(--text-muted);text-align:center;padding:20px}.game-interface-submit-button{width:100%;margin-top:20px;min-height:48px}@media (min-width: 480px){.game-interface-header{padding:calc(16px + var(--safe-area-top, 0px)) 20px 16px;gap:16px}.game-interface-header-left{gap:16px}.game-interface-domain-badge{padding:5px 14px;font-size:.75rem}.game-interface-header-right{gap:16px}.game-interface-timer,.game-interface-dq{font-size:.875rem;gap:8px}.game-interface-timer svg,.game-interface-dq svg{width:18px;height:18px}.game-interface-main{padding:28px 20px calc(28px + var(--safe-area-bottom, 0px))}.game-interface-sidebar{padding:24px 20px}.game-interface-section{padding:24px 20px;margin-bottom:24px}.game-interface-section-title{margin-bottom:20px}.game-interface-evidence-grid,.game-interface-characters-grid{gap:14px}.game-interface-evidence-item{padding:16px}.game-interface-character-item{padding:18px}.game-interface-correction-item{padding:16px}.game-interface-corrections-list{gap:12px}}@media (min-width: 768px){.game-interface-header{padding:calc(16px + var(--safe-area-top, 0px)) 32px 16px;flex-wrap:nowrap}.game-interface-domain-badge{padding:6px 16px;font-size:.8125rem}.game-interface-timer,.game-interface-dq{font-size:var(--font-body-size)}.game-interface-timer svg,.game-interface-dq svg{width:20px;height:20px}.game-interface-header-right{gap:24px}.game-interface-main{padding:36px 32px}.game-interface-sidebar{padding:28px 32px}.game-interface-section{padding:28px 24px}.game-interface-evidence-grid,.game-interface-characters-grid{grid-template-columns:repeat(2,1fr);gap:16px}.game-interface-character-item{padding:20px}.game-interface-character-statement{font-size:.875rem}.game-interface-correction-icon{width:20px;height:20px}.game-interface-correction-evidence{font-size:.875rem;padding-left:30px}}@media (min-width: 1024px){.game-interface-header{padding:16px 40px}.game-interface-content{flex-direction:row}.game-interface-sidebar{width:320px;flex-shrink:0;position:sticky;top:80px;height:calc(100vh - 80px);max-height:calc(100vh - 80px);border-top:none;border-left:1px solid var(--color-light-gray);overflow-y:auto;padding-bottom:40px}.game-interface-main{flex:1;padding:40px;order:-1}.game-interface-section{padding:24px}.game-interface-evidence-grid,.game-interface-characters-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width: 1440px){.game-interface-sidebar{width:360px}.game-interface-main{padding:48px}}@media (max-height: 500px) and (orientation: landscape){.game-interface-header{padding:8px 16px;min-height:auto}.game-interface-header-left{gap:10px}.game-interface-title{font-size:.9375rem}.game-interface-domain-badge{padding:3px 8px;font-size:.625rem}.game-interface-timer,.game-interface-dq{font-size:.75rem;gap:4px}.game-interface-timer svg,.game-interface-dq svg{width:14px;height:14px}.game-interface-content{flex-direction:row}.game-interface-main{flex:1;padding:16px;order:-1}.game-interface-sidebar{width:280px;padding:16px;border-left:1px solid var(--color-light-gray);border-top:none;overflow-y:auto;max-height:calc(100vh - 50px)}.game-interface-section{padding:14px;margin-bottom:14px}.game-interface-section-title{font-size:.9375rem;margin-bottom:12px}.game-interface-evidence-item,.game-interface-character-item,.game-interface-correction-item{padding:10px}}@media print{.game-interface-header{position:static;border-bottom:2px solid #000}.game-interface-sidebar{position:static;height:auto;max-height:none;width:100%;border-left:none;border-top:2px solid #000}.game-interface-section{break-inside:avoid;border:1px solid #000}.game-interface-submit-button{display:none}}.guest-limit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:glmFadeIn .2s ease;padding:20px}.guest-limit-modal{background:#fff;border-radius:20px;padding:0;max-width:420px;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 60px #00000026;border:1px solid #E5E5E5;position:relative;animation:glmSlideUp .3s cubic-bezier(.16,1,.3,1)}.guest-limit-modal-close{position:absolute;top:16px;right:16px;background:#f5f5f5;border:1px solid #E5E5E5;color:#666;cursor:pointer;padding:0;width:40px;height:40px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.guest-limit-modal-close:hover{background:#eee;color:#2f1f54;border-color:#2f1f54}.guest-limit-modal-close:active{transform:scale(.95)}.guest-limit-modal-content{padding:40px 32px 32px;text-align:center}.guest-limit-modal-icon{width:72px;height:72px;border-radius:50%;background:#f5f5f5;border:2px solid #E5E5E5;color:#2f1f54;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.guest-limit-modal-title{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:#2f1f54;margin:0 0 12px;text-transform:lowercase;letter-spacing:-.5px}.guest-limit-modal-message{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:1rem;color:#666;line-height:1.6;margin:0 0 24px;font-weight:500}.guest-limit-modal-message strong{color:#2f1f54;font-weight:700}.guest-limit-countdown{background:#f9f9f9;border:1px solid #E5E5E5;border-radius:16px;padding:20px 24px;margin:0 0 28px}.countdown-label{font-family:Urbanist,sans-serif;font-size:.75rem;color:#999;margin-bottom:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:8px}.countdown-block{display:flex;flex-direction:column;align-items:center;min-width:56px}.countdown-value{font-family:Urbanist,sans-serif;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;color:#2f1f54;line-height:1;background:#fff;border:1px solid #E5E5E5;padding:12px 16px;border-radius:12px;min-width:60px;text-align:center}.countdown-unit{font-family:Urbanist,sans-serif;font-size:.6875rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:6px}.countdown-separator{font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:700;color:#ccc;padding:0 2px;margin-bottom:20px}.guest-limit-actions{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}.guest-limit-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:none;cursor:pointer;transition:all .2s ease;border:none;min-height:52px}.guest-limit-button:active{transform:scale(.98)}.guest-limit-button-primary{background:#2f1f54;color:#fff;border:1px solid #2F1F54}.guest-limit-button-primary:hover{background:#8c4fff;border-color:#8c4fff}.guest-limit-button-secondary{background:#fff;color:#2f1f54;border:1px solid #E5E5E5}.guest-limit-button-secondary:hover{border-color:#2f1f54;background:#f9f9f9}.guest-limit-footer{font-family:Urbanist,sans-serif;font-size:.875rem;color:#999;margin:0}.guest-limit-link{background:none;border:none;color:#8c4fff;font-weight:700;cursor:pointer;text-decoration:none;padding:0;font-family:inherit;font-size:inherit;transition:color .2s ease}.guest-limit-link:hover{color:#2f1f54;text-decoration:underline}@keyframes glmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes glmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 479px){.guest-limit-modal-overlay{padding:0;align-items:flex-end}.guest-limit-modal{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:24px 24px 0 0;animation:glmSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}.guest-limit-modal-content{padding:32px 24px calc(24px + env(safe-area-inset-bottom,0px))}.guest-limit-modal-icon{width:64px;height:64px;margin-bottom:20px}.guest-limit-modal-icon svg{width:28px;height:28px}.countdown-value{min-width:52px;padding:10px 12px;font-size:1.5rem}.countdown-block{min-width:48px}.guest-limit-button{padding:14px 20px;min-height:50px}}@keyframes glmSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width: 480px) and (max-width: 767px){.guest-limit-modal{max-width:400px}.guest-limit-modal-content{padding:36px 28px 28px}}@media (min-width: 768px){.guest-limit-modal{max-width:440px}.guest-limit-modal-content{padding:44px 36px 36px}.guest-limit-modal-icon{width:80px;height:80px;margin-bottom:28px}.guest-limit-modal-icon svg{width:36px;height:36px}.guest-limit-actions{flex-direction:row;gap:12px}.guest-limit-button{flex:1}}@media (max-height: 500px) and (orientation: landscape){.guest-limit-modal-overlay{padding:16px;align-items:center}.guest-limit-modal{max-height:95vh;max-width:500px}.guest-limit-modal-content{padding:24px 28px}.guest-limit-modal-icon{width:56px;height:56px;margin-bottom:16px}.guest-limit-modal-icon svg{width:24px;height:24px}.guest-limit-countdown{padding:16px 20px;margin-bottom:20px}.countdown-value{font-size:1.25rem;padding:8px 12px;min-width:48px}.guest-limit-actions{flex-direction:row;gap:12px}.guest-limit-button{min-height:46px;padding:12px 16px;font-size:.9375rem}}@media (hover: none){.guest-limit-button-primary:hover{background:#2f1f54;border-color:#2f1f54}.guest-limit-button-secondary:hover{background:#fff;border-color:#e5e5e5}.guest-limit-modal-close:hover{background:#f5f5f5;color:#666;border-color:#e5e5e5}}@media (prefers-reduced-motion: reduce){.guest-limit-modal-overlay,.guest-limit-modal,.guest-limit-button,.guest-limit-modal-close{animation:none;transition:none}}@media print{.guest-limit-modal-overlay{display:none!important}}body.landing-page-active{display:block!important;justify-content:unset!important;align-items:unset!important;background:#fff!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important}@media (min-width: 1024px){body.landing-page-active{display:block!important;justify-content:unset!important;align-items:unset!important;background:#fff!important;min-height:100vh!important}}.landing-page-new{width:100%;min-height:100vh;min-height:100dvh;background:#fff;display:flex;flex-direction:column;margin:0;padding:0;overflow-x:hidden;position:relative}.header-content-new{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.logo-container-new{cursor:pointer;display:flex;align-items:center;flex-shrink:0}.logo-image-new{height:40px;width:auto;border-radius:8px;padding:4px}.header-nav{display:flex;gap:8px;align-items:center}.nav-link-new{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;color:var(--color-detective-purple);background:none;border:none;cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:.5px;transition:color .2s ease;padding:12px 8px;min-height:44px;display:inline-flex;align-items:center}.nav-link-new:hover{color:var(--color-electric-violet)}.header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.header-button-new{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;padding:10px 16px;min-height:44px;border:none;background:#fff;color:var(--color-detective-purple);cursor:pointer;text-transform:none;letter-spacing:.5px;transition:all .2s ease;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.header-button-new:hover{background:var(--color-detective-purple);color:#fff;border:none}.header-button-login,.header-button-signup{border-color:var(--color-detective-purple)}.hero-content-new{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;min-height:calc(70vh - 80px);min-height:calc(70dvh - 80px);width:100%;background:#fff;flex-shrink:0}.mystery-card-hero{width:100%;max-width:1200px;border-radius:24px;padding:32px 20px;display:flex;flex-direction:column;gap:24px;box-shadow:0 8px 32px #2f1f5426;position:relative;overflow:hidden}.category-names-background-hero{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.category-name-bg-hero{position:absolute;font-family:var(--font-primary);font-size:clamp(2rem,6vw,8rem);font-weight:700;opacity:.08;white-space:nowrap;-webkit-user-select:none;user-select:none}@media (max-width: 767px){.category-name-bg-hero{opacity:.04}.mystery-card-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014,#0000001f);pointer-events:none}}.category-name-bg-hero:nth-child(1){top:5%;left:-5%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(2){top:20%;right:-8%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(3){top:35%;left:-10%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(4){top:50%;right:-5%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(5){top:65%;left:-8%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(6){top:80%;right:-10%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(7){top:10%;left:30%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(8){top:25%;right:25%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(9){top:40%;left:35%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(10){top:55%;right:30%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(11){top:70%;left:40%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(12){top:85%;right:35%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(13){top:15%;left:60%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(14){top:30%;right:55%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(15){top:45%;left:65%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(16){top:60%;right:60%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(17){top:75%;left:70%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg-hero:nth-child(18){top:90%;right:65%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.mystery-card-header{text-align:center;margin-bottom:8px;display:flex;justify-content:center;align-items:center;width:100%}.mystery-title-hero{font-family:var(--font-primary);font-size:clamp(1.75rem,5vw,4rem);font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0;text-transform:lowercase;text-align:center;width:100%}.mystery-card-body{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.mystery-name-hero{font-family:var(--font-primary);font-size:clamp(1.25rem,3vw,2.5rem);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.mystery-description-hero{font-family:var(--font-secondary);font-size:clamp(.9375rem,1.5vw,1.25rem);line-height:1.7;max-width:800px;margin:0;color:#1a102a}.worthington-quote-hero{background:#fff3;border-left:4px solid currentColor;border-radius:12px;padding:16px 20px;max-width:700px;margin:12px 0;text-align:left}.worthington-label{font-family:var(--font-secondary);font-size:.6875rem;font-weight:700;text-transform:none;letter-spacing:1px;margin-bottom:8px;opacity:.9}.worthington-text{font-family:var(--font-secondary);font-size:clamp(.875rem,1vw,1.125rem);font-style:italic;line-height:1.6}.mystery-meta-hero{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.mystery-domain-badge,.mystery-difficulty-badge{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;text-transform:none;letter-spacing:1px;padding:6px 12px;border-radius:16px;background:#fff3}.play-now-button{font-family:var(--font-secondary);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;text-transform:none;letter-spacing:1px;padding:14px 36px;min-height:52px;border:none;border-radius:28px;cursor:pointer;transition:all .2s ease;margin-top:12px;display:inline-flex;align-items:center;justify-content:center}.play-now-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.play-now-button:active{transform:translateY(0)}.mystery-loading,.mystery-error{text-align:center;padding:32px;font-family:var(--font-secondary);font-size:1rem}.scroll-indicator{display:flex;justify-content:center;align-items:center;padding:24px;animation:bounce 2s infinite;background:#fff;width:100%;flex-shrink:0}.chevron-icon{color:var(--color-detective-purple);stroke-width:2}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.how-it-works-section{position:relative;width:100%;padding:60px 16px;background:var(--bg-primary);overflow:hidden;min-height:500px}.category-names-background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.category-name-bg{position:absolute;font-family:var(--font-primary);font-size:clamp(2rem,6vw,8rem);font-weight:700;color:var(--color-detective-purple);opacity:.08;white-space:nowrap;-webkit-user-select:none;user-select:none}.category-name-bg:nth-child(1){top:5%;left:-5%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(2){top:20%;right:-8%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(3){top:35%;left:-10%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(4){top:50%;right:-5%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(5){top:65%;left:-8%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(6){top:80%;right:-10%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(7){top:10%;left:30%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(8){top:25%;right:25%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(9){top:40%;left:35%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(10){top:55%;right:30%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(11){top:70%;left:40%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(12){top:85%;right:35%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(13){top:15%;left:60%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(14){top:30%;right:55%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(15){top:45%;left:65%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(16){top:60%;right:60%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(17){top:75%;left:70%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(18){top:90%;right:65%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes fadeInOut1{0%,16.66%{opacity:0;transform:rotate(-15deg) translate(-5%,85%)}8.33%{opacity:.15;transform:rotate(-15deg) translate(-5%,85%)}16.67%,to{opacity:0}}@keyframes fadeInOut2{16.67%,33.33%{opacity:0;transform:rotate(30deg) translate(85%,15%)}25%{opacity:.15;transform:rotate(30deg) translate(85%,15%)}33.34%,to{opacity:0}}@keyframes fadeInOut3{33.34%,50%{opacity:0;transform:rotate(-45deg) translate(10%,70%)}41.67%{opacity:.15;transform:rotate(-45deg) translate(10%,70%)}50.01%,to{opacity:0}}@keyframes fadeInOut4{50.01%,66.66%{opacity:0;transform:rotate(60deg) translate(70%,30%)}58.33%{opacity:.15;transform:rotate(60deg) translate(70%,30%)}66.67%,to{opacity:0}}@keyframes fadeInOut5{66.67%,83.33%{opacity:0;transform:rotate(-90deg) translate(50%,50%)}75%{opacity:.15;transform:rotate(-90deg) translate(50%,50%)}83.34%,to{opacity:0}}@keyframes fadeInOut6{83.34%,to{opacity:0;transform:rotate(105deg) translate(20%,80%)}91.67%{opacity:.15;transform:rotate(105deg) translate(20%,80%)}}.how-it-works-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.how-it-works-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,4rem);font-weight:700;text-align:center;color:var(--text-primary);margin-bottom:48px;letter-spacing:-2px;text-transform:lowercase}.how-it-works-steps{display:grid;grid-template-columns:1fr;gap:32px;max-width:1000px;margin:0 auto}.how-it-works-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative}.step-number{width:64px;height:64px;border-radius:50%;background:var(--color-electric-violet);color:var(--color-pure-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:2rem;font-weight:700;border:4px solid var(--color-electric-violet);box-shadow:var(--shadow-violet);flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:8px}.step-title{font-family:var(--font-primary);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px}.step-description{font-family:var(--font-secondary);font-size:clamp(.875rem,1vw,1rem);line-height:1.6;color:var(--text-secondary);margin:0}.landing-footer{width:100%;padding:32px 16px calc(32px + var(--safe-area-bottom, 0px));background:var(--bg-primary);border-top:1px solid var(--color-light-gray)}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-text{font-family:var(--font-secondary);font-size:.8125rem;color:var(--text-secondary);margin:0;text-align:center}.footer-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.footer-link{font-family:var(--font-secondary);font-size:.8125rem;color:var(--color-electric-violet);background:none;border:none;cursor:pointer;text-decoration:none;transition:color .2s ease;padding:8px;min-height:44px;display:inline-flex;align-items:center}.footer-link:hover{color:var(--color-electric-violet-hover);text-decoration:underline}@media (min-width: 480px){.header-nav{gap:12px}.nav-link-new{font-size:.8125rem;padding:12px}.header-button-new{font-size:.8125rem;padding:10px 20px}.hero-content-new{padding:48px 20px}.mystery-card-hero{padding:40px 28px;border-radius:28px;gap:28px}.how-it-works-section{padding:80px 20px}.how-it-works-steps{gap:36px}.footer-content{gap:20px}.footer-links{gap:24px}}@media (min-width: 768px){.header-content-new{flex-wrap:nowrap}.header-left{gap:32px}.logo-image-new{height:44px}.header-nav{gap:24px}.nav-link-new{font-size:.9375rem;letter-spacing:1px}.header-right{gap:12px}.header-button-new{font-size:.9375rem;padding:12px 24px}.hero-content-new{padding:60px 32px;min-height:calc(80vh - 100px)}.mystery-card-hero{padding:56px 40px;border-radius:36px;gap:28px}.mystery-card-body{gap:24px}.worthington-quote-hero{padding:20px 28px}.mystery-meta-hero{gap:16px}.mystery-domain-badge,.mystery-difficulty-badge{font-size:.8125rem;padding:8px 16px;border-radius:20px}.play-now-button{padding:16px 44px;min-height:56px}.how-it-works-section{padding:100px 32px;min-height:600px}.how-it-works-title{margin-bottom:64px}.how-it-works-steps{grid-template-columns:repeat(2,1fr);gap:40px}.step-number{width:72px;height:72px;font-size:2.25rem}.step-content{gap:10px}.landing-footer{padding:40px 32px}.footer-content{flex-direction:row;justify-content:space-between}.footer-text{font-size:.875rem;text-align:left}.footer-links{gap:32px}.footer-link{font-size:.875rem}}@media (min-width: 1024px){.header-left{gap:48px}.logo-image-new{height:48px}.header-nav{gap:32px}.nav-link-new{font-size:1rem}.header-button-new{font-size:1rem;padding:12px 24px}.hero-content-new{padding:80px 48px;min-height:calc(100vh - 200px)}.mystery-card-hero{padding:72px 56px;border-radius:44px;gap:32px}.how-it-works-section{padding:120px 48px}.how-it-works-title{margin-bottom:80px}.how-it-works-steps{grid-template-columns:repeat(4,1fr);gap:48px}.step-number{width:80px;height:80px;font-size:2.5rem}.landing-footer{padding:48px}}@media (min-width: 1440px){.mystery-card-hero{padding:80px 64px;border-radius:48px}}@media (max-height: 500px) and (orientation: landscape){.logo-image-new{height:32px}.hero-content-new{padding:20px;min-height:auto}.mystery-card-hero{padding:24px;gap:16px}.mystery-card-body{gap:12px}.scroll-indicator{display:none}.how-it-works-section{padding:40px 20px;min-height:auto}.how-it-works-title{margin-bottom:32px}.how-it-works-steps{grid-template-columns:repeat(2,1fr);gap:20px}.step-number{width:48px;height:48px;font-size:1.5rem}.landing-footer{padding:24px 20px}}@media print{.scroll-indicator,.header-button-new,.play-now-button,.category-names-background,.category-names-background-hero{display:none!important}.mystery-card-hero{box-shadow:none;border:2px solid #000}.how-it-works-step{break-inside:avoid}}@media (prefers-reduced-motion: reduce){.category-name-bg,.category-name-bg-hero{animation:none!important;opacity:.05}.scroll-indicator{animation:none!important}.play-now-button:hover,.header-button-new:hover{transform:none}}.tutorial-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop, 2000);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s ease}.tutorial-modal-overlay.visible{opacity:1}.tutorial-modal-content{background:var(--bg-primary, #FFFFFF);border-radius:var(--radius-xl, 16px);padding:clamp(20px,5vw,32px) clamp(16px,4vw,20px);max-width:min(600px,calc(100vw - 40px));width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-3xl, 0 20px 60px rgba(0, 0, 0, .4));border:2px solid var(--color-light-gray, #E5E5E5);animation:scaleIn .3s cubic-bezier(0,0,.2,1);transform:scale(.9);opacity:0;transition:transform .3s cubic-bezier(0,0,.2,1),opacity .3s ease;margin:max(20px,var(--safe-area-top, 0px)) max(20px,var(--safe-area-right, 0px)) max(20px,var(--safe-area-bottom, 0px)) max(20px,var(--safe-area-left, 0px))}.tutorial-modal-overlay.visible .tutorial-modal-content{transform:scale(1);opacity:1}.tutorial-modal-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-light-gray, #E5E5E5)}.tutorial-modal-title{font-family:var(--font-primary, "Poiret One", sans-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text-primary, #2F1F54);margin:0;text-align:center}.tutorial-modal-body{margin-bottom:24px}.tutorial-modal-message{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:clamp(1rem,3vw,1.125rem);color:var(--text-secondary, #666);line-height:1.7;margin:0;text-align:center}.tutorial-modal-actions{display:flex;gap:12px;flex-direction:column}.tutorial-modal-actions .page-button{width:100%}@media (min-width: 480px){.tutorial-modal-content{padding:clamp(24px,5vw,32px)}}@media (min-width: 640px){.tutorial-modal-actions{flex-direction:row}.tutorial-modal-actions .page-button{flex:1}}@media (max-width: 479px){.tutorial-modal-overlay{padding:16px;align-items:flex-end}.tutorial-modal-content{max-width:100%;border-radius:20px 20px 0 0;padding:24px 16px;margin:0;max-height:85vh;max-height:85dvh}}.mystery-countdown-header{margin-bottom:clamp(20px,4vw,32px);padding:0 max(16px,var(--safe-area-left, 0px)) 0 max(16px,var(--safe-area-right, 0px))}.mystery-countdown-content{background:#fff;border:1px solid #E5E5E5;border-radius:20px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000000f}.mystery-countdown-title-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.mystery-countdown-icon{color:#8c4fff;flex-shrink:0}.mystery-countdown-title{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase;letter-spacing:-.5px}.mystery-countdown-timer-row{display:flex;flex-direction:column;align-items:center;gap:12px}.mystery-countdown-label{font-family:Urbanist,sans-serif;font-size:.875rem;color:#666;font-weight:500}.mystery-countdown-timer{display:flex;align-items:center;justify-content:center;gap:8px}.mystery-countdown-block{display:flex;flex-direction:column;align-items:center;min-width:48px}.mystery-countdown-value{font-family:Urbanist,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#2f1f54;line-height:1;background:#f9f9f9;border:1px solid #E5E5E5;padding:10px 14px;border-radius:12px;min-width:52px;text-align:center}.mystery-countdown-unit{font-family:Urbanist,sans-serif;font-size:.625rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:4px}.mystery-countdown-separator{font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:700;color:#ccc;padding:0 2px;margin-bottom:18px}.mystery-category-filter{margin-bottom:clamp(12px,3vw,24px);padding:0 max(16px,var(--safe-area-left, 0px)) 0 max(16px,var(--safe-area-right, 0px))}.category-pills{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.category-pill{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;padding:10px 16px;min-height:44px;border:1px solid #E5E5E5;background:#fff;color:#2f1f54;border-radius:20px;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.category-pill:hover{border-color:#8c4fff;color:#8c4fff}.category-pill:active{transform:scale(.98)}.category-pill.active{background:#2f1f54;color:#fff;border-color:#2f1f54}.mystery-filter-section{margin-bottom:clamp(16px,4vw,24px);padding:0 max(16px,var(--safe-area-left, 0px)) 0 max(16px,var(--safe-area-right, 0px))}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.filter-pill{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;padding:10px 16px;min-height:44px;border:1px solid #E5E5E5;background:#fff;color:#2f1f54;border-radius:20px;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.filter-pill:hover{border-color:#8c4fff;color:#8c4fff}.filter-pill:active{transform:scale(.98)}.filter-pill.active{background:#8c4fff;color:#fff;border-color:#8c4fff}.mystery-card{cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.mystery-card:active{transform:scale(.99)}@media (hover: none){.mystery-card:hover{transform:none}.mystery-card:active{transform:scale(.99)}}.mystery-card-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}.mystery-type-badge{font-family:var(--font-secondary);font-size:.6875rem;font-weight:700;padding:5px 10px;background:#2f1f54;color:#fff;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.mystery-difficulty-badge{font-family:var(--font-secondary);font-size:.6875rem;font-weight:700;padding:5px 10px;background:#e5e5e5;color:#666;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.mystery-culture-flag{font-size:1.25rem;line-height:1;cursor:default;transition:transform .15s ease}.mystery-culture-flag:hover{transform:scale(1.15)}.mystery-status-badge{font-family:var(--font-secondary);font-size:.6875rem;font-weight:700;padding:5px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;color:#fff}.mystery-status-badge.status-solved{background:#4caf50}.mystery-status-badge.status-failed{background:#dc143c}.mystery-status-badge.status-played{background:#3b82f6}.culture-filter-section{margin-bottom:clamp(20px,5vw,32px)}.culture-pill{gap:6px}.mystery-card-title{font-family:var(--font-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase;letter-spacing:-.5px;line-height:1.3}.mystery-card-description{font-family:var(--font-secondary);font-size:.9375rem;line-height:1.6;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mystery-worthington-quote{padding:14px 16px;background:#f9f9f9;border-left:3px solid #8C4FFF;border-radius:8px;margin:4px 0}.mystery-quote-label{font-family:var(--font-secondary);font-size:.6875rem;font-weight:700;color:#8c4fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.mystery-quote-text{font-family:var(--font-secondary);font-size:.8125rem;font-style:italic;color:#666;line-height:1.5}.mystery-card-stats{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--font-secondary);font-size:.8125rem;color:#666}.mystery-card-date{font-family:var(--font-secondary);font-size:.75rem;font-weight:500;color:#999;text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid #E5E5E5}@media (min-width: 480px){.mystery-countdown-header{margin-bottom:32px}.mystery-countdown-content{padding:28px;border-radius:24px}.mystery-countdown-title{font-size:1.5rem}.mystery-countdown-timer-row{flex-direction:row;gap:16px}.mystery-countdown-value{font-size:1.75rem;padding:12px 16px;min-width:56px}.mystery-countdown-block{min-width:52px}.mystery-category-filter,.mystery-filter-section{margin-bottom:28px}.filter-pills{gap:10px}.filter-pill{font-size:.8125rem;padding:10px 18px}.category-pills{gap:10px}.category-pill{font-size:.8125rem;padding:10px 18px}.mystery-card{padding:24px;gap:14px}.mystery-card-header{gap:10px;margin-bottom:6px}.mystery-type-badge,.mystery-difficulty-badge{font-size:.75rem;padding:6px 12px;border-radius:12px}.mystery-card-description{font-size:1rem}.mystery-worthington-quote{padding:16px}.mystery-quote-label{font-size:.75rem;margin-bottom:8px}.mystery-quote-text{font-size:.875rem}.mystery-card-stats{font-size:.875rem;gap:16px}}@media (min-width: 768px){.mystery-countdown-header{margin-bottom:36px}.mystery-countdown-content{padding:32px 40px;max-width:600px;margin:0 auto}.mystery-countdown-title-row{gap:14px;margin-bottom:20px}.mystery-countdown-title{font-size:1.75rem}.mystery-countdown-label{font-size:1rem}.mystery-countdown-value{font-size:2rem;padding:14px 18px;min-width:64px}.mystery-countdown-unit{font-size:.6875rem}.mystery-countdown-separator{font-size:1.75rem}.mystery-category-filter,.mystery-filter-section{margin-bottom:32px}.category-pills,.filter-pills{gap:12px;justify-content:center}.category-pill,.filter-pill{font-size:.875rem;padding:10px 20px}.mystery-card{padding:28px;gap:16px}.mystery-card-header{margin-bottom:8px}}@media (min-width: 1024px){.category-pills,.filter-pills{gap:14px}.category-pill,.filter-pill{font-size:.9375rem;padding:10px 22px;letter-spacing:1px}.mystery-card{padding:32px}.mystery-worthington-quote{padding:18px 20px}}@media (max-height: 500px) and (orientation: landscape){.mystery-countdown-header{margin-bottom:12px}.mystery-countdown-content{padding:16px 24px;border-radius:16px}.mystery-countdown-title-row{margin-bottom:10px;gap:8px}.mystery-countdown-icon{width:18px;height:18px}.mystery-countdown-title{font-size:1rem}.mystery-countdown-timer-row{flex-direction:row;gap:12px}.mystery-countdown-label{font-size:.75rem}.mystery-countdown-value{font-size:1.25rem;padding:8px 10px;min-width:44px}.mystery-countdown-block{min-width:40px}.mystery-countdown-unit{font-size:.5625rem;margin-top:2px}.mystery-countdown-separator{font-size:1rem;margin-bottom:14px}.mystery-category-filter,.mystery-filter-section{margin-bottom:16px}.category-pills,.filter-pills{gap:8px;padding:2px 0}.category-pill,.filter-pill{font-size:.6875rem;padding:8px 12px;min-height:36px}.mystery-card{padding:16px;gap:10px}.mystery-card-header{margin-bottom:4px}.mystery-card-title{font-size:1rem}.mystery-card-description{font-size:.8125rem;-webkit-line-clamp:2}.mystery-worthington-quote{padding:10px 12px}.mystery-quote-label{font-size:.625rem;margin-bottom:4px}.mystery-quote-text,.mystery-card-stats{font-size:.75rem}}.mystery-favorite-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#666;z-index:10;box-shadow:0 2px 8px #0000001a}.mystery-favorite-btn:hover:not(:disabled){background:#fff;transform:scale(1.1);color:#d92e8a}.mystery-favorite-btn.favorited{background:#d92e8a1a}.mystery-favorite-btn:disabled{opacity:.5;cursor:not-allowed}.mystery-card{position:relative}.filter-pill.favorites-pill{display:inline-flex;align-items:center;gap:4px}.filter-pill.favorites-pill svg{transition:all .2s ease}.filter-pill.favorites-pill.active svg{fill:#d92e8a;color:#d92e8a}.filter-pill.favorites-pill svg.filled{fill:currentColor}@media print{.mystery-category-filter{display:none}.mystery-card{break-inside:avoid;border:1px solid #000;page-break-inside:avoid}.mystery-card:hover{transform:none;box-shadow:none}}.character-profiles-section{background:#fff;border-radius:20px;border:1px solid #E5E5E5;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f}.character-profiles-header{text-align:center;margin-bottom:24px}.character-profiles-title{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#2f1f54;margin:0 0 8px;text-transform:lowercase;letter-spacing:-.5px}.character-profiles-subtitle{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.875rem;color:#999;margin:0;text-transform:uppercase;letter-spacing:1px;font-weight:600}.character-profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.character-profile-card{background:#f9f9f9;border:1px solid #E5E5E5;border-radius:16px;padding:16px;text-align:center;transition:all .2s ease}.character-profile-card:hover{border-color:#8c4fff;box-shadow:0 4px 12px #8c4fff1a;transform:translateY(-2px)}.character-profile-image-container{width:100%;aspect-ratio:1;max-width:120px;margin:0 auto 12px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #E5E5E5;position:relative}.character-profile-image{width:100%;height:100%;object-fit:cover;display:block}.character-profile-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0fa,#e8e0f0);color:#8c4fff}.character-profile-image-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.character-profile-loading-spinner{width:24px;height:24px;border:2px solid #E5E5E5;border-top-color:#8c4fff;border-radius:50%;animation:characterProfileSpin .8s linear infinite}@keyframes characterProfileSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.character-profile-info{text-align:center}.character-profile-name{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.9375rem;font-weight:700;color:#2f1f54;margin:0 0 4px;line-height:1.3}.character-profile-role{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.75rem;color:#8c4fff;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.character-profiles-section.evidence-variant{margin-top:24px}.character-profiles-section.evidence-variant .character-profile-card{padding:12px}.character-profiles-section.evidence-variant .character-profile-image-container{max-width:80px;margin-bottom:8px}.character-profiles-section.evidence-variant .character-profile-name{font-size:.8125rem}.character-profiles-section.evidence-variant .character-profile-role{font-size:.6875rem}.character-profile-card.with-statement{text-align:left;display:flex;gap:16px;align-items:flex-start}.character-profile-card.with-statement .character-profile-image-container{flex-shrink:0;width:80px;max-width:80px;margin:0}.character-profile-card.with-statement .character-profile-info{text-align:left;flex:1}.character-profile-statement{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.875rem;color:#666;margin:8px 0 0;line-height:1.5;font-style:italic}.character-profile-statement:before{content:'"';color:#8c4fff;font-weight:700}.character-profile-statement:after{content:'"';color:#8c4fff;font-weight:700}@media (max-width: 479px){.character-profiles-section{padding:20px 16px;border-radius:16px}.character-profiles-grid{grid-template-columns:repeat(2,1fr);gap:12px}.character-profile-card{padding:12px}.character-profile-image-container{max-width:80px}.character-profile-name{font-size:.8125rem}.character-profile-role{font-size:.6875rem}.character-profile-card.with-statement{flex-direction:column;text-align:center;gap:12px}.character-profile-card.with-statement .character-profile-image-container{margin:0 auto}.character-profile-card.with-statement .character-profile-info{text-align:center}}@media (min-width: 480px) and (max-width: 767px){.character-profiles-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.character-profiles-section{padding:32px}.character-profiles-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.character-profile-card{padding:20px}.character-profile-image-container{max-width:140px}}@media (prefers-reduced-motion: reduce){.character-profile-card{transition:none}.character-profile-loading-spinner{animation:none}.character-profile-card:hover{transform:none}}.character-profile-card.character-profile-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.character-profile-card.character-profile-clickable:hover{border-color:#8c4fff;box-shadow:0 6px 16px #8c4fff26;transform:translateY(-3px)}.character-profile-card.character-profile-clickable:active{transform:translateY(-1px);box-shadow:0 3px 8px #8c4fff1a}.character-profile-card.character-profile-clickable:focus{outline:2px solid #8C4FFF;outline-offset:2px}.character-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:characterModalFadeIn .2s ease;padding:20px}.character-modal{background:#fff;border-radius:20px;padding:0;max-width:420px;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 60px #00000026;border:1px solid #E5E5E5;position:relative;animation:characterModalSlideUp .3s cubic-bezier(.16,1,.3,1)}.character-modal-close{position:absolute;top:16px;right:16px;background:#f5f5f5;border:1px solid #E5E5E5;color:#666;cursor:pointer;padding:0;width:40px;height:40px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.character-modal-close:hover{background:#eee;color:#2f1f54;border-color:#2f1f54}.character-modal-close:active{transform:scale(.95)}.character-modal-content{padding:40px 32px 32px;text-align:center}.character-modal-image-container{width:140px;height:140px;border-radius:50%;overflow:hidden;margin:0 auto 24px;background:#fff;border:3px solid #E5E5E5;box-shadow:0 4px 16px #00000014}.character-modal-image{width:100%;height:100%;object-fit:cover;display:block}.character-modal-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0fa,#e8e0f0);color:#8c4fff}.character-modal-name{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:#2f1f54;margin:0 0 8px;text-transform:lowercase;letter-spacing:-.5px}.character-modal-role{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.875rem;color:#8c4fff;margin:0 0 20px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.character-modal-statement-container{background:#f9f9f9;border:1px solid #E5E5E5;border-radius:16px;padding:20px 24px;margin:0 0 20px;text-align:left}.character-modal-statement-label{font-family:Urbanist,sans-serif;font-size:.75rem;color:#999;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.character-modal-statement{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:1rem;color:#666;line-height:1.6;margin:0;font-style:italic}.character-modal-details{background:#f9f9f9;border:1px solid #E5E5E5;border-radius:16px;padding:16px 20px;margin:0 0 24px;text-align:left}.character-modal-detail-item{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #E5E5E5}.character-modal-detail-item:last-child{border-bottom:none;padding-bottom:0}.character-modal-detail-item:first-child{padding-top:0}.character-modal-detail-label{font-family:Urbanist,sans-serif;font-size:.6875rem;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:700}.character-modal-detail-value{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.9375rem;color:#2f1f54;line-height:1.5;font-weight:500}.character-modal-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;border-radius:12px;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:none;cursor:pointer;transition:all .2s ease;border:none;min-height:52px;background:#2f1f54;color:#fff}.character-modal-button:hover{background:#8c4fff}.character-modal-button:active{transform:scale(.98)}@keyframes characterModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes characterModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 479px){.character-modal-overlay{padding:0;align-items:flex-end}.character-modal{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:24px 24px 0 0;animation:characterModalSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}.character-modal-content{padding:32px 24px calc(24px + env(safe-area-inset-bottom,0px))}.character-modal-image-container{width:120px;height:120px;margin-bottom:20px}.character-modal-statement-container{padding:16px 20px}}@keyframes characterModalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.character-modal{max-width:440px}.character-modal-content{padding:44px 36px 36px}.character-modal-image-container{width:160px;height:160px;margin-bottom:28px}}@media (hover: none){.character-modal-button:hover{background:#2f1f54}.character-modal-close:hover{background:#f5f5f5;color:#666;border-color:#e5e5e5}.character-profile-card.character-profile-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8c4fff1a}}@media print{.character-profiles-section{break-inside:avoid;page-break-inside:avoid;border:1px solid #000;box-shadow:none}.character-profile-card:hover{transform:none;box-shadow:none}.character-modal-overlay{display:none!important}}@media (prefers-reduced-motion: reduce){.character-modal-overlay,.character-modal,.character-modal-button,.character-modal-close{animation:none;transition:none}}.evidence-phase-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);padding-top:var(--safe-area-top, 0px);padding-bottom:var(--safe-area-bottom, 0px)}.evidence-folder{transition:all .2s ease;overflow:visible;border-radius:16px;background:#fff;border:1px solid #E5E5E5;box-shadow:0 4px 20px #0000000f}.evidence-folder:hover{box-shadow:0 6px 24px #8c4fff1f;border-color:#d5d5d5}@media (hover: none){.evidence-folder:hover{box-shadow:0 4px 20px #0000000f;border-color:#e5e5e5}}.evidence-folder-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;font-family:Urbanist,Helvetica Neue,sans-serif;min-height:60px;gap:12px;border-radius:16px 16px 0 0}.evidence-folder-header:hover{background:#fafafa}@media (hover: none){.evidence-folder-header:active{background:#f5f5f5}}.evidence-folder-content{border-top:1px solid #E5E5E5;padding:20px 24px;background:#f9f9f9;overflow:visible;border-radius:0 0 16px 16px}.evidence-item{padding:20px;background:#fff!important;border-radius:16px;border:1px solid #E5E5E5;transition:all .2s ease;position:relative;word-wrap:break-word;overflow-wrap:break-word;min-height:80px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000000f}.evidence-item:hover{border-color:#8c4fff;background:#fff!important;box-shadow:0 6px 24px #8c4fff1f;transform:translateY(-2px);z-index:10}@media (hover: none){.evidence-item:hover{transform:none;background:#fff!important;box-shadow:0 4px 20px #0000000f}.evidence-item:active{background:#fff!important;cursor:grabbing;box-shadow:0 2px 12px #00000014}}.evidence-item.evidence-suspicious{border-color:#dc143c;background:#fff!important;box-shadow:0 4px 20px #dc143c14}.evidence-item.evidence-selected{border-color:#8c4fff;background:#fff!important;box-shadow:0 0 0 3px #8c4fff26,0 4px 20px #0000000f;z-index:20}.evidence-item.evidence-highlighted{border-color:#f59e0b;background:#fff!important;animation:pulse 1s ease-in-out;box-shadow:0 4px 20px #f59e0b1a}.evidence-item:has(.evidence-tag-menu[style*="display: block"]),.evidence-item:has(.evidence-tag-menu:not([style*="display: none"])){z-index:9999!important}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.evidence-item p{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.evidence-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding-top:4px}.evidence-tag-button{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:600;padding:8px 12px;min-height:36px;background:#f5f5f5;border:1px solid #E5E5E5;border-radius:10px;cursor:pointer;color:#666;transition:all .2s ease;position:relative;z-index:1;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.3px}.evidence-tag-button:hover{background:#eee;border-color:#8c4fff;color:#8c4fff;z-index:2}.evidence-tag-button:active{transform:scale(.98)}@media (hover: none){.evidence-tag-button:active{background:#eee;border-color:#8c4fff;color:#8c4fff}}.evidence-tag-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #E5E5E5;border-radius:16px;box-shadow:0 12px 32px #00000026;z-index:10000!important;padding:12px;min-width:220px;max-width:280px;display:none;max-height:400px;overflow-y:auto}.evidence-tag-menu button{width:100%;padding:12px 14px;min-height:48px;text-align:left;background:transparent;border:none;border-radius:10px;cursor:pointer;font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:600;color:#333;transition:all .15s ease;display:flex;align-items:center;gap:10px}.evidence-tag-menu button:hover{background:#f5f3ff;color:#2f1f54}.evidence-tag-menu button:active{transform:scale(.98)}@media (hover: none){.evidence-tag-menu button:active{background:#f0edff}}.evidence-drag-preview{background:#fff;border:2px solid #8C4FFF;border-radius:8px;padding:12px 16px;box-shadow:0 8px 24px #8c4fff4d;transform:rotate(3deg);opacity:.95;max-width:300px;overflow:hidden;pointer-events:none}.evidence-drag-preview p{font-size:.875rem;line-height:1.5;color:#333;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.evidence-item.dragging{opacity:.5;transform:rotate(5deg)}.evidence-grid-container{display:grid;grid-template-columns:1fr 400px;gap:24px;padding:24px}@media (min-width: 1440px){.evidence-grid-container{grid-template-columns:1fr 450px;gap:32px;padding:32px}.evidence-item{padding:18px;min-height:90px}.evidence-tag-button{font-size:.8125rem;padding:7px 12px;min-height:36px}}@media (max-width: 1439px) and (min-width: 1024px){.evidence-grid-container{grid-template-columns:1fr 380px;gap:24px;padding:24px}.evidence-item{padding:16px}}@media (max-width: 1023px) and (min-width: 768px){.evidence-grid-container{grid-template-columns:1fr 320px!important;gap:20px!important;padding:20px}.evidence-item{padding:14px;min-height:72px}.evidence-tag-button{font-size:.6875rem;padding:5px 8px;min-height:28px}.evidence-tag-menu{min-width:200px;max-width:260px;max-height:350px}.evidence-tag-menu button{font-size:.8125rem;padding:9px 10px;min-height:40px}.evidence-folder-header{padding:14px 18px;min-height:52px}.evidence-folder-content{padding:14px 18px}}@media (max-width: 767px) and (min-width: 480px){.evidence-grid-container{grid-template-columns:1fr!important;gap:16px!important;padding:16px}.evidence-grid-container>div:last-child{width:100%}.evidence-item{padding:14px;min-height:68px}.evidence-tag-button{font-size:.6875rem;padding:5px 8px;min-height:28px}.evidence-tag-menu{min-width:200px;max-width:260px;max-height:320px;left:auto;right:0}.evidence-tag-menu button{font-size:.8125rem;padding:10px;min-height:44px}.evidence-folder-header{padding:14px 16px;min-height:52px}.evidence-folder-content{padding:14px 16px}}@media (max-width: 479px){.evidence-grid-container{grid-template-columns:1fr!important;gap:12px!important;padding:12px}.evidence-item{padding:12px 12px 14px;min-height:60px}.evidence-tag-button{font-size:.625rem;padding:4px 6px;min-height:24px;width:100%;text-align:center}.evidence-tag-menu{min-width:160px;max-width:200px;max-height:280px;font-size:.75rem}.evidence-tag-menu button{font-size:.75rem;padding:10px 8px;min-height:44px}.evidence-folder-header{padding:12px 14px;min-height:48px}.evidence-folder-content{padding:12px 14px}}@media (max-width: 900px) and (orientation: portrait){.evidence-grid-container{grid-template-columns:1fr!important}}.evidence-item *{overflow-wrap:break-word;word-wrap:break-word}.suspicious-evidence-container{display:flex;flex-direction:column;min-width:0}.suspicious-evidence-pile{min-height:300px;max-height:calc(100vh - 300px);max-height:calc(100dvh - 300px);display:flex;flex-direction:column;background:#fff;border:2px dashed #E5E5E5;transition:all .2s ease;overflow:hidden;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.suspicious-evidence-pile:has(.suspicious-evidence-list){background:#fff;border-color:#dc143c;border-style:solid}.suspicious-evidence-pile.drag-over{background:#fef2f2;border-color:#dc143c;border-style:solid;box-shadow:0 8px 32px #dc143c26}.suspicious-evidence-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E5E5E5;flex-shrink:0;flex-wrap:wrap}.suspicious-evidence-title{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:#dc143c;letter-spacing:-.5px;text-transform:lowercase}.suspicious-evidence-count{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:clamp(.75rem,2vw,.875rem);color:#999;white-space:nowrap;flex-shrink:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.suspicious-evidence-click-hint{font-family:var(--font-secondary);font-size:clamp(.6875rem,1.5vw,.75rem);color:#8c4fff;font-weight:600;white-space:nowrap;flex-shrink:0;margin-left:auto;opacity:.8;transition:opacity .2s ease}.suspicious-evidence-pile:hover .suspicious-evidence-click-hint{opacity:1}.suspicious-evidence-empty{text-align:center;padding:48px 24px;font-family:Urbanist,Helvetica Neue,sans-serif;font-size:clamp(.875rem,2vw,1rem);color:#999;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f9f9f9;border-radius:16px;border:1px dashed #E5E5E5}.suspicious-evidence-empty-icon{font-size:2.5rem;opacity:.4}.suspicious-evidence-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(220,20,60,.3) transparent}.suspicious-evidence-list::-webkit-scrollbar{width:6px}.suspicious-evidence-list::-webkit-scrollbar-track{background:transparent}.suspicious-evidence-list::-webkit-scrollbar-thumb{background:#dc143c4d;border-radius:3px}.suspicious-evidence-list::-webkit-scrollbar-thumb:hover{background:#dc143c80}.evidence-item.evidence-suspicious-compact{position:relative;padding:14px 40px 14px 16px;background:#fff;border:1px solid #FCA5A5;border-radius:12px;display:flex;align-items:center;gap:12px;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;transition:all .2s ease;min-height:52px;box-shadow:0 2px 8px #dc143c0f}.evidence-item.evidence-suspicious-compact:hover{background:#fef2f2;border-color:#dc143c;box-shadow:0 4px 12px #dc143c1a;transform:translateY(-1px)}@media (hover: none){.evidence-item.evidence-suspicious-compact:hover{background:#fff;transform:none;box-shadow:0 2px 8px #dc143c0f}.evidence-item.evidence-suspicious-compact:active{background:#fef2f2}}.suspicious-evidence-icon-compact{flex-shrink:0;color:#dc143c}.suspicious-evidence-title{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,.875rem);font-weight:700;color:#dc143c;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suspicious-evidence-remove-compact{position:absolute;top:50%;right:8px;transform:translateY(-50%);padding:6px;min-width:32px;min-height:32px;background:transparent;border:none;cursor:pointer;color:#dc143c;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;opacity:.6;flex-shrink:0}.suspicious-evidence-remove-compact:hover{background:#fef2f2;opacity:1}.evidence-item.evidence-suspicious{position:relative;padding:16px 40px 16px 16px;background:#fff;border:1px solid #DC143C;border-radius:8px;min-height:auto;display:flex;flex-direction:column;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.suspicious-evidence-remove{position:absolute;top:8px;right:8px;padding:6px;min-width:32px;min-height:32px;background:transparent;border:none;cursor:pointer;color:#dc143c;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease;z-index:10;flex-shrink:0}.suspicious-evidence-remove:hover{background:#fef2f2}.suspicious-evidence-content{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0}.suspicious-evidence-icon{width:16px;height:16px;color:#dc143c;margin-top:2px;flex-shrink:0}.suspicious-evidence-text-wrapper{flex:1;min-width:0;overflow:hidden}.suspicious-evidence-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.suspicious-evidence-source{font-family:var(--font-secondary);font-size:clamp(.6875rem,1.5vw,.75rem);font-weight:700;color:#dc143c;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.suspicious-evidence-timestamp{font-family:var(--font-secondary);font-size:clamp(.6875rem,1.5vw,.75rem);color:#999;white-space:nowrap}.suspicious-evidence-label{font-family:var(--font-secondary);font-size:clamp(.625rem,1.5vw,.7rem);padding:2px 6px;border-radius:4px;font-weight:700;white-space:nowrap}.suspicious-evidence-label.label-red_flag{background-color:#ffebee;color:#dc143c}.suspicious-evidence-label.label-contradiction{background-color:#fff3e0;color:#f97316}.suspicious-evidence-label.label-red_herring{background-color:#e3f2fd;color:#3b82f6}.suspicious-evidence-label.label-benign{background-color:#f1f8e9;color:#4caf50}.suspicious-evidence-text{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,.9375rem);line-height:1.6;color:#333;margin-top:8px;word-wrap:break-word;overflow-wrap:break-word}.suspicious-evidence-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.suspicious-evidence-tag{font-family:var(--font-secondary);font-size:clamp(.6875rem,1.5vw,.75rem);padding:4px 10px;background:#f3f4f6;color:#8c4fff;border-radius:12px;font-weight:700;white-space:nowrap}.suspicious-evidence-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:suspiciousModalFadeIn .2s ease}@keyframes suspiciousModalFadeIn{0%{opacity:0}to{opacity:1}}.suspicious-evidence-modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:80vh;max-height:80dvh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;border:1px solid #E5E5E5;animation:suspiciousModalSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes suspiciousModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes suspiciousModalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.suspicious-evidence-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #E5E5E5;flex-shrink:0;gap:16px}.suspicious-evidence-modal-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.suspicious-evidence-modal-title h2{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#dc143c;margin:0;letter-spacing:-.5px;text-transform:lowercase}.suspicious-evidence-modal-count{background:#dc143c;color:#fff;padding:6px 12px;border-radius:20px;font-family:Urbanist,Helvetica Neue,sans-serif;font-size:clamp(.75rem,2vw,.875rem);font-weight:700;white-space:nowrap;flex-shrink:0}.suspicious-evidence-modal-close{background:#f5f5f5;border:1px solid #E5E5E5;cursor:pointer;color:#666;padding:0;width:40px;height:40px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.suspicious-evidence-modal-close:hover{background:#eee;color:#2f1f54;border-color:#2f1f54}.suspicious-evidence-modal-close:active{transform:scale(.95)}.suspicious-evidence-modal-content{padding:24px 32px 32px;overflow-y:auto;flex:1;min-height:0}.suspicious-evidence-modal-empty{text-align:center;padding:48px 24px;font-family:Urbanist,Helvetica Neue,sans-serif;color:#999;font-size:clamp(.875rem,2vw,1rem);background:#f9f9f9;border-radius:16px;border:1px solid #E5E5E5}.suspicious-evidence-modal-item{background:#f9f9f9;border:1px solid #E5E5E5;border-radius:16px;padding:20px 24px;margin-bottom:16px;transition:all .2s ease}.suspicious-evidence-modal-item:last-child{margin-bottom:0}.suspicious-evidence-modal-item:hover{border-color:#fca5a5;box-shadow:0 4px 16px #dc143c1a}@media (hover: none){.suspicious-evidence-modal-item:hover{box-shadow:none;border-color:#e5e5e5}}.suspicious-evidence-modal-item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:12px}.suspicious-evidence-modal-item-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.suspicious-evidence-modal-icon{flex-shrink:0;color:#dc143c}.suspicious-evidence-modal-source{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:700;color:#dc143c;text-transform:uppercase;letter-spacing:1px}.suspicious-evidence-modal-timestamp{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.75rem;color:#999;font-weight:500}.suspicious-evidence-modal-label{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.6875rem;padding:4px 10px;border-radius:8px;font-weight:700;white-space:nowrap;letter-spacing:.3px}.suspicious-evidence-modal-label.label-red_flag{background-color:#ffebee;color:#dc143c}.suspicious-evidence-modal-label.label-contradiction{background-color:#fff3e0;color:#f97316}.suspicious-evidence-modal-label.label-red_herring{background-color:#e3f2fd;color:#3b82f6}.suspicious-evidence-modal-label.label-benign{background-color:#f1f8e9;color:#4caf50}.suspicious-evidence-modal-remove{padding:0;width:36px;height:36px;min-width:36px;min-height:36px;background:#fef2f2;border:1px solid #FCA5A5;cursor:pointer;color:#dc143c;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.suspicious-evidence-modal-remove:hover{background:#fee2e2;border-color:#dc143c}.suspicious-evidence-modal-remove:active{transform:scale(.95)}.suspicious-evidence-modal-text{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;color:#666;margin:0 0 12px;word-wrap:break-word;overflow-wrap:break-word;font-weight:500}.suspicious-evidence-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #E5E5E5}.suspicious-evidence-modal-tag{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:.6875rem;padding:6px 12px;background:#fff;color:#8c4fff;border:1px solid #E5E5E5;border-radius:20px;font-weight:700;white-space:nowrap;letter-spacing:.3px}@media (max-width: 1023px) and (min-width: 768px){.suspicious-evidence-modal-overlay{padding:16px}.suspicious-evidence-modal{max-width:560px;max-height:85vh;max-height:85dvh}.suspicious-evidence-modal-header{padding:20px 24px}.suspicious-evidence-modal-content{padding:20px 24px 24px}.suspicious-evidence-modal-item{padding:18px 20px}}@media (max-width: 767px){.suspicious-evidence-modal-overlay{padding:0;align-items:flex-end}.suspicious-evidence-modal{max-width:100%;max-height:90vh;max-height:90dvh;border-radius:24px 24px 0 0;animation:suspiciousModalSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}.suspicious-evidence-modal-header{padding:20px 24px}.suspicious-evidence-modal-title h2{font-size:1.25rem}.suspicious-evidence-modal-content{padding:20px 24px calc(24px + env(safe-area-inset-bottom,0px))}.suspicious-evidence-modal-item{padding:16px 18px}.suspicious-evidence-modal-text{font-size:.9375rem;line-height:1.6}}@media (max-width: 479px){.suspicious-evidence-modal-header{padding:16px 20px}.suspicious-evidence-modal-title{gap:8px}.suspicious-evidence-modal-title h2{font-size:1.125rem}.suspicious-evidence-modal-count{font-size:.75rem;padding:4px 10px}.suspicious-evidence-modal-close{width:36px;height:36px;min-width:40px;min-height:40px}.suspicious-evidence-modal-content{padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px))}.suspicious-evidence-modal-item{padding:14px 16px;border-radius:12px}.suspicious-evidence-modal-item-meta{gap:8px}.suspicious-evidence-modal-source,.suspicious-evidence-modal-timestamp{font-size:.6875rem}.suspicious-evidence-modal-text{font-size:.875rem;line-height:1.5}.suspicious-evidence-modal-tag{font-size:.625rem;padding:4px 8px}}@media (max-height: 500px) and (orientation: landscape){.evidence-grid-container{grid-template-columns:1fr 280px!important;gap:12px!important;padding:12px}.evidence-item{padding:10px;min-height:50px}.evidence-tag-button{font-size:.5625rem;padding:3px 5px;min-height:22px}.evidence-folder-header{padding:10px 12px;min-height:40px}.evidence-folder-content{padding:10px 12px}.suspicious-evidence-pile{min-height:200px;max-height:calc(100vh - 120px);padding:12px}.suspicious-evidence-header{margin-bottom:10px;padding-bottom:8px}.suspicious-evidence-modal-overlay{padding:10px;align-items:center}.suspicious-evidence-modal{max-height:90vh;border-radius:12px}.suspicious-evidence-modal-header,.suspicious-evidence-modal-content{padding:12px 16px}.suspicious-evidence-modal-item{padding:12px;margin-bottom:10px}}@media print{.evidence-grid-container{display:block}.evidence-item:hover{transform:none;box-shadow:none}.evidence-tag-button,.suspicious-evidence-remove,.suspicious-evidence-remove-compact,.suspicious-evidence-modal-overlay{display:none!important}.evidence-item,.suspicious-evidence-pile{break-inside:avoid;border:1px solid #000}}@media (prefers-reduced-motion: reduce){.evidence-folder,.evidence-item,.evidence-tag-button,.suspicious-evidence-pile{transition:none}.evidence-item.evidence-highlighted,.suspicious-evidence-modal-overlay,.suspicious-evidence-modal{animation:none}}.evidence-case-builder{background:#fff;border:2px solid #E5E7EB;border-radius:12px;padding:16px;max-height:640px;display:flex;flex-direction:column;transition:border-color .2s ease;overflow:hidden}.evidence-case-builder.collapsed{max-height:60px;overflow:hidden}.evidence-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.evidence-builder-header h3{font-family:var(--font-primary);font-size:1rem;font-weight:700;color:#1f2937;margin:0}.toggle-expand-btn{background:transparent;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.toggle-expand-btn:hover{color:#1f2937}.evidence-search{position:relative;margin-bottom:12px;flex-shrink:0}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #D1D5DB;border-radius:8px;font-family:var(--font-secondary);font-size:.875rem;color:#1f2937;transition:border-color .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#8c4fff}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-search-btn:hover{color:#1f2937}.evidence-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;min-height:150px;padding-right:4px}.evidence-item{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:10px 12px;transition:background .15s ease,border-color .15s ease,transform .15s ease;flex-shrink:0;overflow:hidden}.evidence-item.clickable{cursor:pointer}.evidence-item.clickable:hover{background:#f3f4f6;border-color:#8c4fff;transform:translateY(-1px)}.evidence-item.referenced{background:#f0fdf4;border-color:#4caf50}.evidence-item-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.evidence-number{font-family:var(--font-primary);font-size:.7rem;font-weight:700;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px;flex-shrink:0}.evidence-label-badge{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;flex-shrink:0}.referenced-indicator{display:flex;align-items:center;color:#4caf50;margin-left:auto;flex-shrink:0}.evidence-item-content{overflow:hidden}.evidence-text-truncated{font-family:var(--font-secondary);font-size:.8rem;color:#1f2937;line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.evidence-source{font-family:var(--font-secondary);font-size:.7rem;color:#6b7280;font-style:italic;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evidence-empty-state,.evidence-builder-empty{text-align:center;padding:24px;color:#6b7280;font-family:var(--font-secondary);font-size:.875rem}.evidence-help{margin-top:12px;padding:8px 12px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:6px;font-family:var(--font-secondary);font-size:.7rem;color:#0369a1;text-align:center;flex-shrink:0}.evidence-help p{margin:0}.evidence-list::-webkit-scrollbar{width:6px}.evidence-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.evidence-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.evidence-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.evidence-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.evidence-modal{background:#fff;border-radius:16px;border:2px solid #E5E7EB;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.evidence-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB;background:#f9fafb}.evidence-modal-title{display:flex;align-items:center;gap:10px;font-family:var(--font-primary);font-size:1rem;font-weight:700;color:#1f2937}.evidence-number-modal{font-family:var(--font-primary);font-size:.8rem;font-weight:700;color:#fff;background:#8c4fff;padding:4px 10px;border-radius:6px}.modal-close-btn{background:transparent;border:none;padding:6px;cursor:pointer;color:#6b7280;transition:color .2s,background .2s;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#111827;background:#e5e7eb}.evidence-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.evidence-text-full{font-family:var(--font-secondary);font-size:.95rem;color:#111827;line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word}.evidence-meta{display:flex;gap:8px;font-family:var(--font-secondary);font-size:.8rem}.meta-label{color:#6b7280;font-weight:600}.meta-value{color:#374151}.evidence-modal-actions{padding:16px 20px;border-top:1px solid #E5E7EB;background:#f9fafb;display:flex;flex-direction:column;gap:12px}.modal-actions-label{font-family:var(--font-secondary);font-size:.8rem;color:#6b7280;margin:0;text-align:center}.modal-buttons-row{display:flex;gap:12px}.insert-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-family:var(--font-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.insert-btn.motive-btn{background:linear-gradient(135deg,#8c4fff,#7c3aed);color:#fff;border-color:#7c3aed}.insert-btn.motive-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8c4fff4d}.insert-btn.explanation-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669}.insert-btn.explanation-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.insert-btn:active{transform:translateY(0)}@media (max-width: 480px){.modal-buttons-row{flex-direction:column}.insert-btn{width:100%}.evidence-modal{max-width:100%;margin:8px;max-height:90vh}}.case-evaluation-feedback{background:#fff;border:2px solid #E5E7EB;border-radius:12px;padding:24px;margin-top:24px}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.feedback-header h2{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.overall-score{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.overall-score.passed{color:#4caf50}.overall-score.below-threshold{color:#dc143c}.score-label{font-family:var(--font-secondary);font-size:.875rem;color:#6b7280}.score-value{font-family:var(--font-primary);font-size:2rem;font-weight:700;line-height:1}.threshold-badge{font-family:var(--font-secondary);font-size:.75rem;font-weight:600;background:#4caf50;color:#fff;padding:2px 8px;border-radius:4px}.threshold-indicator{margin-bottom:24px}.threshold-bar{position:relative;width:100%;height:40px;background:#f3f4f6;border-radius:8px;overflow:hidden}.threshold-fill{height:100%;background:linear-gradient(90deg,#dc143c,#f97316,#4caf50);transition:width .5s ease;border-radius:8px}.threshold-line{position:absolute;top:0;bottom:0;width:2px;background:#1f2937;transform:translate(-50%)}.threshold-line:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #1F2937}.threshold-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-family:var(--font-secondary);font-size:.75rem;font-weight:600;color:#1f2937;white-space:nowrap}.feedback-breakdown{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.breakdown-item{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:16px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.breakdown-label{font-family:var(--font-primary);font-size:1rem;font-weight:600;color:#1f2937}.breakdown-score{font-family:var(--font-primary);font-size:1.125rem;font-weight:700;color:#6b7280}.icon-correct{color:#4caf50}.icon-incorrect{color:#dc143c}.breakdown-content{margin-top:8px}.breakdown-content.correct p{font-family:var(--font-secondary);font-size:.875rem;color:#1f2937;margin:0}.breakdown-content.incorrect p{font-family:var(--font-secondary);font-size:.875rem;color:#1f2937;margin:4px 0}.breakdown-content.incorrect p:first-child{color:#dc143c}.breakdown-content.incorrect p:last-child{color:#4caf50}.breakdown-progress{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:8px 0}.progress-bar{height:100%;background:linear-gradient(90deg,#dc143c,#f97316,#4caf50);transition:width .5s ease;border-radius:4px}.breakdown-feedback{margin-top:8px}.breakdown-feedback p{font-family:var(--font-secondary);font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.actionable-feedback{background:#f0f9ff;border:1px solid #BAE6FD;border-radius:8px;padding:16px;margin-bottom:24px}.actionable-feedback h3{font-family:var(--font-primary);font-size:1rem;font-weight:600;color:#0369a1;margin:0 0 8px}.feedback-text{font-family:var(--font-secondary);font-size:.875rem;color:#0369a1;line-height:1.6}.feedback-text p{margin:4px 0}.feedback-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-family:var(--font-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn-primary{background:#8c4fff;color:#fff}.action-btn-primary:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8c4fff4d}.action-btn-secondary{background:#f3f4f6;color:#1f2937;border:1px solid #D1D5DB}.action-btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.success-message{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;background:#f0fdf4;border:2px solid #4CAF50;border-radius:8px}.icon-success{color:#4caf50}.success-message p{font-family:var(--font-secondary);font-size:.875rem;color:#1f2937;text-align:center;margin:0}@media (max-width: 768px){.feedback-header{flex-direction:column;align-items:flex-start}.overall-score{align-items:flex-start}.feedback-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.confidence-meters-container{display:flex;justify-content:center;width:100%}.red-flags-list{display:flex;flex-direction:column;gap:12px}.red-flag-item{display:flex;gap:12px;padding:12px;background:#fef2f2;border-left:4px solid #DC143C;border-radius:6px;align-items:flex-start}.red-flag-item.red-flag-referenced{background:#e5e7eb;border-left-color:#4caf50;opacity:.8}.red-flag-number{font-family:var(--font-primary);font-size:.875rem;font-weight:700;color:#dc143c;min-width:24px}.red-flag-text{font-family:var(--font-secondary);font-size:.875rem;color:#1f2937;line-height:1.5;margin:0;flex:1}.form-field{margin-bottom:24px}.form-field label{display:block;font-family:var(--font-primary);font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:12px;border:2px solid #E5E7EB;border-radius:8px;font-family:var(--font-secondary);font-size:.875rem;color:#1f2937;transition:border-color .2s;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#8c4fff}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.field-hint{font-family:var(--font-secondary);font-size:.75rem;color:#6b7280;margin-top:6px;margin-bottom:0;font-style:italic}@media (max-width: 1024px){.page-content>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width: 768px){.confidence-meters-container{margin-bottom:16px}.red-flag-item{flex-direction:column;gap:8px}.form-field{margin-bottom:20px}}.correction-feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:max(16px,var(--safe-area-top, 0px)) max(16px,var(--safe-area-right, 0px)) max(16px,var(--safe-area-bottom, 0px)) max(16px,var(--safe-area-left, 0px));opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.correction-feedback-overlay.visible{opacity:1}.correction-feedback-card{width:100%;max-width:min(600px,calc(100vw - 32px));max-height:90vh;max-height:90dvh;background:#fff;border-radius:clamp(12px,3vw,16px);box-shadow:0 20px 60px #0006;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s ease;animation:slideIn .4s ease forwards;overflow-y:auto}.correction-feedback-overlay.visible .correction-feedback-card{transform:scale(1) translateY(0)}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.correction-feedback-card.correct{border-top:4px solid #4CAF50}.correction-feedback-card.incorrect{border-top:4px solid #DC143C}.feedback-header{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#f9f9f9,#fff);border-bottom:1px solid #E5E5E5}.feedback-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feedback-icon.correct{background:#e8f5e9;color:#4caf50}.feedback-icon.incorrect{background:#ffebee;color:#dc143c}.feedback-title{flex:1}.feedback-title h2{font-family:var(--font-primary);font-size:1.75rem;font-weight:700;color:#2f1f54;margin:0 0 4px}.feedback-subtitle{font-family:var(--font-secondary);font-size:.875rem;color:#666;margin:0}.worthington-reaction{padding:20px 24px;background:#fff7ed;border-left:4px solid #F97316;margin:0;opacity:0;transform:translate(-20px);transition:opacity .4s ease,transform .4s ease}.worthington-reaction.visible{opacity:1;transform:translate(0)}.worthington-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.worthington-emoji{font-size:1.5rem}.worthington-name{font-family:var(--font-primary);font-size:1rem;font-weight:700;color:#2f1f54}.worthington-tone{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.worthington-message{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:8px;border-left:3px solid #F97316;margin-bottom:8px}.worthington-message svg{color:#f97316;flex-shrink:0;margin-top:2px}.worthington-message p{font-family:var(--font-secondary);font-size:.9375rem;color:#2f1f54;margin:0;font-style:italic}.worthington-defense{padding:10px 12px;background:#ffffffb3;border-radius:6px;border-left:2px solid #F97316;margin-top:8px}.worthington-defense p{font-family:var(--font-secondary);font-size:.875rem;color:#666;margin:0;font-style:italic}.feedback-explanation{padding:20px 24px;background:#f5f5f5;border-top:1px solid #E5E5E5;opacity:0;transform:translateY(10px);transition:opacity .4s ease .2s,transform .4s ease .2s}.feedback-explanation.visible{opacity:1;transform:translateY(0)}.feedback-explanation h3{font-family:var(--font-primary);font-size:1rem;font-weight:700;color:#2f1f54;margin:0 0 8px}.feedback-explanation p{font-family:var(--font-secondary);font-size:.9375rem;color:#666;line-height:1.6;margin:0}.feedback-points{padding:16px 24px;text-align:center;font-family:var(--font-primary);font-size:1.5rem;font-weight:700;border-top:1px solid #E5E5E5}.feedback-points.positive{color:#4caf50;background:#e8f5e9}.feedback-points.negative{color:#dc143c;background:#ffebee}.feedback-actions{display:flex;gap:12px;padding:20px 24px;background:#f9f9f9;border-top:1px solid #E5E5E5}.feedback-actions .page-button{flex:1}@media (max-width: 479px){.correction-feedback-overlay{padding:16px;align-items:flex-end}.correction-feedback-card{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:85vh;max-height:85dvh}.feedback-header{padding:16px}.feedback-icon{width:48px;height:48px}.feedback-title h2{font-size:clamp(1.25rem,5vw,1.5rem)}.worthington-reaction,.feedback-explanation{padding:12px 16px}.feedback-actions{flex-direction:column;gap:12px;padding:16px}.feedback-actions .page-button{width:100%;min-height:44px}}@media (min-width: 480px) and (max-width: 639px){.correction-feedback-card{max-width:calc(100vw - 32px);border-radius:12px}.feedback-header{padding:20px}.feedback-icon{width:56px;height:56px}.feedback-title h2{font-size:1.5rem}.worthington-reaction,.feedback-explanation{padding:16px 20px}.feedback-actions{flex-direction:column;gap:12px}.feedback-actions .page-button{width:100%;min-height:44px}}.audio-player-page{max-width:600px;margin:0 auto;padding:24px}.audio-player-header{text-align:center;margin-bottom:32px}.audio-player-title{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;color:#2f1f54;margin:0 0 12px;text-transform:lowercase;letter-spacing:-.5px}.audio-player-description{font-family:Urbanist,sans-serif;font-size:1rem;color:#666;line-height:1.6;margin:0}.audio-player-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 60px #00000026;border:1px solid #E5E5E5;margin-bottom:24px}.audio-player-error{text-align:center;padding:24px}.audio-player-error p{font-family:Urbanist,sans-serif;font-size:1rem;color:#666;margin-bottom:20px}.audio-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.audio-control-button{background:#f5f5f5;border:1px solid #E5E5E5;color:#2f1f54;cursor:pointer;padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:48px;min-height:48px}.audio-control-button:hover:not(:disabled){background:#eee;border-color:#2f1f54;transform:scale(1.05)}.audio-control-button:active:not(:disabled){transform:scale(.95)}.audio-control-button:disabled{opacity:.5;cursor:not-allowed}.audio-control-button-play{width:64px;height:64px;min-width:64px;min-height:64px;background:#2f1f54;color:#fff;border-color:#2f1f54}.audio-control-button-play:hover:not(:disabled){background:#1a1438;border-color:#1a1438}.audio-time-info{display:flex;align-items:center;gap:8px;font-family:Urbanist,sans-serif;font-size:.875rem;color:#666;min-width:100px;justify-content:center}.audio-time-current{font-weight:600;color:#2f1f54}.audio-time-separator,.audio-time-total{color:#999}.audio-progress-container{width:100%;height:8px;background:#f5f5f5;border-radius:4px;cursor:pointer;margin-bottom:20px;position:relative}.audio-progress-bar{height:100%;background:#2f1f54;border-radius:4px;transition:width .1s ease}.audio-volume-container{display:flex;align-items:center;gap:12px;margin-bottom:20px}.audio-volume-bar{flex:1;height:6px;background:#f5f5f5;border-radius:3px;cursor:pointer;position:relative}.audio-volume-fill{height:100%;background:#2f1f54;border-radius:3px;transition:width .1s ease}.audio-script-toggle{width:100%;padding:12px;background:#f9f9f9;border:1px solid #E5E5E5;border-radius:12px;font-family:Urbanist,sans-serif;font-size:.875rem;color:#2f1f54;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-bottom:16px}.audio-script-toggle:hover{background:#f5f5f5;border-color:#2f1f54}.audio-script-content{margin-top:16px;padding:20px;background:#f9f9f9;border:1px solid #E5E5E5;border-radius:12px;max-height:400px;overflow-y:auto}.audio-script-text{font-family:Urbanist,sans-serif;font-size:.9375rem;line-height:1.8;color:#333;white-space:pre-wrap}.audio-loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:audioSpin .8s linear infinite}@keyframes audioSpin{to{transform:rotate(360deg)}}.audio-continue-hint{font-family:Urbanist,sans-serif;font-size:.75rem;color:#999;text-align:center;margin-top:8px}.audio-player-actions{width:100%}@media (max-width: 767px){.audio-player-page{padding:16px}.audio-player-card{padding:24px}.audio-controls{gap:12px}.audio-control-button-play{width:56px;height:56px;min-width:56px;min-height:56px}.audio-time-info{min-width:80px;font-size:.8125rem}}.gameplay-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);position:relative;overflow-x:hidden;display:flex;flex-direction:column}.gameplay-top-bar{position:fixed;top:0;left:0;right:0;height:calc(56px + var(--safe-area-top, 0px));padding-top:var(--safe-area-top, 0px);background:#ffffffeb;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);z-index:var(--z-sticky);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-sm);transition:background .3s ease,border-color .3s ease}.top-bar-content{max-width:1200px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}.round-indicator{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,1rem);font-weight:700;color:var(--text-primary);white-space:nowrap}.timer-display{background:var(--color-mystery-magenta-bg);border:2px solid var(--color-mystery-magenta);border-radius:var(--radius-lg);padding:6px 12px;display:flex;align-items:center;gap:6px}.timer-display svg{width:14px;height:14px;color:var(--color-mystery-magenta);flex-shrink:0}.timer-text{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,1rem);font-weight:700;color:var(--color-mystery-magenta)}.menu-button{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:10px;min-width:44px;min-height:44px;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:8px}.menu-button:hover{transform:rotate(90deg);background:#0000000d}@media (hover: none){.menu-button:hover{transform:none}.menu-button:active{background:#0000001a}}.menu-button svg{width:24px;height:24px}.gameplay-content{padding-top:calc(56px + var(--safe-area-top, 0px));min-height:100vh;min-height:100dvh;scroll-snap-type:y proximity;overflow-y:auto;flex:1}.gameplay-card{min-height:calc(100vh - 56px - var(--safe-area-top, 0px));min-height:calc(100dvh - 56px - var(--safe-area-top, 0px));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px calc(40px + var(--safe-area-bottom, 0px));scroll-snap-align:start}.worthington-intro{text-align:center;margin-bottom:32px}.worthington-avatar-large{width:100px;height:100px;border-radius:var(--radius-full);background:var(--color-golden-clue);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:4px solid rgba(255,255,255,.3);box-shadow:var(--shadow-gold)}.worthington-initial{font-family:var(--font-secondary);font-size:clamp(2rem,6vw,3rem);font-weight:700;color:var(--text-primary);letter-spacing:-1px}.worthington-name{font-family:var(--font-secondary);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:var(--color-golden-clue);margin-bottom:6px;letter-spacing:-.5px}.worthington-title{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1.125rem);color:var(--color-medium-gray);font-style:italic;font-weight:700}.card-story{max-width:600px;width:100%;margin:0 auto;padding:32px 20px}.location-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--color-royal-purple);border-radius:var(--radius-xl);font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1.25rem);font-weight:700;color:var(--text-primary);box-shadow:var(--shadow-purple);margin-bottom:24px}.location-badge svg{width:18px;height:18px;flex-shrink:0}.location-text{letter-spacing:.5px}.story-title{font-family:var(--font-primary);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;color:var(--color-golden-clue);text-align:center;margin-bottom:24px;letter-spacing:-.5px}.scenario-box{background:#ffffff0d;border-left:5px solid var(--color-global-teal);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.scenario-label{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,1rem);font-weight:700;text-transform:none;color:var(--color-global-teal);margin-bottom:12px;letter-spacing:1px}.scenario-text{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1.125rem);color:var(--text-primary);line-height:1.8;font-weight:700}.worthington-says-box{background:var(--color-golden-clue-bg);border:3px solid var(--color-golden-clue);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.worthington-says-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.worthington-avatar-small{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-golden-clue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.worthington-initial-small{font-family:var(--font-secondary);font-size:clamp(1rem,3vw,1.5rem);font-weight:700;color:var(--text-primary)}.worthington-says-label{font-family:var(--font-secondary);font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:var(--color-golden-clue);letter-spacing:-.5px}.worthington-says-text{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1.125rem);font-style:italic;color:var(--text-primary);line-height:1.7;font-weight:700}.question-box{background:var(--color-mystery-magenta-bg);border:3px solid var(--color-mystery-magenta);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.question-label{display:flex;align-items:center;gap:8px;font-family:var(--font-secondary);font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:var(--color-mystery-magenta);margin-bottom:16px;letter-spacing:-.5px}.question-label svg{width:18px;height:18px;flex-shrink:0}.question-text{font-family:var(--font-secondary);font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:var(--text-primary);line-height:1.6}.answer-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.answer-letter{font-weight:700;margin-right:8px;flex-shrink:0}.answer-text{flex:1}.side-ui{display:none;position:fixed;right:20px;top:50%;transform:translateY(-50%);flex-direction:column;gap:16px;z-index:var(--z-fixed)}.side-ui-button{background:#000c;width:52px;height:52px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.3);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all var(--transition-standard)}.side-ui-button:hover{border-color:var(--color-royal-purple);transform:scale(1.1);box-shadow:var(--shadow-purple-hover)}@media (hover: none){.side-ui-button:hover{transform:none}}.side-ui-button svg{width:22px;height:22px;flex-shrink:0}.side-ui-label{font-family:var(--font-secondary);font-size:9px;font-weight:700;text-transform:none;color:var(--text-primary);letter-spacing:.5px}.side-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease}.side-panel{position:fixed;right:0;top:0;bottom:0;width:100%;max-width:100vw;background:var(--bg-primary);border-left:2px solid var(--color-dark-gray);display:flex;flex-direction:column;animation:slideInRight .3s ease-out;z-index:var(--z-modal)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + var(--safe-area-top, 0px)) 16px 16px;border-bottom:1px solid var(--color-dark-gray);flex-shrink:0}.side-panel-title{font-family:var(--font-primary);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.side-panel-close{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:10px;min-width:44px;min-height:44px;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:8px}.side-panel-close:hover{transform:rotate(90deg);background:#0000000d}@media (hover: none){.side-panel-close:hover{transform:none}}.side-panel-close svg{width:24px;height:24px}.side-panel-content{flex:1;overflow-y:auto;padding:20px 16px calc(20px + var(--safe-area-bottom, 0px))}.panel-content{font-family:var(--font-secondary);font-size:var(--font-body-size);color:var(--text-secondary);font-weight:700}.notes-textarea{width:100%;min-height:180px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:14px;font-family:var(--font-secondary);font-size:var(--font-body-size);color:var(--text-primary);resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--color-royal-purple);background:var(--color-royal-purple-bg)}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-area-bottom, 0px));padding-bottom:var(--safe-area-bottom, 0px);background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-dark-gray);justify-content:space-around;align-items:center;z-index:var(--z-fixed)}.mobile-ui-button{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;min-width:44px;min-height:44px;transition:transform var(--transition-fast);border-radius:8px}.mobile-ui-button:active{transform:scale(.9);background:#ffffff1a}.mobile-ui-button svg{width:20px;height:20px;flex-shrink:0}.mobile-ui-label{font-family:var(--font-secondary);font-size:10px;font-weight:700;text-transform:none;color:var(--text-primary);letter-spacing:.5px}.gameplay-page:has(.mobile-bottom-bar) .gameplay-content{padding-bottom:calc(56px + var(--safe-area-bottom, 0px))}@media (min-width: 480px){.top-bar-content{padding:0 20px;gap:16px}.timer-display{padding:8px 14px;gap:8px}.timer-display svg{width:16px;height:16px}.gameplay-card{padding:48px 20px calc(48px + var(--safe-area-bottom, 0px))}.worthington-avatar-large{width:110px;height:110px;margin-bottom:24px}.worthington-intro{margin-bottom:40px}.card-story{padding:36px 24px}.location-badge{padding:14px 28px;gap:12px;margin-bottom:28px}.location-badge svg{width:20px;height:20px}.story-title{margin-bottom:28px}.scenario-box,.worthington-says-box,.question-box{padding:24px;margin-bottom:24px}.worthington-says-header{gap:14px;margin-bottom:18px}.worthington-avatar-small{width:52px;height:52px}.answer-options{gap:14px;margin-bottom:24px}.side-panel{width:85%;max-width:400px}.side-panel-header{padding:calc(20px + var(--safe-area-top, 0px)) 20px 20px}.side-panel-content{padding:24px 20px calc(24px + var(--safe-area-bottom, 0px))}.notes-textarea{min-height:200px;padding:16px}}@media (min-width: 768px){.gameplay-top-bar{height:calc(64px + var(--safe-area-top, 0px))}.top-bar-content{height:64px;padding:0 32px}.gameplay-content{padding-top:calc(64px + var(--safe-area-top, 0px))}.gameplay-card{min-height:calc(100vh - 64px - var(--safe-area-top, 0px));padding:60px 32px}.worthington-avatar-large{width:120px;height:120px}.worthington-intro{margin-bottom:48px}.card-story{padding:40px 32px}.location-badge{padding:16px 32px}.scenario-box,.worthington-says-box,.question-box{padding:28px;margin-bottom:28px}.worthington-avatar-small{width:56px;height:56px}.side-panel{width:400px}.side-panel-header{padding:24px}.side-panel-content{padding:28px 24px}.mobile-bottom-bar{display:flex;max-width:600px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}}@media (min-width: 1024px){.top-bar-content{padding:0 40px}.mobile-bottom-bar{display:none}.side-ui{display:flex;right:24px;gap:20px}.side-ui-button{width:56px;height:56px}.side-ui-button svg{width:24px;height:24px}.side-ui-label{font-size:10px}.gameplay-card{padding:60px 40px}.card-story{padding:40px 20px}}@media (min-width: 1440px){.side-ui{right:32px}}@media (max-height: 500px) and (orientation: landscape){.gameplay-top-bar{height:calc(48px + var(--safe-area-top, 0px))}.top-bar-content{height:48px;padding:0 16px}.timer-display{padding:4px 10px}.timer-display svg{width:12px;height:12px}.menu-button{padding:8px;min-width:36px;min-height:36px}.menu-button svg{width:20px;height:20px}.gameplay-content{padding-top:calc(48px + var(--safe-area-top, 0px))}.gameplay-card{min-height:calc(100vh - 48px - var(--safe-area-top, 0px));padding:20px 16px calc(20px + var(--safe-area-bottom, 0px))}.worthington-intro{margin-bottom:20px}.worthington-avatar-large{width:80px;height:80px;margin-bottom:12px}.card-story{padding:20px 16px}.location-badge{padding:8px 16px;margin-bottom:16px;gap:8px}.location-badge svg{width:14px;height:14px}.story-title{margin-bottom:16px}.scenario-box,.worthington-says-box,.question-box{padding:14px;margin-bottom:14px}.worthington-says-header{gap:10px;margin-bottom:10px}.worthington-avatar-small{width:40px;height:40px}.answer-options{gap:8px;margin-bottom:14px}.mobile-bottom-bar{height:calc(48px + var(--safe-area-bottom, 0px))}.mobile-ui-button{padding:6px 10px;min-height:36px}.mobile-ui-button svg{width:18px;height:18px}.mobile-ui-label{font-size:9px}.side-panel-header{padding:calc(12px + var(--safe-area-top, 0px)) 16px 12px}.side-panel-content{padding:16px}.notes-textarea{min-height:120px}}@media print{.gameplay-top-bar,.mobile-bottom-bar,.side-ui,.side-panel-overlay,.menu-button{display:none!important}.gameplay-content{padding-top:0}.gameplay-card{min-height:auto;padding:20px;page-break-inside:avoid}.card-story{border:2px solid #000;page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){.side-panel,.side-panel-overlay{animation:none}.menu-button:hover,.side-panel-close:hover{transform:none}}.results-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column}.results-header{text-align:center;padding:calc(40px + var(--safe-area-top, 0px)) 20px 32px;background:linear-gradient(180deg,var(--color-royal-purple-bg) 0%,var(--bg-primary) 100%)}.results-header-content{max-width:600px;margin:0 auto}.results-trophy{font-size:clamp(3rem,10vw,5rem);margin-bottom:20px;animation:trophyBounce 2s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.results-title{font-family:var(--font-primary);font-size:clamp(1.75rem,6vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-1px}.results-subtitle{font-family:var(--font-secondary);font-size:clamp(1rem,3vw,1.25rem);color:var(--text-secondary);font-weight:700}.results-score-card{background:var(--bg-primary);border:3px solid var(--color-royal-purple);border-radius:var(--radius-xl);padding:32px 24px;max-width:600px;margin:0 auto 32px;text-align:center;box-shadow:var(--shadow-purple)}.score-label{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,1rem);font-weight:700;text-transform:none;color:var(--text-secondary);letter-spacing:1px;margin-bottom:12px}.score-value{font-family:var(--font-secondary);font-size:clamp(3rem,10vw,5rem);font-weight:700;color:var(--color-royal-purple);line-height:1;margin-bottom:16px}.score-breakdown{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--color-light-gray)}.breakdown-item{text-align:center}.breakdown-value{font-family:var(--font-secondary);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:var(--text-primary);margin-bottom:4px}.breakdown-label{font-family:var(--font-secondary);font-size:clamp(.75rem,2vw,.875rem);color:var(--text-muted);font-weight:700}.culprit-section{background:var(--bg-secondary);padding:40px 20px;flex:1}.culprit-content{max-width:800px;margin:0 auto}.culprit-header{text-align:center;margin-bottom:32px}.culprit-label{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,1rem);font-weight:700;text-transform:none;color:var(--color-mystery-magenta);letter-spacing:1px;margin-bottom:12px}.culprit-title{font-family:var(--font-primary);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:var(--text-primary);letter-spacing:-1px}.culprit-display{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:32px}.culprit-avatar{width:120px;height:120px;border-radius:var(--radius-full);background:var(--color-mystery-magenta);display:flex;align-items:center;justify-content:center;border:4px solid var(--color-pure-white);box-shadow:var(--shadow-magenta-hover);flex-shrink:0}.culprit-initial{font-family:var(--font-secondary);font-size:clamp(2.5rem,8vw,3.5rem);font-weight:700;color:var(--color-pure-white)}.culprit-info{text-align:center;flex:1}.culprit-name{font-family:var(--font-primary);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.culprit-role{font-family:var(--font-secondary);font-size:clamp(1rem,3vw,1.25rem);color:var(--color-mystery-magenta);font-weight:700;margin-bottom:16px}.motive-card{background:var(--color-mystery-magenta-bg);border:2px solid var(--color-mystery-magenta);border-radius:var(--radius-lg);padding:20px;max-width:500px;margin:0 auto}.motive-label{font-family:var(--font-secondary);font-size:clamp(.75rem,2vw,.875rem);font-weight:700;text-transform:none;color:var(--color-mystery-magenta);letter-spacing:.5px;margin-bottom:10px}.motive-text{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1.125rem);color:var(--text-primary);line-height:1.7;font-weight:700}.worthington-commentary{background:var(--color-golden-clue-bg);border:3px solid var(--color-golden-clue);border-radius:var(--radius-xl);padding:28px 24px;margin-top:32px}.worthington-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.worthington-avatar{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-golden-clue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.worthington-initial{font-family:var(--font-secondary);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:var(--text-primary)}.worthington-name{font-family:var(--font-secondary);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;color:var(--color-golden-clue);letter-spacing:-.5px}.worthington-text{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1.125rem);font-style:italic;color:var(--text-primary);line-height:1.7;font-weight:700}.results-actions{padding:32px 20px calc(32px + var(--safe-area-bottom, 0px));background:var(--bg-primary);border-top:1px solid var(--color-light-gray)}.results-actions-content{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.results-action-button{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;padding:14px 24px;min-height:52px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-standard);text-transform:none;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.results-action-button.primary{background:var(--color-royal-purple);color:var(--color-pure-white);border:none;box-shadow:var(--shadow-purple)}.results-action-button.primary:hover{background:var(--color-royal-purple-hover);transform:translateY(-2px);box-shadow:var(--shadow-purple-hover)}.results-action-button.secondary{background:transparent;color:var(--color-royal-purple);border:2px solid var(--color-royal-purple)}.results-action-button.secondary:hover{background:var(--color-royal-purple-bg);transform:translateY(-2px)}@media (hover: none){.results-action-button:hover{transform:none}.results-action-button:active{transform:scale(.98)}}.results-action-button svg{width:18px;height:18px;flex-shrink:0}.leaderboard-preview{background:var(--bg-primary);border:1px solid var(--color-light-gray);border-radius:var(--radius-xl);padding:24px 20px;max-width:600px;margin:0 auto 32px}.leaderboard-title{font-family:var(--font-primary);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.5px;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-secondary);border-radius:var(--radius-md)}.leaderboard-item.current-user{background:var(--color-royal-purple-bg);border:2px solid var(--color-royal-purple)}.leaderboard-rank{font-family:var(--font-secondary);font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:var(--text-primary);min-width:32px;text-align:center}.leaderboard-rank.gold{color:var(--color-golden-clue)}.leaderboard-rank.silver{color:silver}.leaderboard-rank.bronze{color:#cd7f32}.leaderboard-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-royal-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-avatar-initial{font-family:var(--font-secondary);font-size:clamp(.875rem,2.5vw,1rem);font-weight:700;color:var(--color-pure-white)}.leaderboard-name{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-family:var(--font-secondary);font-size:clamp(.875rem,2.5vw,1rem);font-weight:700;color:var(--color-royal-purple);flex-shrink:0}@media (min-width: 480px){.results-header{padding:calc(48px + var(--safe-area-top, 0px)) 24px 40px}.results-trophy{margin-bottom:24px}.results-score-card{padding:40px 32px;margin:0 24px 40px}.score-breakdown{gap:32px;padding-top:24px}.culprit-section{padding:48px 24px}.culprit-header{margin-bottom:40px}.culprit-display{gap:28px;margin-bottom:40px}.culprit-avatar{width:140px;height:140px}.motive-card{padding:24px}.worthington-commentary{padding:32px 28px;margin-top:40px}.worthington-header{gap:16px;margin-bottom:20px}.worthington-avatar{width:60px;height:60px}.results-actions{padding:40px 24px calc(40px + var(--safe-area-bottom, 0px))}.results-actions-content{gap:16px}.results-action-button{min-height:56px;padding:16px 28px}.leaderboard-preview{padding:28px 24px;margin:0 24px 40px}.leaderboard-list{gap:14px}.leaderboard-item{padding:16px;gap:16px}}@media (min-width: 768px){.results-header{padding:calc(56px + var(--safe-area-top, 0px)) 32px 48px}.results-score-card{padding:48px 40px;margin:0 32px 48px}.score-breakdown{gap:48px}.culprit-section{padding:56px 32px}.culprit-display{flex-direction:row;align-items:flex-start;gap:40px;text-align:left}.culprit-avatar{width:160px;height:160px}.culprit-info{text-align:left;padding-top:16px}.motive-card{margin:0;max-width:none}.worthington-commentary{padding:36px 32px;margin-top:48px}.results-actions{padding:48px 32px calc(48px + var(--safe-area-bottom, 0px))}.results-actions-content{flex-direction:row;max-width:600px}.results-action-button{flex:1}.leaderboard-preview{padding:32px;margin:0 32px 48px}}@media (min-width: 1024px){.results-header{padding:60px 48px}.results-score-card{margin:0 48px 56px}.culprit-section{padding:60px 48px}.culprit-avatar{width:180px;height:180px}.worthington-commentary{margin-top:56px}.results-actions{padding:56px 48px calc(56px + var(--safe-area-bottom, 0px))}.leaderboard-preview{margin:0 48px 56px}}@media (max-height: 500px) and (orientation: landscape){.results-header{padding:calc(20px + var(--safe-area-top, 0px)) 16px 20px}.results-trophy{font-size:2.5rem;margin-bottom:12px;animation:none}.results-score-card{padding:20px;margin:0 16px 20px;display:flex;align-items:center;gap:24px}.score-value{font-size:2.5rem;margin-bottom:0}.score-breakdown{padding-top:0;border-top:none;border-left:1px solid var(--color-light-gray);padding-left:24px;gap:20px}.culprit-section{padding:20px 16px}.culprit-header{margin-bottom:20px}.culprit-display{flex-direction:row;gap:20px;margin-bottom:20px}.culprit-avatar{width:80px;height:80px}.culprit-info{text-align:left}.motive-card{padding:14px;margin:0;max-width:none}.worthington-commentary{padding:20px;margin-top:20px}.worthington-header{margin-bottom:12px}.worthington-avatar{width:44px;height:44px}.results-actions{padding:20px 16px calc(20px + var(--safe-area-bottom, 0px))}.results-actions-content{flex-direction:row;gap:12px}.results-action-button{min-height:44px;padding:10px 20px;font-size:.875rem}.leaderboard-preview{padding:16px;margin:0 16px 20px}.leaderboard-item{padding:10px}.leaderboard-avatar{width:36px;height:36px}}@media print{.results-page{min-height:auto}.results-header{background:#fff}.results-trophy{animation:none}.results-score-card,.culprit-section,.worthington-commentary,.leaderboard-preview{break-inside:avoid;border:1px solid #000}.results-actions{display:none!important}}@media (prefers-reduced-motion: reduce){.results-trophy{animation:none}.results-action-button:hover{transform:none}}.auth-hero-banner{position:relative;background:#fff;border:1px solid #E5E5E5;border-radius:20px;padding:40px 24px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 20px #0000000f;min-height:120px}.auth-category-names-background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.auth-category-name-bg{position:absolute;font-family:var(--font-primary, "Poiret One", sans-serif);font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:var(--color-detective-purple, #2F1F54);opacity:.08;white-space:nowrap;-webkit-user-select:none;user-select:none}.auth-category-name-bg:nth-child(1){top:5%;left:-5%;animation:authFadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(2){top:20%;right:-8%;animation:authFadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(3){top:35%;left:-10%;animation:authFadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(4){top:50%;right:-5%;animation:authFadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(5){top:65%;left:-3%;animation:authFadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(6){top:80%;right:-12%;animation:authFadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(7){top:10%;left:40%;animation:authFadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(8){top:25%;right:35%;animation:authFadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(9){top:45%;left:55%;animation:authFadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(10){top:60%;right:45%;animation:authFadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(11){top:75%;left:30%;animation:authFadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(12){top:90%;right:25%;animation:authFadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(13){top:15%;left:70%;animation:authFadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(14){top:30%;right:70%;animation:authFadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(15){top:55%;left:25%;animation:authFadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(16){top:70%;right:60%;animation:authFadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(17){top:85%;left:65%;animation:authFadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.auth-category-name-bg:nth-child(18){top:95%;right:55%;animation:authFadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes authFadeInOut1{0%,16.66%{opacity:0;transform:rotate(-15deg) translate(-5%,85%)}8.33%{opacity:.12;transform:rotate(-15deg) translate(-5%,85%)}16.67%,to{opacity:0}}@keyframes authFadeInOut2{16.67%,33.33%{opacity:0;transform:rotate(30deg) translate(85%,15%)}25%{opacity:.12;transform:rotate(30deg) translate(85%,15%)}33.34%,to{opacity:0}}@keyframes authFadeInOut3{33.34%,50%{opacity:0;transform:rotate(-45deg) translate(10%,70%)}41.67%{opacity:.12;transform:rotate(-45deg) translate(10%,70%)}50.01%,to{opacity:0}}@keyframes authFadeInOut4{50.01%,66.66%{opacity:0;transform:rotate(60deg) translate(70%,30%)}58.33%{opacity:.12;transform:rotate(60deg) translate(70%,30%)}66.67%,to{opacity:0}}@keyframes authFadeInOut5{66.67%,83.33%{opacity:0;transform:rotate(-90deg) translate(50%,50%)}75%{opacity:.12;transform:rotate(-90deg) translate(50%,50%)}83.34%,to{opacity:0}}@keyframes authFadeInOut6{83.34%,to{opacity:0;transform:rotate(105deg) translate(20%,80%)}91.67%{opacity:.12;transform:rotate(105deg) translate(20%,80%)}}.auth-hero-content{position:relative;z-index:1;text-align:center}.auth-hero-subtitle{font-family:var(--font-primary, "Poiret One", sans-serif);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase;letter-spacing:-.5px;line-height:1.3}.auth-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(40px + var(--safe-area-top, 0px)) 20px calc(40px + var(--safe-area-bottom, 0px))}.auth-container{width:100%;max-width:min(400px,calc(100vw - 40px));background:var(--bg-primary);border:1px solid var(--color-light-gray);border-radius:var(--radius-xl);padding:clamp(24px,5vw,32px) clamp(20px,4vw,24px);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:auto;height:48px;margin-bottom:24px}.auth-title{font-family:var(--font-primary);font-size:clamp(1.5rem,5vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-1px}.auth-subtitle{font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1rem);color:var(--text-secondary);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,.875rem);font-weight:700;color:var(--text-primary);letter-spacing:.5px}.auth-input-group{position:relative;display:flex;align-items:center;margin-bottom:16px}.auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);pointer-events:none;z-index:1;flex-shrink:0}.auth-input-group .auth-input{padding-left:46px}.auth-input-group .auth-input:focus+.auth-input-icon,.auth-input-group:focus-within .auth-input-icon{color:var(--color-royal-purple)}.auth-input{background:var(--bg-primary);border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:14px 16px;min-height:48px;font-family:var(--font-secondary);font-size:var(--font-body-size);color:var(--text-primary);width:100%;transition:all var(--transition-standard)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{outline:none;border-color:var(--color-royal-purple);background:var(--color-royal-purple-bg)}.auth-input.error{border-color:var(--color-mystery-magenta);background:var(--color-mystery-magenta-bg)}.auth-error{font-family:var(--font-secondary);font-size:clamp(.75rem,2vw,.8125rem);color:var(--color-mystery-magenta);font-weight:700;margin-top:4px}.auth-checkbox-group{display:flex;align-items:flex-start;gap:12px;margin-top:8px;margin-bottom:8px}.auth-checkbox{width:20px;height:20px;min-width:20px;margin:2px 0 0;cursor:pointer;accent-color:var(--color-royal-purple);flex-shrink:0}.auth-checkbox-label{font-family:var(--font-secondary);font-size:.875rem;color:var(--text-secondary);line-height:1.5}.auth-checkbox-link{color:var(--color-royal-purple);text-decoration:none;font-weight:700;transition:color var(--transition-fast)}.auth-checkbox-link:hover{color:var(--color-electric-violet);text-decoration:underline}.password-requirements{margin-top:12px;padding:12px 16px;background:#f9f9f9;border-radius:8px;border:1px solid #E5E5E5}.password-requirements-title{font-family:var(--font-secondary);font-size:.8125rem;font-weight:600;color:#333;margin:0 0 10px}.password-requirements-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.password-requirement{display:flex;align-items:center;gap:8px;font-family:var(--font-secondary);font-size:.8125rem;transition:color .2s ease}.password-requirement.passed{color:#4caf50}.password-requirement.failed{color:#999}.requirement-icon{width:16px;height:16px;flex-shrink:0}.requirement-icon.passed{color:#4caf50}.requirement-icon.failed{color:#dc143c}.password-field-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);border-radius:8px}.password-toggle:hover{color:var(--text-primary)}.password-toggle svg{width:20px;height:20px}.auth-submit-button{background:var(--color-royal-purple);color:var(--color-pure-white);font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;letter-spacing:1px;text-transform:none;padding:14px 24px;min-height:52px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:var(--shadow-purple);transition:all var(--transition-standard);display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:8px}.auth-submit-button:hover:not(:disabled){background:var(--color-royal-purple-hover);box-shadow:var(--shadow-purple-hover);transform:translateY(-2px)}.auth-submit-button:active:not(:disabled){transform:translateY(0)}@media (hover: none){.auth-submit-button:hover:not(:disabled){transform:none}.auth-submit-button:active:not(:disabled){transform:scale(.98)}}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-submit-button .spinner{animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider-line{flex:1;height:1px;background:var(--color-light-gray)}.auth-divider-text{font-family:var(--font-secondary);font-size:clamp(.75rem,2vw,.8125rem);color:var(--text-muted);font-weight:700;text-transform:none;letter-spacing:.5px}.social-login-buttons{display:flex;flex-direction:column;gap:12px}.social-login-button{background:var(--bg-primary);border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:12px 20px;min-height:52px;font-family:var(--font-secondary);font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;color:var(--text-primary);cursor:pointer;transition:all var(--transition-standard);display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.social-login-button:hover{border-color:var(--color-royal-purple);background:var(--color-royal-purple-bg);transform:translateY(-2px)}.social-login-button:active{transform:translateY(0)}@media (hover: none){.social-login-button:hover{transform:none}.social-login-button:active{transform:scale(.98)}}.social-login-button svg,.social-login-button img{width:20px;height:20px;flex-shrink:0}.social-login-button.apple{background:#000;color:#fff;border-color:#000}.social-login-button.apple:hover{background:#333;border-color:#333}.auth-footer{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--color-light-gray)}.auth-footer-text{font-family:var(--font-secondary);font-size:clamp(.875rem,2.5vw,1rem);color:var(--text-secondary);font-weight:700}.auth-footer-link{color:var(--color-royal-purple);text-decoration:none;font-weight:700;transition:color var(--transition-fast);padding:4px;border-radius:4px}.auth-footer-link:hover{color:var(--color-electric-violet);text-decoration:underline}.forgot-password-link{display:block;text-align:right;margin-top:-8px;margin-bottom:8px}.forgot-password-link a{font-family:var(--font-secondary);font-size:clamp(.8125rem,2vw,.875rem);color:var(--color-royal-purple);text-decoration:none;font-weight:700;transition:color var(--transition-fast);padding:4px 8px;border-radius:4px}.forgot-password-link a:hover{color:var(--color-electric-violet);text-decoration:underline}.auth-message{padding:14px 16px;border-radius:var(--radius-sm);font-family:var(--font-secondary);font-size:clamp(.875rem,2vw,.9375rem);font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.auth-message.success{background:var(--color-global-teal-bg);border:2px solid var(--color-global-teal);color:var(--color-global-teal)}.auth-message.error{background:var(--color-mystery-magenta-bg);border:2px solid var(--color-mystery-magenta);color:var(--color-mystery-magenta)}.auth-message svg{width:18px;height:18px;flex-shrink:0}.back-to-home{margin-top:24px;text-align:center}.back-to-home a{font-family:var(--font-secondary);font-size:clamp(.875rem,2vw,.9375rem);color:var(--text-muted);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;transition:all var(--transition-fast);min-height:44px}.back-to-home a:hover{color:var(--text-primary);background:#0000000d}.back-to-home svg{width:16px;height:16px;flex-shrink:0}@media (min-width: 480px){.auth-hero-banner{padding:48px 32px;border-radius:24px}.auth-hero-subtitle{font-size:1.5rem}.auth-page{padding:calc(48px + var(--safe-area-top, 0px)) 24px calc(48px + var(--safe-area-bottom, 0px))}.auth-container{padding:40px 32px}.auth-header{margin-bottom:36px}.auth-logo{height:52px;margin-bottom:28px}.auth-form{gap:22px}.auth-divider{margin:28px 0}.social-login-buttons{gap:14px}.auth-footer{margin-top:32px;padding-top:28px}.back-to-home{margin-top:28px}}@media (min-width: 768px){.auth-hero-banner{padding:56px 40px;min-height:140px}.auth-hero-subtitle{font-size:1.75rem}.auth-category-name-bg{font-size:2.5rem}.auth-page{padding:calc(60px + var(--safe-area-top, 0px)) 32px calc(60px + var(--safe-area-bottom, 0px))}.auth-container{max-width:440px;padding:48px 40px;border-radius:var(--radius-2xl)}.auth-header{margin-bottom:40px}.auth-logo{height:56px;margin-bottom:32px}.auth-form{gap:24px}.auth-input{padding:16px 18px;min-height:52px}.auth-input-group .auth-input{padding-left:48px}.auth-input-icon{left:16px;width:22px;height:22px}.auth-input-group{margin-bottom:20px}.auth-submit-button{min-height:56px;padding:16px 28px}.social-login-button{min-height:56px;padding:14px 24px}.auth-divider{margin:32px 0}.auth-footer{margin-top:36px;padding-top:32px}.back-to-home{margin-top:32px}}@media (min-width: 1024px){.auth-page{padding:60px 48px}.auth-container{max-width:480px;padding:56px 48px}.social-login-buttons{flex-direction:row}.social-login-button{flex:1}}@media (max-height: 500px) and (orientation: landscape){.auth-hero-banner{padding:24px 20px;margin-bottom:20px;min-height:80px;border-radius:16px}.auth-hero-subtitle{font-size:1rem}.auth-category-name-bg{font-size:1.25rem}.auth-page{padding:calc(20px + var(--safe-area-top, 0px)) 16px calc(20px + var(--safe-area-bottom, 0px));justify-content:flex-start}.auth-container{padding:24px 20px;max-width:480px}.auth-header{margin-bottom:20px}.auth-logo{height:36px;margin-bottom:16px}.auth-form{gap:14px}.auth-field{gap:6px}.auth-input{padding:10px 14px;min-height:40px}.auth-input-group .auth-input{padding-left:40px}.auth-input-icon{left:12px;width:18px;height:18px}.auth-input-group{margin-bottom:12px}.auth-submit-button{min-height:44px;padding:10px 20px;margin-top:4px}.auth-divider{margin:16px 0}.social-login-buttons{flex-direction:row;gap:10px}.social-login-button{min-height:44px;padding:10px 16px;flex:1}.auth-footer{margin-top:20px;padding-top:16px}.back-to-home{margin-top:16px}.back-to-home a{padding:8px 12px;min-height:36px}}@media print{.auth-page{min-height:auto;padding:20px}.auth-container{box-shadow:none;border:2px solid #000}.auth-submit-button,.social-login-button,.back-to-home,.auth-category-names-background{display:none!important}}@media (prefers-reduced-motion: reduce){.auth-submit-button:hover:not(:disabled),.social-login-button:hover{transform:none}.auth-submit-button .spinner{animation:none}.auth-category-name-bg{animation:none!important;opacity:.05}}.legal-page{min-height:100vh;background:var(--bg-primary);padding:80px 20px}.legal-container{max-width:900px;margin:0 auto;background:var(--bg-primary);border:1px solid var(--color-light-gray);border-radius:var(--radius-xl);padding:60px;box-shadow:var(--shadow-lg)}.legal-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:2px solid var(--color-light-gray)}.legal-title{font-family:var(--font-primary);font-size:var(--font-h1-size);font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-1px}.legal-meta{font-family:var(--font-secondary);font-size:var(--font-body-small-size);color:var(--text-muted);text-align:center;font-weight:700}.legal-content{font-family:var(--font-secondary);font-size:var(--font-body-size);color:var(--text-primary);line-height:1.8}.legal-section{margin-bottom:48px}.legal-section-title{font-family:var(--font-primary);font-size:var(--font-h2-size);font-weight:700;color:var(--color-royal-purple);margin-bottom:20px;letter-spacing:-.5px}.legal-subsection-title{font-family:var(--font-primary);font-size:var(--font-h3-size);font-weight:700;color:var(--color-global-teal);margin-top:32px;margin-bottom:16px;letter-spacing:-.5px}.legal-content p{margin-bottom:16px;color:var(--text-secondary)}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{margin-bottom:12px;color:var(--text-secondary);line-height:1.7}.legal-highlight-box{background:var(--bg-secondary);border-left:4px solid var(--color-royal-purple);border-radius:var(--radius-sm);padding:24px;margin:24px 0}.legal-highlight-box p{margin-bottom:8px;color:var(--text-primary);font-weight:700}.legal-footer{text-align:center;margin-top:60px;padding-top:32px;border-top:2px solid var(--color-light-gray)}.legal-footer-text{font-family:var(--font-secondary);font-size:var(--font-body-size);color:var(--text-muted);font-weight:700}@media (max-width: 767px){.legal-container{padding:40px 24px;border-radius:var(--radius-lg)}.legal-title{font-size:var(--font-h2-size)}.legal-section-title{font-size:var(--font-h3-size)}.legal-content{font-size:var(--font-body-small-size)}}.store-page{min-height:100vh;background:#fff;width:100%}.store-header{width:100%;padding:24px 32px;background:#ffffffeb;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:100;transition:background .3s ease,border-color .3s ease}.store-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.store-header-left{display:flex;gap:16px;align-items:center}.store-nav-button{font-family:var(--font-secondary);font-size:.875rem;font-weight:700;color:#2f1f54;background:none;border:none;cursor:pointer;padding:8px 16px;transition:color .2s ease;text-transform:none;letter-spacing:1px}.store-nav-button:hover{color:#8c4fff}.store-title{font-family:var(--font-primary);font-size:1.75rem;font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase;letter-spacing:-1px;flex:1;text-align:center}.store-header-right{display:flex;align-items:center}.store-balance{font-family:var(--font-secondary);font-size:.875rem;color:#666}.store-balance-amount{font-weight:700;color:#2f1f54}.store-content{max-width:1200px;margin:0 auto;padding:48px 32px}.store-intro{text-align:center;margin-bottom:48px}.store-subtitle{font-family:var(--font-secondary);font-size:1.125rem;color:#666;margin:0}.store-message{max-width:600px;margin:0 auto 32px;padding:16px 24px;border-radius:8px;text-align:center;font-family:var(--font-secondary);font-size:.9375rem}.store-success{background:#e8f5e9;color:#2e7d32;border:1px solid #A5D6A7}.store-error{background:#ffebee;color:#c62828;border:1px solid #EF9A9A}.store-packages-grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,32px);margin-bottom:clamp(32px,6vw,48px)}@media (min-width: 480px){.store-packages-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,4vw,32px)}}@media (min-width: 768px){.store-packages-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.store-package-card{background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:32px;position:relative;transition:all .2s ease}.store-package-card:hover{border-color:#8c4fff;box-shadow:0 4px 16px #8c4fff1a;transform:translateY(-2px)}.store-package-popular{border-color:#3eebba;border-width:2px}.store-package-best-value{border-color:#f7d47c;border-width:2px}.store-package-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;font-family:var(--font-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.store-badge-popular{background:#3eebba;color:#000}.store-badge-best-value{background:#f7d47c;color:#000}.store-package-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.store-package-name{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase}.store-package-price{font-family:var(--font-secondary);font-size:2rem;font-weight:700;color:#8c4fff;margin:0}.store-package-ip{font-family:var(--font-secondary);font-size:.875rem;color:#666;margin:0}.store-package-value{font-family:var(--font-secondary);font-size:.875rem;color:#f7d47c;font-weight:700;margin:0}.store-package-bonus{font-family:var(--font-secondary);font-size:.75rem;color:#4caf50;font-weight:700;margin:0}.store-package-button{width:100%;font-family:var(--font-secondary);font-size:1rem;font-weight:700;padding:14px 32px;border:1px solid #8C4FFF;background:#8c4fff;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:1px;margin-top:8px}.store-package-button:hover{background:#7b3fe8;border-color:#7b3fe8;transform:translateY(-1px);box-shadow:0 2px 8px #8c4fff4d}.store-payment-form{max-width:600px;margin:0 auto;background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:48px}.store-payment-title{font-family:var(--font-primary);font-size:1.75rem;font-weight:700;color:#2f1f54;margin:0 0 24px;text-align:center;text-transform:none}.store-payment-info{font-family:var(--font-secondary);font-size:1rem;color:#333;margin:0 0 8px;text-align:center}.store-payment-highlight{font-weight:700;color:#8c4fff}.store-payment-details{font-family:var(--font-secondary);font-size:.875rem;color:#666;margin:0 0 32px;text-align:center}.store-payment-form-content{display:flex;flex-direction:column;gap:24px}.store-card-element{padding:20px;background:#f9f9f9;border:1px solid #E5E5E5;border-radius:8px}.store-payment-error{font-family:var(--font-secondary);font-size:.875rem;color:#c62828;text-align:center;margin:0}.store-payment-buttons{display:flex;gap:16px}.store-payment-button{flex:1;font-family:var(--font-secondary);font-size:1rem;font-weight:700;padding:14px 32px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:1px}.store-payment-button-cancel{border:1px solid #E5E5E5;background:#fff;color:#666}.store-payment-button-cancel:hover{border-color:#999;color:#333}.store-payment-button-submit{border:1px solid #8C4FFF;background:#8c4fff;color:#fff}.store-payment-button-submit:hover:not(:disabled){background:#7b3fe8;border-color:#7b3fe8}.store-payment-button-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 479px){.store-header{padding:12px 16px}.store-header-content{flex-direction:column;gap:12px}.store-header-left{width:100%;justify-content:center}.store-title{font-size:clamp(1.25rem,5vw,1.5rem)}.store-content{padding:24px 16px}.store-package-card{padding:20px}.store-payment-form{padding:24px 16px}.store-payment-buttons{flex-direction:column;gap:12px}.store-payment-button{min-height:44px;padding:12px 24px}}@media (min-width: 480px) and (max-width: 767px){.store-header{padding:16px 20px}.store-header-content{flex-direction:column;gap:16px}.store-header-left{width:100%;justify-content:center}.store-title{font-size:1.5rem}.store-content{padding:32px 20px}.store-package-card{padding:24px}.store-payment-form{padding:32px 24px}.store-payment-buttons{flex-direction:column}}@media (min-width: 768px) and (max-width: 1023px){.store-header{padding:20px 24px}.store-content{padding:40px 24px}}.profile-page-redesign{min-height:100vh;min-height:100dvh;background:#fff;width:100%;display:flex;flex-direction:column;position:relative}.profile-header-redesign{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-area-top, 0px)) 16px 12px;background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(47,31,84,.08)}.profile-back-btn,.profile-settings-btn{width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:12px;color:#2f1f54;cursor:pointer;transition:all .2s ease}.profile-back-btn:hover,.profile-settings-btn:hover{background:#8c4fff14;color:#8c4fff}.profile-header-title{font-family:var(--font-primary, "Poiret One", sans-serif);font-size:1.25rem;font-weight:700;color:#2f1f54;text-transform:lowercase;letter-spacing:-.5px;margin:0}.profile-main-content{flex:1;padding:24px 16px calc(100px + var(--safe-area-bottom, 0px));max-width:640px;width:100%;margin:0 auto}.profile-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:#666;font-family:var(--font-secondary, "Urbanist", sans-serif)}.profile-loader-spinner{animation:spin 1s linear infinite;color:#8c4fff}.profile-hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0 32px;gap:16px}.profile-avatar-wrapper{position:relative;width:100px;height:100px}.profile-avatar-image,.profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:center}.profile-avatar-placeholder{background:linear-gradient(135deg,#2f1f54,#8c4fff);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:2.5rem;font-weight:700}.profile-avatar-edit{position:relative;width:100px;height:100px;border-radius:50%;cursor:pointer;overflow:hidden}.profile-avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.profile-avatar-edit:hover .profile-avatar-edit-overlay{opacity:1}.profile-avatar-remove-btn{position:absolute;top:0;right:0;width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;background:#dc143c;color:#fff;border:2px solid #FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;z-index:10}.profile-avatar-remove-btn:hover{transform:scale(1.1)}.profile-pro-badge{position:absolute;bottom:-4px;right:-4px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f7d47c,#e6c567);border-radius:20px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.625rem;font-weight:700;color:#2f1f54;text-transform:uppercase;letter-spacing:.5px;border:2px solid #FFFFFF;box-shadow:0 2px 8px #f7d47c66}.profile-info{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-display-name{font-family:var(--font-primary, "Poiret One", sans-serif);font-size:1.75rem;font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase;letter-spacing:-1px;line-height:1.2}.profile-username-text{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.9375rem;color:#8c4fff;margin:0;font-weight:600}.profile-edit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:2px solid #2F1F54;border-radius:25px;color:#2f1f54;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:44px}.profile-edit-btn:hover{background:#2f1f54;color:#fff}.profile-stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.profile-stat-card{background:#fff;border:1px solid rgba(47,31,84,.1);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.profile-stat-card:hover{border-color:#8c4fff4d;box-shadow:0 4px 16px #8c4fff1a;transform:translateY(-2px)}@media (hover: none){.profile-stat-card:hover{transform:none}}.profile-stat-icon{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.profile-stat-icon.intuition{background:linear-gradient(135deg,#8c4fff,#d92e8a)}.profile-stat-icon.solved{background:linear-gradient(135deg,#3eebba,#2dd4a3)}.profile-stat-icon.streak{background:linear-gradient(135deg,#f7d47c,#f59e0b)}.profile-stat-icon.best{background:linear-gradient(135deg,#d92e8a,#8c4fff)}.profile-stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-stat-value{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:1.5rem;font-weight:700;color:#2f1f54;line-height:1.1}.profile-stat-label{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.6875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.profile-card-section{background:#fff;border:1px solid rgba(47,31,84,.1);border-radius:20px;padding:24px;margin-bottom:16px}.profile-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(47,31,84,.08)}.profile-section-header h3{font-family:var(--font-primary, "Poiret One", sans-serif);font-size:1.125rem;font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase;flex:1}.profile-section-icon{color:#f7d47c}.profile-close-edit-btn{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:10px;color:#666;cursor:pointer;transition:all .2s ease}.profile-close-edit-btn:hover{background:#0000000d;color:#2f1f54}.profile-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:#fff;border:1px solid rgba(47,31,84,.08);border-radius:16px;transition:all .2s ease}.profile-setting-row:hover{border-color:#8c4fff26;box-shadow:0 2px 12px #8c4fff0f}.profile-setting-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.profile-setting-icon{width:40px;height:40px;min-width:40px;border-radius:12px;background:linear-gradient(135deg,#8c4fff1a,#d92e8a14);display:flex;align-items:center;justify-content:center;color:#8c4fff}.profile-setting-title{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:1rem;font-weight:700;color:#2f1f54;line-height:1.3}.profile-setting-desc{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.8125rem;color:#666;line-height:1.5}.profile-toggle{width:56px;height:32px;min-width:56px;border-radius:16px;background:#2f1f541f;border:2px solid transparent;cursor:pointer;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.profile-toggle:hover:not(:disabled){background:#2f1f542e}.profile-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #8c4fff4d}.profile-toggle.active{background:linear-gradient(135deg,#8c4fff,#a66dff);border-color:transparent}.profile-toggle.active:hover:not(:disabled){background:linear-gradient(135deg,#7a3ee6,#9b5cf5)}.profile-toggle:disabled{opacity:.5;cursor:not-allowed}.profile-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #2f1f5440;transition:all .25s cubic-bezier(.4,0,.2,1)}.profile-toggle.active .profile-toggle-knob{left:27px;box-shadow:0 2px 8px #8c4fff66}.profile-toggle:hover:not(:disabled) .profile-toggle-knob{transform:scale(1.05)}.profile-edit-section{background:#fff;border:1px solid rgba(47,31,84,.1);border-radius:20px;padding:24px;margin-bottom:24px}.profile-alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:12px;margin-bottom:16px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:600;line-height:1.4}.profile-alert svg{flex-shrink:0;margin-top:1px}.profile-alert-error{background:#dc143c14;color:#dc143c;border:1px solid rgba(220,20,60,.2)}.profile-alert-success{background:#4caf5014;color:#2e7d32;border:1px solid rgba(76,175,80,.2)}.profile-form-group{margin-bottom:16px}.profile-form-label{display:flex;align-items:center;gap:8px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.8125rem;font-weight:700;color:#2f1f54;margin-bottom:8px}.profile-form-input{width:100%;padding:14px 16px;background:#fff;border:2px solid rgba(47,31,84,.15);border-radius:12px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:1rem;font-weight:600;color:#2f1f54;transition:all .2s ease;min-height:48px}.profile-form-input::placeholder{color:#999;font-weight:500}.profile-form-input:focus{outline:none;border-color:#8c4fff;box-shadow:0 0 0 4px #8c4fff1a}.profile-form-hint{display:block;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.75rem;color:#666;margin-top:6px}.profile-input-wrapper{position:relative}.profile-input-wrapper .profile-form-input{padding-right:48px}.profile-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#666;cursor:pointer;border-radius:8px;transition:all .2s ease}.profile-password-toggle:hover{background:#0000000d;color:#2f1f54}.profile-password-section{background:#2f1f5408;border-radius:16px;padding:20px;margin-top:20px}.profile-password-section h4{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:700;color:#2f1f54;margin:0 0 16px}.profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:48px;border:none}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-btn-loader{animation:spin 1s linear infinite}.profile-btn-primary{background:#2f1f54;color:#fff;flex:1}.profile-btn-primary:hover:not(:disabled){background:#1a102a;transform:translateY(-2px);box-shadow:0 4px 12px #2f1f544d}.profile-btn-secondary{background:transparent;border:2px solid rgba(47,31,84,.2);color:#2f1f54;flex:1}.profile-btn-secondary:hover:not(:disabled){background:#2f1f540d;border-color:#2f1f544d}.profile-btn-outline{background:transparent;border:2px solid #2F1F54;color:#2f1f54}.profile-btn-outline:hover:not(:disabled){background:#2f1f54;color:#fff}.profile-btn-danger{background:#dc143c;color:#fff}.profile-btn-danger:hover:not(:disabled){background:#b91030;transform:translateY(-2px);box-shadow:0 4px 12px #dc143c4d}.profile-btn-danger-outline{background:transparent;border:2px solid #DC143C;color:#dc143c}.profile-btn-danger-outline:hover:not(:disabled){background:#dc143c;color:#fff}.profile-btn-gold{background:linear-gradient(135deg,#f7d47c,#e6c567);color:#2f1f54;border:none}.profile-btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #f7d47c80}.profile-btn-full{width:100%}.profile-form-actions{display:flex;gap:12px;margin-top:24px}.profile-subscription-active{display:flex;flex-direction:column;gap:16px}.profile-subscription-status{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#4caf5014;border:1px solid rgba(76,175,80,.2);border-radius:12px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.9375rem;font-weight:700;color:#2e7d32}.profile-subscription-status .status-icon{flex-shrink:0}.profile-subscription-details{display:flex;flex-direction:column;gap:8px}.profile-subscription-detail{display:flex;align-items:center;gap:8px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;color:#666}.profile-subscription-detail.cancelling{color:#dc143c}.profile-subscription-actions{display:flex;flex-direction:column;gap:10px}.profile-subscription-inactive{text-align:center;padding:16px 0}.profile-subscription-cta{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.9375rem;color:#666;margin:0 0 20px;line-height:1.5}.profile-account-section{margin-top:8px}.profile-danger-zone{margin-top:24px;padding-top:20px;border-top:1px solid rgba(220,20,60,.15)}.profile-danger-warning{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.8125rem;color:#dc143c;margin:0 0 16px;line-height:1.5}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:fadeIn .2s ease}.profile-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;animation:slideUp .3s cubic-bezier(0,0,.2,1)}.profile-modal-danger .profile-modal-header h3{color:#dc143c}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.profile-modal-header h3{font-family:var(--font-primary, "Poiret One", sans-serif);font-size:1.25rem;font-weight:700;color:#2f1f54;margin:0;text-transform:lowercase}.profile-modal-close{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:10px;color:#666;cursor:pointer;transition:all .2s ease}.profile-modal-close:hover{background:#0000001a;color:#2f1f54}.profile-modal-body{padding:20px 24px}.profile-modal-body p{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.9375rem;color:#666;line-height:1.6;margin:0 0 16px}.profile-modal-warning{color:#dc143c!important;font-weight:600}.profile-modal-actions{display:flex;gap:12px;padding:0 24px calc(24px + var(--safe-area-bottom, 0px))}.profile-modal-actions .profile-btn{flex:1}.text-danger{color:#dc143c}@media (min-width: 480px){.profile-header-redesign{padding:calc(16px + var(--safe-area-top, 0px)) 20px 16px}.profile-main-content{padding:32px 20px calc(100px + var(--safe-area-bottom, 0px))}.profile-avatar-wrapper,.profile-avatar-image,.profile-avatar-placeholder,.profile-avatar-edit{width:110px;height:110px}.profile-avatar-placeholder{font-size:2.75rem}.profile-display-name{font-size:2rem}.profile-stats-section{gap:14px}.profile-stat-card{padding:18px;gap:14px}.profile-stat-icon{width:48px;height:48px;min-width:48px;border-radius:14px}.profile-stat-value{font-size:1.75rem}.profile-card-section{padding:28px}.profile-subscription-actions{flex-direction:row}.profile-subscription-actions .profile-btn{flex:1}.profile-modal{padding-bottom:0}}@media (min-width: 768px){.profile-header-redesign{padding:20px 32px}.profile-header-title{font-size:1.5rem}.profile-main-content{padding:40px 32px calc(100px + var(--safe-area-bottom, 0px));max-width:720px}.profile-avatar-wrapper,.profile-avatar-image,.profile-avatar-placeholder,.profile-avatar-edit{width:120px;height:120px}.profile-avatar-placeholder{font-size:3rem}.profile-hero-section{padding:32px 0 40px;gap:20px}.profile-display-name{font-size:2.25rem}.profile-stats-section{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.profile-stat-card{flex-direction:column;text-align:center;padding:20px 16px;gap:12px}.profile-stat-content{align-items:center}.profile-card-section{padding:32px;border-radius:24px;margin-bottom:20px}.profile-edit-section{padding:32px;border-radius:24px}.profile-modal-overlay{align-items:center;padding:24px}.profile-modal{border-radius:24px;max-width:480px;animation:scaleIn .3s cubic-bezier(0,0,.2,1)}.profile-modal-actions{padding:0 24px 24px}}@media (min-width: 1024px){.profile-main-content{max-width:800px;padding:48px}.profile-stats-section{gap:20px}.profile-stat-card{padding:24px 20px}.profile-modal{max-width:520px}}@media (max-height: 500px) and (orientation: landscape){.profile-header-redesign{padding:8px 16px}.profile-main-content{padding:16px}.profile-hero-section{flex-direction:row;text-align:left;padding:16px 0;gap:16px}.profile-avatar-wrapper,.profile-avatar-image,.profile-avatar-placeholder,.profile-avatar-edit{width:80px;height:80px}.profile-avatar-placeholder{font-size:2rem}.profile-info{align-items:flex-start}.profile-display-name{font-size:1.5rem}.profile-stats-section{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.profile-stat-card{padding:12px;gap:8px}.profile-stat-icon{width:36px;height:36px;min-width:36px;border-radius:10px}.profile-stat-icon svg{width:16px;height:16px}.profile-stat-value{font-size:1.25rem}.profile-stat-label{font-size:.625rem}.profile-card-section{padding:16px;margin-bottom:12px}.profile-btn{padding:10px 16px;min-height:40px;font-size:.8125rem}.profile-form-input{padding:10px 12px;min-height:40px}}.profile-preferences-group{display:flex;flex-direction:column;gap:12px}.profile-preferences-description{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;color:#666;margin:0;line-height:1.5}.profile-preferences-label{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.75rem;font-weight:600;color:#2f1f54;text-transform:uppercase;letter-spacing:.5px}.profile-preferences-chips{display:flex;flex-wrap:wrap;gap:8px}.profile-preference-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:500;background:#f5f5f5;border:2px solid transparent;color:#666;cursor:pointer;transition:all .2s ease}.profile-preference-chip:hover:not(:disabled){background:#ebebeb;color:#2f1f54}.profile-preference-chip.active{background:#8c4fff1a;color:#8c4fff;border-color:var(--chip-color, #8C4FFF)}.profile-preference-chip:disabled{opacity:.6;cursor:not-allowed}.profile-volume-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;outline:none;cursor:pointer}.profile-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#8c4fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #8c4fff4d;transition:transform .15s ease}.profile-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.profile-volume-slider::-moz-range-thumb{width:20px;height:20px;background:#8c4fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #8c4fff4d}.profile-volume-slider:disabled{opacity:.5;cursor:not-allowed}.profile-music-types{display:flex;flex-wrap:wrap;gap:8px}.profile-music-type-btn{padding:10px 16px;border-radius:8px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:500;background:#f5f5f5;border:2px solid transparent;color:#666;cursor:pointer;transition:all .2s ease}.profile-music-type-btn:hover:not(:disabled){background:#ebebeb;color:#2f1f54}.profile-music-type-btn.active{background:#8c4fff1a;color:#8c4fff;border-color:#8c4fff}.profile-music-type-btn:disabled{opacity:.6;cursor:not-allowed}.profile-favorites-section{background:#fff;border-radius:16px;border:1px solid rgba(47,31,84,.08);padding:20px;margin-bottom:16px}.profile-favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 480px){.profile-favorites-grid{grid-template-columns:1fr}}.profile-favorite-card{background:#f9f9f9;border-radius:12px;padding:14px;position:relative;transition:all .2s ease}.profile-favorite-card:hover{background:#f5f5f5}.profile-favorite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-favorite-domain{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.625rem;font-weight:700;text-transform:uppercase;color:#8c4fff;background:#8c4fff1a;padding:4px 8px;border-radius:4px}.profile-favorite-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#999;cursor:pointer;transition:all .2s ease}.profile-favorite-remove:hover{background:#d92e8a1a;color:#d92e8a}.profile-favorite-title{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:600;color:#2f1f54;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-favorite-description{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.75rem;color:#666;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-favorite-play-btn{width:100%;padding:8px;font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.75rem;font-weight:600;color:#8c4fff;background:#8c4fff1a;border:1px solid rgba(140,79,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.profile-favorite-play-btn:hover{background:#8c4fff;color:#fff}@media (prefers-reduced-motion: reduce){.profile-loader-spinner{animation:none}.profile-stat-card:hover,.profile-btn:hover,.profile-edit-btn:hover{transform:none}.profile-modal,.profile-modal-overlay{animation:none}.profile-toggle-knob{transition:none}}@media print{.profile-header-redesign{position:static;border-bottom:2px solid #000}.profile-back-btn,.profile-settings-btn,.profile-edit-btn,.profile-btn{display:none!important}.profile-card-section{break-inside:avoid;border:1px solid #000}.profile-stat-card:hover{transform:none;box-shadow:none}}.nav-bottom-spacer{height:calc(80px + var(--safe-area-bottom, 0px))}.admin-page{min-height:100vh;background:linear-gradient(135deg,#1a102a,#2f1f54,#1a102a);color:#fff}.admin-auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.admin-auth-card{background:#ffffff0d;border:1px solid rgba(140,79,255,.3);border-radius:24px;padding:48px;max-width:400px;width:100%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-auth-icon{width:80px;height:80px;background:linear-gradient(135deg,#8c4fff,#d92e8a);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.admin-auth-card h1{font-family:Poiret One,sans-serif;font-size:2rem;margin-bottom:8px;color:#fff}.admin-auth-card p{color:#ffffffb3;margin-bottom:32px;font-size:.9375rem}.admin-auth-form{display:flex;flex-direction:column;gap:16px}.admin-back-link{display:inline-flex;align-items:center;gap:8px;color:#fff9;background:none;border:none;cursor:pointer;margin-top:24px;font-size:.875rem;transition:color .2s ease}.admin-back-link:hover{color:#8c4fff}.admin-header{background:#1a102af2;border-bottom:1px solid rgba(140,79,255,.3);padding:16px 24px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:16px}.admin-header h1{font-family:Poiret One,sans-serif;font-size:1.5rem;display:flex;align-items:center;gap:12px;flex:1}.admin-back-btn{width:44px;height:44px;background:#8c4fff33;border:1px solid rgba(140,79,255,.3);border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-back-btn:hover{background:#8c4fff4d;border-color:#8c4fff}.admin-badge{background:linear-gradient(135deg,#d92e8a,#8c4fff);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px}.admin-main{padding:32px 24px}.admin-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.admin-container{grid-template-columns:450px 1fr;align-items:start}}.admin-card{background:#ffffff0d;border:1px solid rgba(140,79,255,.3);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-card h2{font-family:Poiret One,sans-serif;font-size:1.25rem;display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#fff}.admin-form{display:flex;flex-direction:column;gap:20px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{font-size:.875rem;font-weight:600;color:#ffffffe6}.label-hint{display:block;font-size:.75rem;font-weight:400;color:#ffffff80;margin-top:4px}.admin-input,.admin-select,.admin-textarea{background:#1a102acc;border:1px solid rgba(140,79,255,.3);border-radius:12px;padding:14px 16px;color:#fff;font-size:1rem;font-family:Urbanist,sans-serif;transition:all .2s ease}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:none;border-color:#8c4fff;box-shadow:0 0 0 3px #8c4fff33}.admin-input::placeholder,.admin-textarea::placeholder{color:#fff6}.admin-select{cursor:pointer}.admin-select option{background:#1a102a;color:#fff}.admin-textarea{resize:vertical;min-height:100px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.admin-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-family:Urbanist,sans-serif;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-button.primary{background:linear-gradient(135deg,#8c4fff,#d92e8a);color:#fff}.admin-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8c4fff66}.admin-button.secondary{background:#8c4fff33;color:#8c4fff;border:1px solid rgba(140,79,255,.5)}.admin-button.secondary:hover:not(:disabled){background:#8c4fff4d;border-color:#8c4fff}.admin-button.ghost{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.admin-button.ghost:hover:not(:disabled){background:#ffffff1a;color:#fff}.admin-button.small{padding:8px 16px;font-size:.8125rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-message{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;margin-top:20px;font-size:.9375rem}.admin-message.error{background:#dc262633;border:1px solid rgba(220,38,38,.4);color:#fca5a5}.admin-message.success{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac}.admin-error{display:flex;align-items:center;gap:8px;color:#fca5a5;font-size:.875rem;padding:12px;background:#dc26261a;border-radius:8px}.admin-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-preview-header h2{margin-bottom:0}.admin-preview{display:flex;flex-direction:column;gap:24px}.preview-summary{background:#1a102a99;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.preview-row{display:flex;align-items:center;gap:12px}.preview-label{color:#fff9;font-size:.875rem;min-width:100px}.preview-value{color:#fff;font-weight:600}.preview-value.mono{font-family:Monaco,Menlo,monospace;font-size:.8125rem;background:#0000004d;padding:4px 8px;border-radius:6px}.preview-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.preview-badge.domain{background:linear-gradient(135deg,#d92e8a,#8c4fff)}.preview-badge.difficulty{background:#3eebba4d;color:#3eebba}.preview-badge.culture{background:#f7d47c4d;color:#f7d47c}.preview-section{background:#1a102a66;border-radius:16px;padding:20px;border-left:4px solid #8C4FFF}.preview-section h4{font-family:Poiret One,sans-serif;font-size:1rem;color:#8c4fff;margin-bottom:12px}.preview-section p{color:#ffffffe6;line-height:1.6}.worthington-text{font-style:italic;background:#8c4fff1a;padding:16px;border-radius:12px;border-left:3px solid #D92E8A}.solution-box{background:#22c55e1a;padding:16px;border-radius:12px;border:1px solid rgba(34,197,94,.3)}.solution-box p{margin-bottom:8px}.solution-box p:last-child{margin-bottom:0}.characters-list{display:flex;flex-direction:column;gap:12px}.character-card{background:#8c4fff1a;border-radius:12px;padding:16px;border:1px solid rgba(140,79,255,.2)}.character-name{font-weight:700;color:#fff;margin-bottom:4px}.character-role{font-size:.8125rem;color:#8c4fff;margin-bottom:8px}.character-statement{font-style:italic;color:#fffc;font-size:.9375rem}.evidence-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.evidence-item{background:#1a102a99;border-radius:12px;padding:14px;border-left:4px solid #8C4FFF}.evidence-item.red_flag{border-left-color:#d92e8a}.evidence-item.contradiction{border-left-color:#f7d47c}.evidence-item.red_herring{border-left-color:#8c4fff}.evidence-item.benign{border-left-color:#3eebba}.evidence-badge,.evidence-category{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;margin-right:8px;margin-bottom:8px}.evidence-badge{background:#8c4fff4d;color:#c4b5fd}.evidence-category{background:#ffffff1a;color:#ffffffb3}.evidence-item p{color:#ffffffe6;font-size:.875rem;line-height:1.5;margin:0}.errors-list{display:flex;flex-direction:column;gap:16px}.error-item{background:#dc26261a;border-radius:12px;padding:16px;border:1px solid rgba(220,38,38,.3)}.error-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.error-type{background:#dc26264d;color:#fca5a5;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.error-points{color:#f7d47c;font-weight:700}.error-flawed{background:#0000004d;padding:12px;border-radius:8px;font-style:italic;color:#fca5a5;margin-bottom:8px;font-size:.9375rem}.error-desc{color:#fffc;font-size:.875rem;margin:0}@media (max-width: 768px){.admin-header-content{padding:0 8px}.admin-header h1{font-size:1.25rem}.admin-card{padding:20px}.admin-actions{flex-direction:column}.admin-button{width:100%}.preview-row{flex-direction:column;align-items:flex-start;gap:4px}.preview-label{min-width:auto}}.evidence-list::-webkit-scrollbar{width:8px}.evidence-list::-webkit-scrollbar-track{background:#1a102a66;border-radius:4px}.evidence-list::-webkit-scrollbar-thumb{background:#8c4fff80;border-radius:4px}.evidence-list::-webkit-scrollbar-thumb:hover{background:#8c4fffb3}body{font-family:Urbanist,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;min-height:100vh;min-height:100dvh}@media (min-width: 1024px){body.game-page-active{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f1020,#1a1b3a,#2a2b5a)}}.whodunit-bg{background:linear-gradient(135deg,#0f1020,#1a1b3a,#2a2b5a);min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;width:100%}.mobile-container{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;position:relative;background:linear-gradient(135deg,#0f1020,#1a1b3a,#2a2b5a);color:#fff;padding-bottom:calc(80px + var(--safe-area-bottom, 0px))}@media (min-width: 768px){.mobile-container{max-width:600px;margin:0 auto}}@media (min-width: 1024px){.mobile-container{max-width:clamp(720px,80vw,960px);margin:0 auto;box-shadow:0 0 50px #8b5cf64d;border-radius:20px;overflow:hidden;min-height:auto;height:auto}}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(8px + var(--safe-area-top, 0px)) 20px 8px;font-size:14px;font-weight:700;color:#fff;background:transparent;position:relative;z-index:100}.game-content{position:relative;z-index:10;min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px);padding:0 16px 20px}@media (min-width: 480px){.game-content{padding:0 20px 20px}}@media (min-width: 768px){.game-content{padding:0 24px 20px}}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.level-header{text-align:center;padding:16px;position:relative}@media (min-width: 480px){.level-header{padding:20px}}.level-back-btn{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#fff;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease}@media (min-width: 480px){.level-back-btn{left:20px}}.level-back-btn:hover{background:#8b5cf64d;transform:translateY(-50%) translate(-2px)}@media (hover: none){.level-back-btn:hover{transform:translateY(-50%)}.level-back-btn:active{background:#8b5cf666}}.level-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:1px}.level-dq{font-size:clamp(1rem,3vw,1.125rem);color:#06b6d4;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;max-width:100%;margin:0 auto}@media (min-width: 480px){.categories-grid{gap:16px;padding:20px;max-width:450px}}@media (min-width: 768px){.categories-grid{grid-template-columns:repeat(3,1fr);max-width:600px;gap:20px}}.category-card{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px 12px;text-align:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:100px}@media (min-width: 480px){.category-card{border-radius:20px;padding:24px 16px;min-height:120px}}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #8b5cf64d;border-color:#8b5cf699}@media (hover: none){.category-card:hover{transform:none}.category-card:active{transform:scale(.98);background:#8b5cf633}}.category-card.blue{border-color:#3b82f680}.category-card.orange{border-color:#f9731680}.category-card.purple{border-color:#8b5cf680}.category-card.teal{border-color:#06b6d480}.category-card.pink{border-color:#ec489980}.category-icon{font-size:28px;margin-bottom:10px;display:block}@media (min-width: 480px){.category-icon{font-size:32px;margin-bottom:12px}}.category-name{font-size:clamp(.875rem,2.5vw,1rem);font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:.5px}.category-difficulty{font-size:clamp(.6875rem,2vw,.75rem);color:#9ca3af;font-weight:700}.mystery-header{display:flex;justify-content:space-between;align-items:center;padding:16px;position:relative;gap:12px}@media (min-width: 480px){.mystery-header{padding:20px}}.mystery-level{font-size:clamp(1rem,3vw,1.125rem);font-weight:700;color:#fff;text-align:center;flex:1;min-width:0}.mystery-timer{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#fff;padding:8px 14px;border-radius:20px;font-weight:700;font-size:clamp(.875rem,2.5vw,1rem);white-space:nowrap;flex-shrink:0}.mystery-content{padding:16px;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}@media (min-width: 480px){.mystery-content{padding:20px;gap:24px}}.mystery-title-card{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:24px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px}@media (min-width: 480px){.mystery-title-card{border-radius:20px;padding:32px 24px}}.mystery-emoji{font-size:clamp(2.5rem,8vw,3rem);margin-bottom:12px}.mystery-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#fff;line-height:1.3;letter-spacing:.5px}.mystery-description-card{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px}@media (min-width: 480px){.mystery-description-card{border-radius:20px;padding:24px}}.description-label{font-size:clamp(.875rem,2.5vw,1rem);color:#8b5cf6;font-weight:700;margin-bottom:10px}.mystery-description{font-size:clamp(.9375rem,2.5vw,1rem);color:#d1d5db;line-height:1.5}.start-investigation-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:16px;color:#fff;font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;padding:14px 28px;min-height:48px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;width:100%;max-width:400px}.start-investigation-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}@media (hover: none){.start-investigation-btn:hover{transform:none}.start-investigation-btn:active{transform:scale(.98)}}.crime-scene-header{text-align:center;padding:16px;background:#1e1f3c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.crime-scene-header{padding:20px}}.crime-scene-title{font-size:clamp(1.5rem,5vw,1.75rem);font-weight:700;color:#8b5cf6;margin-bottom:12px;letter-spacing:1px}.crime-scene-icon{font-size:clamp(2.5rem,8vw,3rem);margin-bottom:12px}.mobile-container .evidence-list,.game-interface .evidence-list{padding:16px;background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.mobile-container .evidence-list,.game-interface .evidence-list{padding:20px;border-radius:20px;margin:20px}}.mobile-container .evidence-item,.game-interface .evidence-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(139,92,246,.2);color:#d1d5db;font-size:clamp(.9375rem,2.5vw,1rem)}.mobile-container .evidence-item:last-child,.game-interface .evidence-item:last-child{border-bottom:none}.mobile-container .evidence-bullet,.game-interface .evidence-bullet{color:#8b5cf6;margin-right:12px;font-weight:700}.testimony-container{padding:16px;display:flex;flex-direction:column;gap:12px}@media (min-width: 480px){.testimony-container{padding:20px;gap:16px}}.character-testimony{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.character-testimony{border-radius:20px;padding:20px}}.character-info{display:flex;align-items:center;margin-bottom:12px}.character-avatar{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px}@media (min-width: 480px){.character-avatar{width:48px;height:48px;font-size:20px}}.character-details h3{font-size:clamp(1rem,3vw,1.125rem);font-weight:700;color:#fff;margin-bottom:4px}.character-details p{font-size:clamp(.8125rem,2vw,.875rem);color:#8b5cf6;font-weight:700}.statement-text{font-size:clamp(.9375rem,2.5vw,1rem);color:#d1d5db;line-height:1.5;padding:14px;background:#0f102080;border-radius:12px;border-left:4px solid #8b5cf6}.evidence-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 16px}@media (min-width: 480px){.evidence-header{gap:12px;margin-bottom:20px;padding:0 20px}}.evidence-icon{font-size:clamp(1.25rem,4vw,1.5rem)}.evidence-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#8b5cf6;letter-spacing:.5px}.evidence-analysis{margin:16px;background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.evidence-analysis{margin:20px;border-radius:20px;padding:24px}}.analysis-button{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:16px;color:#fff;font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;padding:14px 20px;min-height:48px;cursor:pointer;transition:all .3s ease;width:calc(100% - 32px);margin:16px;letter-spacing:.5px}@media (min-width: 480px){.analysis-button{width:calc(100% - 40px);margin:20px;padding:16px 24px}}.analysis-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}@media (hover: none){.analysis-button:hover{transform:none}}.correction-header{text-align:center;padding:16px;background:#1e1f3ccc;margin:16px;border-radius:16px;border:1px solid rgba(139,92,246,.3)}@media (min-width: 480px){.correction-header{padding:20px;margin:20px;border-radius:20px}}.correction-question{font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:700;color:#fff;margin-bottom:16px;line-height:1.4}.correction-options{display:flex;flex-direction:column;gap:10px;padding:16px}@media (min-width: 480px){.correction-options{gap:12px;padding:20px}}.correction-option{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:14px 16px;min-height:48px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.correction-option{border-radius:16px;padding:16px 20px}}.correction-option:hover{background:#8b5cf633;border-color:#8b5cf699;transform:translate(4px)}@media (hover: none){.correction-option:hover{transform:none}.correction-option:active{background:#8b5cf64d}}.correction-option.selected,.correction-option.correct{background:#06b6d44d;border-color:#06b6d4}.option-icon{font-size:clamp(1.125rem,3vw,1.25rem);flex-shrink:0}.option-text{font-size:clamp(.9375rem,2.5vw,1rem);line-height:1.4;flex:1}.option-points{margin-left:auto;font-size:clamp(.8125rem,2vw,.875rem);font-weight:700;color:#06b6d4;flex-shrink:0}.results-header{text-align:center;padding:16px}@media (min-width: 480px){.results-header{padding:20px}}.worthington-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:clamp(2.5rem,8vw,3rem);border:4px solid rgba(139,92,246,.3)}@media (min-width: 480px){.worthington-avatar{width:120px;height:120px;margin-bottom:20px}}.dq-comparison{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}@media (min-width: 480px){.dq-comparison{gap:16px;margin-bottom:20px}}.dq-card{flex:1;background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.dq-card{border-radius:16px;padding:16px}}.dq-label{font-size:clamp(.75rem,2vw,.875rem);color:#9ca3af;margin-bottom:6px}.dq-value{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#fff}.dq-trend{font-size:clamp(.6875rem,1.5vw,.75rem);margin-left:6px}.worthington-conclusion{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.worthington-conclusion{border-radius:20px;padding:24px;margin:20px}}.conclusion-text{font-size:clamp(1rem,3vw,1.125rem);color:#fff;text-align:center;margin-bottom:16px;line-height:1.4}.actually-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50px;color:#fff;font-size:clamp(1rem,3vw,1.125rem);font-weight:700;padding:14px 28px;min-height:48px;cursor:pointer;transition:all .3s ease;width:100%;letter-spacing:1px}.actually-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ef44444d}@media (hover: none){.actually-btn:hover{transform:none}}.bonus-text{text-align:center;color:#9ca3af;font-size:clamp(.875rem,2.5vw,1rem);margin-top:10px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-1{width:.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.h-auto{height:auto}.h-1{height:.25rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.bg-white{background-color:#fff}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-opacity-80{--tw-bg-opacity: .8}.bg-opacity-60{--tw-bg-opacity: .6}.bg-opacity-50{--tw-bg-opacity: .5}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-700{color:#374151}.text-purple-400{color:#c084fc}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white{border-color:#fff}.border-purple-500{border-color:#a855f7}.opacity-50{opacity:.5}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-4{margin-left:1rem;margin-right:1rem}.ml-1{margin-left:.25rem}.m-0\.5{margin:.125rem}.max-w-sm{max-width:24rem}.min-h-screen{min-height:100vh}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.space-y-4>*+*{margin-top:1rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:scale-105:hover{transform:scale(1.05)}@media (hover: none){.hover\:scale-105:hover{transform:none}}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-purple-400:focus{border-color:#c4b5fd}.cursor-pointer{cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 1s ease-out}.animate-fade-in-down{animation:fade-in-down 1s ease-out}.animate-fade-in-up{animation:fade-in-up 1s ease-out}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}@media (max-height: 500px) and (orientation: landscape){.mobile-container{padding-bottom:calc(60px + var(--safe-area-bottom, 0px))}.game-content{min-height:calc(100vh - 80px);padding:0 16px 16px}.level-header{padding:12px 16px}.categories-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px}.category-card{padding:14px 10px;min-height:80px}.category-icon{font-size:24px;margin-bottom:6px}.worthington-avatar{width:80px;height:80px}}@media print{.bottom-nav,.level-back-btn,.start-investigation-btn,.analysis-button,.actually-btn{display:none!important}.mobile-container{max-width:100%;box-shadow:none;border-radius:0}.whodunit-bg{background:#fff}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--color-deep-space-purple: #1A102A;--color-deep-space-purple-hover: #0F0819;--color-deep-space-purple-disabled: rgba(26, 16, 42, .4);--color-deep-space-purple-bg: rgba(26, 16, 42, .05);--color-detective-purple: #2F1F54;--color-detective-purple-hover: #241640;--color-detective-purple-bg: rgba(47, 31, 84, .05);--color-mystery-magenta: #D92E8A;--color-mystery-magenta-hover: #C0257A;--color-mystery-magenta-bg: rgba(217, 46, 138, .05);--color-global-teal: #3EEBBA;--color-global-teal-hover: #2DD4A3;--color-global-teal-bg: rgba(62, 235, 186, .05);--color-golden-clue: #F7D47C;--color-golden-clue-hover: #F5C85C;--color-golden-clue-bg: rgba(247, 212, 124, .05);--color-electric-violet: #8C4FFF;--color-electric-violet-hover: #7A3EE6;--color-electric-violet-bg: rgba(140, 79, 255, .05);--color-royal-purple: #8C4FFF;--color-royal-purple-hover: #7A3EE6;--color-royal-purple-disabled: rgba(140, 79, 255, .4);--color-royal-purple-bg: rgba(140, 79, 255, .05);--color-emerald-teal: #3EEBBA;--color-emerald-teal-hover: #2DD4A3;--color-emerald-teal-bg: rgba(62, 235, 186, .05);--color-ruby-pink: #D92E8A;--color-ruby-pink-hover: #C0257A;--color-ruby-pink-bg: rgba(217, 46, 138, .05);--color-amber-gold: #F7D47C;--color-amber-gold-hover: #F5C85C;--color-amber-gold-bg: rgba(247, 212, 124, .05);--color-deep-black: #1A102A;--color-charcoal: #2F1F54;--color-dark-gray: #2F1F54;--color-medium-gray: #8C4FFF;--color-light-gray: #3EEBBA;--color-pure-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #ffffff;--text-primary: #1A102A;--text-secondary: #2F1F54;--text-tertiary: #8C4FFF;--text-muted: #D92E8A;--color-murder: #D92E8A;--color-murder-dark: #C0257A;--color-cult: #8C4FFF;--color-cult-dark: #7A3EE6;--color-conspiracy: #F7D47C;--color-conspiracy-dark: #F5C85C;--color-cheat: #D92E8A;--color-cheat-dark: #C0257A;--color-lies: #3EEBBA;--color-lies-dark: #2DD4A3;--color-betrayal: #8C4FFF;--color-betrayal-dark: #7A3EE6;--font-primary: "Poiret One", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-secondary: "Urbanist", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-display-size: clamp(2.5rem, 6vw + 1rem, 4.5rem);--font-display-line-height: 1.1;--font-display-letter-spacing: -2px;--font-display-weight: 700;--font-h1-size: clamp(1.75rem, 4vw + .5rem, 3rem);--font-h1-line-height: 1.2;--font-h1-letter-spacing: -1px;--font-h1-weight: 700;--font-h2-size: clamp(1.5rem, 3vw + .5rem, 2.25rem);--font-h2-line-height: 1.3;--font-h2-letter-spacing: -.5px;--font-h2-weight: 700;--font-h3-size: clamp(1.125rem, 2vw + .5rem, 1.5rem);--font-h3-line-height: 1.4;--font-h3-letter-spacing: 0;--font-h3-weight: 700;--font-body-large-size: clamp(1rem, .5vw + .875rem, 1.125rem);--font-body-large-line-height: 1.7;--font-body-size: clamp(.9375rem, .25vw + .875rem, 1rem);--font-body-line-height: 1.6;--font-body-small-size: clamp(.8125rem, .25vw + .75rem, .875rem);--font-body-small-line-height: 1.5;--font-caption-size: .75rem;--font-caption-line-height: 1.4;--font-caption-letter-spacing: .5px;--font-caption-weight: 700;--font-caption-transform: none;--font-button-size: clamp(.875rem, .25vw + .75rem, 1rem);--font-button-large-size: clamp(1rem, .5vw + .875rem, 1.25rem);--font-button-line-height: 1.2;--font-button-letter-spacing: 1px;--font-button-weight: 700;--font-button-transform: none;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-page: clamp(16px, 4vw, 48px);--spacing-section: clamp(40px, 8vw, 120px);--spacing-card: clamp(16px, 3vw, 32px);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .18);--shadow-3xl: 0 24px 80px rgba(0, 0, 0, .2);--shadow-purple: 0 4px 12px rgba(140, 79, 255, .3);--shadow-purple-hover: 0 6px 20px rgba(140, 79, 255, .5);--shadow-teal: 0 4px 12px rgba(62, 235, 186, .3);--shadow-teal-hover: 0 6px 20px rgba(62, 235, 186, .5);--shadow-pink: 0 4px 12px rgba(217, 46, 138, .3);--shadow-pink-hover: 0 6px 20px rgba(217, 46, 138, .5);--shadow-gold: 0 12px 32px rgba(247, 212, 124, .4);--shadow-violet: 0 4px 12px rgba(140, 79, 255, .3);--shadow-violet-hover: 0 6px 20px rgba(140, 79, 255, .5);--shadow-magenta: 0 4px 12px rgba(217, 46, 138, .3);--shadow-magenta-hover: 0 6px 20px rgba(217, 46, 138, .5);--breakpoint-mobile: 0px;--breakpoint-mobile-lg: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1440px;--transition-fast: .15s ease;--transition-standard: .2s ease;--transition-slow: .3s ease-out;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 1000;--z-modal: 1001;--z-tooltip: 2000;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-2xl: 1320px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-secondary);font-size:var(--font-body-size);font-weight:700;line-height:var(--font-body-line-height);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-transform:none;min-height:100vh;min-height:100dvh}.display{font-family:var(--font-primary);font-size:var(--font-display-size);font-weight:var(--font-display-weight);line-height:var(--font-display-line-height);letter-spacing:var(--font-display-letter-spacing);text-transform:lowercase}h1,.h1{font-family:var(--font-primary);font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height);letter-spacing:var(--font-h1-letter-spacing);color:var(--color-pure-white);text-transform:lowercase}h2,.h2{font-family:var(--font-primary);font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);letter-spacing:var(--font-h2-letter-spacing);color:var(--color-pure-white);text-transform:lowercase}h3,.h3{font-family:var(--font-primary);font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);line-height:var(--font-h3-line-height);letter-spacing:var(--font-h3-letter-spacing);color:var(--color-pure-white);text-transform:lowercase}p,.body{font-family:var(--font-secondary);font-size:var(--font-body-size);font-weight:700;line-height:var(--font-body-line-height);color:var(--color-light-gray);text-transform:none}.body-large{font-family:var(--font-secondary);font-size:var(--font-body-large-size);font-weight:700;line-height:var(--font-body-large-line-height);color:var(--color-light-gray);text-transform:none}.body-small{font-family:var(--font-secondary);font-size:var(--font-body-small-size);font-weight:700;line-height:var(--font-body-small-line-height);color:var(--color-medium-gray);text-transform:none}.caption{font-family:var(--font-secondary);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);letter-spacing:var(--font-caption-letter-spacing);text-transform:var(--font-caption-transform);color:var(--color-medium-gray)}.text-center{text-align:center}.text-white{color:var(--color-pure-white)}.text-gray{color:var(--color-medium-gray)}.text-light-gray{color:var(--color-light-gray)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:max(var(--spacing-page),var(--safe-area-left));padding-right:max(var(--spacing-page),var(--safe-area-right))}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}:focus-visible{outline:3px solid var(--color-royal-purple);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-royal-purple);color:#fff;padding:8px 16px;z-index:10000;transition:top .3s}.skip-link:focus{top:0}button,[role=button],input[type=button],input[type=submit],input[type=reset],a{min-height:44px;min-width:44px}p a,li a,span a{min-height:auto;min-width:auto}@media (max-height: 500px) and (orientation: landscape){:root{--spacing-section: 40px;--font-display-size: 2rem;--font-h1-size: 1.5rem;--font-h2-size: 1.25rem}}@media (min-width: 768px) and (max-width: 1023px){:root{--spacing-page: 32px;--spacing-card: 24px}}:root{--nav-height-mobile: 100px;--nav-height-tablet: 110px;--nav-height-desktop: 120px;--nav-height-large: 130px;--nav-safe-area-bottom: env(safe-area-inset-bottom, 0px);--nav-safe-area-top: env(safe-area-inset-top, 0px)}.landing-header-new{position:fixed;top:0;left:0;right:0;z-index:1600;padding:calc(12px + var(--nav-safe-area-top)) 16px 12px;background:#ffffffd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);transition:background .3s ease,padding .3s ease,border-color .3s ease}.landing-header-new.scrolled{background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.1)}.landing-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-container-new{flex-shrink:0}.logo-link-new{display:flex;align-items:center;text-decoration:none;padding:4px;border-radius:8px;transition:opacity .2s ease}.logo-link-new:hover{opacity:.9}.logo-link-new:active{opacity:.8}.logo-image-new{height:36px;width:auto;display:block}.nav-links-new{display:none;align-items:center;gap:8px}.nav-link-new{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:700;color:#4c1d95;text-decoration:none;padding:10px 16px;min-height:44px;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;letter-spacing:.5px}.nav-link-new:hover{color:#5b21b6;background:#8c4fff1a}.nav-link-new:active{background:#8c4fff26}.nav-link-new.active{color:#7c3aed;background:#8c4fff26}.header-buttons-new{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-button-signin{font-family:Urbanist,sans-serif;font-size:.8125rem;font-weight:700;color:#2f1f54;background:#fff;border:1px solid #E5E5E5;padding:8px 16px;min-height:44px;min-width:44px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;letter-spacing:.5px}.header-button-signin:hover{border-color:#2f1f54;background:#f9f9f9}.header-button-signin:active{transform:scale(.98)}.header-button-play{font-family:Urbanist,sans-serif;font-size:.8125rem;font-weight:700;color:#fff;background:#2f1f54;border:1px solid #2F1F54;padding:8px 20px;min-height:44px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;letter-spacing:.5px}.header-button-play:hover{background:#8c4fff;border-color:#8c4fff}.header-button-play:active{transform:scale(.98)}@media (hover: none){.header-button-signin:hover{background:#fff;border-color:#e5e5e5}.header-button-play:hover{background:#2f1f54;border-color:#2f1f54}.nav-link-new:hover{background:transparent;color:#4c1d95}}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#4c1d95;cursor:pointer;border-radius:8px;transition:background .2s ease;padding:0}.mobile-menu-toggle:hover{background:#7c3aed1a}.mobile-menu-toggle:active{background:#7c3aed26}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1900;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background:#fff;z-index:2000;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding-top:var(--nav-safe-area-top);padding-bottom:var(--nav-safe-area-bottom);box-shadow:-20px 0 60px #00000026}.mobile-menu-panel.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E5E5}.mobile-menu-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:1px solid #E5E5E5;color:#666;cursor:pointer;border-radius:50%;transition:all .2s ease}.mobile-menu-close:hover{background:#eee;color:#2f1f54;border-color:#2f1f54}.mobile-menu-close:active{transform:scale(.95)}.mobile-menu-close svg{width:20px;height:20px}.mobile-menu-content{flex:1;overflow-y:auto;padding:24px 20px}.mobile-menu-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.mobile-menu-link{font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;color:#2f1f54;text-decoration:none;padding:14px 16px;min-height:52px;border-radius:12px;border:1px solid #E5E5E5;background:#fff;transition:all .2s ease;display:flex;align-items:center;gap:12px;letter-spacing:.5px}.mobile-menu-link:hover{border-color:#8c4fff;color:#8c4fff;background:#f9f9f9}.mobile-menu-link:active{transform:scale(.98)}.mobile-menu-link.active{color:#fff;background:#2f1f54;border-color:#2f1f54}.mobile-menu-link svg{width:20px;height:20px;opacity:.8}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid #E5E5E5}.mobile-menu-button{font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;padding:14px 24px;min-height:52px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;letter-spacing:.5px}.mobile-menu-button:active{transform:scale(.98)}.mobile-menu-button.primary{color:#fff;background:#2f1f54;border:1px solid #2F1F54}.mobile-menu-button.primary:hover{background:#8c4fff;border-color:#8c4fff}.mobile-menu-button.secondary{color:#2f1f54;background:#fff;border:1px solid #E5E5E5}.mobile-menu-button.secondary:hover{border-color:#2f1f54;background:#f9f9f9}@media (hover: none){.mobile-menu-close:hover{background:#f5f5f5;color:#666;border-color:#e5e5e5}.mobile-menu-link:hover{border-color:#e5e5e5;color:#2f1f54;background:#fff}.mobile-menu-button.primary:hover{background:#2f1f54;border-color:#2f1f54}.mobile-menu-button.secondary:hover{background:#fff;border-color:#e5e5e5}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0f1020f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.3);z-index:1000;padding-bottom:var(--nav-safe-area-bottom)}.bottom-nav-content{display:flex;justify-content:space-around;align-items:center;height:var(--nav-height-mobile);max-width:600px;margin:0 auto;padding:0 8px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:#ffffff80;cursor:pointer;padding:8px 12px;min-width:64px;min-height:48px;border-radius:12px;transition:all .2s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-item:hover{color:#fffc;background:#8b5cf61a}.nav-item:active{transform:scale(.95);background:#8b5cf626}.nav-item.active{color:#8b5cf6;background:#8b5cf626}.nav-item .nav-icon,.nav-item svg{width:22px;height:22px;flex-shrink:0}.nav-item .nav-label{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.6875rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}@media (hover: none){.nav-item:hover{color:#ffffff80;background:transparent}.nav-item.active:hover{color:#8b5cf6;background:#8b5cf626}}@media (min-width: 480px){.landing-header-new{padding:calc(14px + var(--nav-safe-area-top)) 20px 14px}.logo-image-new{height:40px}.header-button-signin{font-size:.875rem;padding:10px 18px}.header-button-play{font-size:.875rem;padding:10px 20px}.mobile-menu-panel{max-width:360px}.nav-item{min-width:72px;padding:8px 16px}.nav-item .nav-icon,.nav-item svg{width:24px;height:24px}.nav-item .nav-label{font-size:.75rem}}@media (min-width: 768px){.landing-header-new{padding:calc(16px + var(--nav-safe-area-top)) 32px 16px}.logo-image-new{height:44px}.nav-links-new{display:flex}.mobile-menu-toggle{display:none}.nav-link-new{font-size:.9375rem;padding:10px 18px}.header-buttons-new{gap:12px}.header-button-signin{font-size:.9375rem;padding:10px 20px}.header-button-play{font-size:.9375rem;padding:10px 24px}.bottom-nav{left:50%;transform:translate(-50%);max-width:500px;border-radius:20px 20px 0 0;border-left:1px solid rgba(139,92,246,.3);border-right:1px solid rgba(139,92,246,.3)}.bottom-nav-content{height:var(--nav-height-tablet)}.nav-item{min-width:80px;gap:6px}.nav-item .nav-label{font-size:.8125rem}}@media (min-width: 1024px){.landing-header-new{padding:16px 48px}.logo-image-new{height:48px}.nav-link-new{font-size:1rem;padding:12px 20px}.header-buttons-new{gap:12px}.header-button-signin{font-size:1rem;padding:12px 24px}.header-button-play{font-size:1rem;padding:12px 28px}.bottom-nav{max-width:480px}.bottom-nav-content{height:var(--nav-height-desktop)}.nav-item{min-width:88px}}@media (min-width: 1440px){.landing-header-new{padding:20px 64px}.logo-image-new{height:52px}.nav-link-new{padding:12px 24px}}@media (max-height: 500px) and (orientation: landscape){.landing-header-new{padding:calc(8px + var(--nav-safe-area-top)) 16px 8px}.logo-image-new{height:32px}.header-button-signin{font-size:.75rem;padding:6px 12px;min-height:36px}.header-button-play{font-size:.75rem;padding:6px 14px;min-height:36px}.mobile-menu-toggle{width:36px;height:36px}.mobile-menu-toggle svg{width:20px;height:20px}.mobile-menu-panel{max-width:280px}.mobile-menu-content{padding:16px}.mobile-menu-nav{margin-bottom:20px}.mobile-menu-link{font-size:.9375rem;padding:10px 14px;min-height:44px}.mobile-menu-actions{padding-top:16px;gap:10px}.mobile-menu-button{font-size:.875rem;padding:10px 18px;min-height:44px}.mobile-menu-close{width:36px;height:36px}.mobile-menu-close svg{width:18px;height:18px}.bottom-nav{--nav-height-mobile: 48px}.nav-item{padding:6px 10px;min-width:56px;min-height:40px;gap:2px}.nav-item .nav-icon,.nav-item svg{width:18px;height:18px}.nav-item .nav-label{font-size:.625rem}}.whodunit-bg .bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0f1020f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.3);z-index:1000;padding-bottom:var(--nav-safe-area-bottom)}.whodunit-bg .bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px 12px;min-width:44px;min-height:44px;border-radius:12px;transition:all .2s ease}.whodunit-bg .bottom-nav .nav-item.active{color:#8b5cf6;background:#8b5cf61a}.whodunit-bg .bottom-nav .nav-icon{font-size:20px;width:20px;height:20px}.whodunit-bg .bottom-nav .nav-label{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.6875rem;font-weight:700}@media (min-width: 768px){.whodunit-bg .bottom-nav{max-width:600px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}}@media (min-width: 1024px){.whodunit-bg .bottom-nav{max-width:500px}}.nav-desktop-only{display:none}@media (min-width: 768px){.nav-desktop-only{display:flex}}.nav-mobile-only{display:flex}@media (min-width: 768px){.nav-mobile-only{display:none}}.nav-header-spacer{height:calc(60px + var(--nav-safe-area-top))}@media (min-width: 480px){.nav-header-spacer{height:calc(68px + var(--nav-safe-area-top))}}@media (min-width: 768px){.nav-header-spacer{height:calc(76px + var(--nav-safe-area-top))}}@media (min-width: 1024px){.nav-header-spacer{height:calc(80px + var(--nav-safe-area-top))}}.nav-bottom-spacer{height:calc(var(--nav-height-mobile) + var(--nav-safe-area-bottom))}@media (min-width: 768px){.nav-bottom-spacer{height:calc(var(--nav-height-tablet) + var(--nav-safe-area-bottom))}}@media (min-width: 1024px){.nav-bottom-spacer{height:calc(var(--nav-height-desktop) + var(--nav-safe-area-bottom))}}@media print{.landing-header-new,.bottom-nav,.mobile-menu-overlay,.mobile-menu-panel,.mobile-menu-toggle{display:none!important}.nav-header-spacer,.nav-bottom-spacer{height:0}}@media (prefers-reduced-motion: reduce){.landing-header-new,.mobile-menu-overlay,.mobile-menu-panel,.nav-item,.nav-link-new,.header-button-signin,.header-button-play{transition:none}}.btn-primary{background:var(--color-royal-purple);color:var(--color-pure-white);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:var(--shadow-purple);transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--color-royal-purple-hover);box-shadow:var(--shadow-purple-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-purple)}.btn-primary:disabled{background:var(--color-royal-purple-disabled);cursor:not-allowed;opacity:.6}@media (hover: none){.btn-primary:hover:not(:disabled){transform:none}.btn-primary:active:not(:disabled){transform:scale(.98)}}.btn-secondary{background:transparent;color:var(--color-royal-purple);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:3px solid var(--color-royal-purple);cursor:pointer;transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-secondary:hover:not(:disabled){background:var(--color-royal-purple-bg);border-color:var(--color-royal-purple-hover);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){background:var(--color-electric-violet-bg);transform:translateY(0)}@media (hover: none){.btn-secondary:hover:not(:disabled){transform:none}.btn-secondary:active:not(:disabled){transform:scale(.98)}}.btn-danger{background:var(--color-mystery-magenta);color:var(--color-pure-white);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:var(--shadow-pink);transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-danger:hover:not(:disabled){background:var(--color-mystery-magenta-hover);box-shadow:var(--shadow-pink-hover);transform:translateY(-2px)}@media (hover: none){.btn-danger:hover:not(:disabled){transform:none}}.btn-success{background:var(--color-global-teal);color:var(--color-pure-white);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:var(--shadow-teal);transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-success:hover:not(:disabled){background:var(--color-global-teal-hover);box-shadow:var(--shadow-teal-hover);transform:translateY(-2px)}@media (hover: none){.btn-success:hover:not(:disabled){transform:none}}.btn-icon{background:var(--bg-primary);width:48px;height:48px;min-width:48px;min-height:48px;border-radius:var(--radius-full);border:2px solid var(--color-light-gray);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-standard);padding:0}.btn-icon:hover{border-color:var(--color-royal-purple);transform:scale(1.1);box-shadow:var(--shadow-purple-hover)}@media (hover: none){.btn-icon:hover{transform:none}.btn-icon:active{transform:scale(.95)}}.btn-large{font-size:var(--font-button-large-size);padding:18px 40px;min-height:56px}.btn-full{width:100%}.card-mystery-pin{background:var(--bg-primary);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-lg);break-inside:avoid;transition:all var(--transition-slow);will-change:transform}.card-mystery-pin:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-royal-purple)}@media (hover: none){.card-mystery-pin:hover{transform:none}}.card-mystery-pin-header{padding:32px 20px;text-align:center;position:relative}.card-mystery-pin-content{background:var(--bg-secondary);padding:24px 20px}.card-story{background:var(--bg-primary);border-radius:var(--radius-xl);padding:32px 20px;border:3px solid var(--color-royal-purple);box-shadow:var(--shadow-2xl)}.badge-type{padding:8px 16px;border-radius:var(--radius-lg);font-family:var(--font-secondary);font-weight:700;font-size:var(--font-caption-size);letter-spacing:1px;text-transform:none;display:inline-block;color:var(--color-pure-white)}.badge-difficulty{padding:6px 12px;border-radius:var(--radius-md);font-family:var(--font-secondary);font-weight:700;font-size:var(--font-body-small-size);background:var(--bg-secondary);border:2px solid var(--color-light-gray);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px}.badge-achievement{padding:8px 16px;border-radius:var(--radius-lg);font-family:var(--font-secondary);font-weight:700;font-size:var(--font-body-small-size);background:var(--color-golden-clue);color:var(--text-primary);display:inline-flex;align-items:center;gap:8px}.input-text{background:var(--bg-primary);border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:14px 16px;min-height:48px;font-family:var(--font-secondary);font-size:var(--font-body-size);color:var(--text-primary);width:100%;transition:all var(--transition-standard)}.input-text::placeholder{color:var(--text-muted)}.input-text:focus{outline:none;border-color:var(--color-royal-purple);background:var(--color-royal-purple-bg)}.input-text.error{border-color:var(--color-mystery-magenta);background:var(--color-mystery-magenta-bg)}.answer-option{background:var(--bg-primary);border:3px solid var(--color-light-gray);border-radius:var(--radius-md);padding:16px 20px;min-height:56px;font-family:var(--font-secondary);font-weight:700;font-size:var(--font-body-large-size);color:var(--text-primary);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-standard);display:flex;align-items:center;gap:12px}.answer-option:hover{border-color:var(--color-royal-purple);background:var(--color-royal-purple-bg);transform:translate(8px)}@media (hover: none){.answer-option:hover{transform:none}.answer-option:active{transform:scale(.99)}}.answer-option.selected{border-color:var(--color-global-teal);background:var(--color-global-teal-bg);box-shadow:var(--shadow-teal)}.answer-option.wrong{border-color:var(--color-mystery-magenta);background:var(--color-mystery-magenta-bg)}.quote-worthington{background:var(--color-golden-clue-bg);border-left:4px solid var(--color-golden-clue);border-radius:var(--radius-sm);padding:16px;margin:16px 0}.quote-worthington-header{font-family:var(--font-secondary);font-weight:700;font-size:var(--font-caption-size);text-transform:none;color:var(--color-golden-clue);margin-bottom:10px;letter-spacing:1px}.quote-worthington-text{font-family:var(--font-secondary);font-size:var(--font-body-size);font-style:italic;color:var(--text-primary);line-height:1.7}.modal-overlay{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal-backdrop);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease;padding:0}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:32px 20px calc(32px + var(--safe-area-bottom, 0px));max-width:100%;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-3xl);border:2px solid var(--color-light-gray);animation:slideUp .3s cubic-bezier(0,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width: 480px){.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:14px 36px}.card-mystery-pin-header{padding:40px 24px}.card-mystery-pin-content{padding:28px 24px}.card-story{padding:36px 24px}.quote-worthington{padding:18px;margin:18px 0}.modal-content{padding:36px 24px calc(36px + var(--safe-area-bottom, 0px))}}@media (min-width: 768px){.modal-overlay{align-items:center;padding:20px}.modal-content{border-radius:var(--radius-xl);padding:40px 32px;max-width:560px;width:90%;animation:scaleIn .3s cubic-bezier(0,0,.2,1)}.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:16px 40px}.btn-icon{width:56px;height:56px;min-width:56px;min-height:56px}.card-mystery-pin-header{padding:48px 32px}.card-mystery-pin-content{padding:32px}.card-story{padding:40px}.quote-worthington{padding:20px;margin:20px 0}}@media (min-width: 1024px){.modal-content{max-width:600px;padding:48px}}@media (max-height: 500px) and (orientation: landscape){.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:10px 24px;min-height:40px;font-size:.875rem}.btn-large{padding:12px 28px;min-height:44px}.card-mystery-pin-header{padding:24px 16px}.card-mystery-pin-content{padding:16px}.card-story{padding:20px 16px}.modal-content{max-height:85vh;padding:20px;border-radius:var(--radius-lg)}.quote-worthington{padding:12px;margin:12px 0}.input-text{padding:10px 12px;min-height:40px}.answer-option{padding:12px 16px;min-height:44px;font-size:.9375rem}}@media print{.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-icon,.modal-overlay{display:none!important}.card-mystery-pin,.card-story{break-inside:avoid;box-shadow:none;border:1px solid #000}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}.responsive-container{width:100%;max-width:100%;margin:0 auto;padding-left:max(20px,var(--safe-area-left));padding-right:max(20px,var(--safe-area-right));box-sizing:border-box}@media (min-width: 480px){.responsive-container{padding-left:max(24px,var(--safe-area-left));padding-right:max(24px,var(--safe-area-right))}}@media (min-width: 768px){.responsive-container{max-width:720px;padding-left:32px;padding-right:32px}}@media (min-width: 1024px){.responsive-container{max-width:960px}}@media (min-width: 1440px){.responsive-container{max-width:1320px}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 480px){.responsive-grid{gap:20px}}@media (min-width: 768px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 1024px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width: 1440px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:32px}}.responsive-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}@media (min-width: 768px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}}.responsive-flex{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.responsive-flex{flex-direction:row;gap:24px}}.responsive-flex-reverse{display:flex;flex-direction:column-reverse;gap:16px}@media (min-width: 768px){.responsive-flex-reverse{flex-direction:row;gap:24px}}.responsive-padding{padding:16px}@media (min-width: 480px){.responsive-padding{padding:20px}}@media (min-width: 768px){.responsive-padding{padding:32px}}@media (min-width: 1024px){.responsive-padding{padding:48px}}.responsive-margin{margin:16px}@media (min-width: 480px){.responsive-margin{margin:20px}}@media (min-width: 768px){.responsive-margin{margin:32px}}.responsive-heading-xl{font-size:clamp(2rem,5vw + 1rem,4.5rem);line-height:1.1}.responsive-heading-lg{font-size:clamp(1.75rem,4vw + .5rem,3rem);line-height:1.2}.responsive-heading-md{font-size:clamp(1.5rem,3vw + .5rem,2.25rem);line-height:1.3}.responsive-heading-sm{font-size:clamp(1.25rem,2vw + .5rem,1.5rem);line-height:1.4}.responsive-body-lg{font-size:clamp(1rem,1vw + .5rem,1.125rem);line-height:1.7}.responsive-body{font-size:clamp(.9375rem,.5vw + .75rem,1rem);line-height:1.6}.responsive-body-sm{font-size:clamp(.8125rem,.25vw + .75rem,.875rem);line-height:1.5}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.touch-target-expanded{position:relative}.touch-target-expanded:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:100%;min-height:100%}.hide-mobile{display:none!important}@media (min-width: 768px){.hide-mobile{display:initial!important}}.show-mobile{display:initial!important}@media (min-width: 768px){.show-mobile{display:none!important}}.hide-tablet{display:initial!important}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}.show-tablet-only{display:none!important}@media (min-width: 768px) and (max-width: 1023px){.show-tablet-only{display:initial!important}}.hide-desktop{display:initial!important}@media (min-width: 1024px){.hide-desktop{display:none!important}}.show-desktop{display:none!important}@media (min-width: 1024px){.show-desktop{display:initial!important}}.responsive-img{max-width:100%;height:auto;display:block}.responsive-img-cover{width:100%;height:100%;object-fit:cover}.responsive-img-contain{width:100%;height:100%;object-fit:contain}.responsive-sidebar-layout{display:flex;flex-direction:column;min-height:100vh}.responsive-sidebar{width:100%;position:relative;order:2}.responsive-main-content{flex:1;order:1}@media (min-width: 1024px){.responsive-sidebar-layout{flex-direction:row}.responsive-sidebar{width:320px;flex-shrink:0;order:2;position:sticky;top:0;height:100vh;overflow-y:auto}.responsive-main-content{flex:1;order:1}}.fixed-bottom-padding{padding-bottom:calc(64px + var(--safe-area-bottom))}@media (min-width: 768px){.fixed-bottom-padding{padding-bottom:0}}.fixed-header-padding{padding-top:calc(64px + var(--safe-area-top))}.responsive-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}.responsive-modal{width:100%;max-height:90vh;max-height:90dvh;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease-out}@media (min-width: 768px){.responsive-modal-overlay{align-items:center;padding:20px}.responsive-modal{max-width:600px;max-height:85vh;border-radius:20px;animation:scaleIn .3s ease-out}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body.scroll-locked{overflow:hidden;position:fixed;width:100%;height:100%}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media print{.no-print{display:none!important}body{padding:0!important}.fixed-header,.fixed-bottom-bar{display:none!important}}@media (max-height: 500px) and (orientation: landscape){.landscape-compact{padding-top:8px!important;padding-bottom:8px!important}.landscape-hide{display:none!important}}@media (hover: hover) and (pointer: fine){.hover-lift:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:0 0 20px #8c4fff4d}}@media (hover: none){.hover-lift:hover,.hover-scale:hover,.hover-glow:hover{transform:none;box-shadow:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--shadow-sm: none;--shadow-md: 0 0 0 2px currentColor;--shadow-lg: 0 0 0 3px currentColor}}html{overflow-x:hidden;width:100%}body{overflow-x:hidden;width:100%;max-width:100vw}*{max-width:100%}img,video,iframe{max-width:100%;height:auto}@media (max-width: 479px){body{padding-left:0;padding-right:0}}@media (min-width: 1024px){body:not(.game-page-active){display:block!important;justify-content:unset!important;align-items:unset!important;background:#fff!important;min-height:100vh!important}}#root{width:100%;min-height:100vh;overflow-x:hidden}html,body{width:100%;margin:0;padding:0}