*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background-color:#0d0d0d;color:#d4d4d4;font-family:JetBrains Mono,monospace;font-size:16px;line-height:1.5}.terminal{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;padding:0 0 30vh}.status-bar{display:flex;justify-content:space-between;padding:8px 16px;background-color:#1a1a1a;border-bottom:1px solid #333;font-size:14px;color:#888}.status-bar .location{color:#d4d4d4}.status-bar .stats{display:flex;gap:24px}.status-bar .welcome{color:#4a9d4a}.status-bar .questions-remaining{color:#e8a838}.status-bar .reset-btn{background:none;border:none;color:#555;font-size:16px;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s}.status-bar .reset-btn:hover{color:#888}.output{flex:1;overflow-y:auto;padding:16px;white-space:pre-wrap;word-wrap:break-word}.output-line{margin-bottom:8px}.output-line.command{color:#888}.output-line.command:before{content:">";margin-right:8px}.input-area{display:flex;align-items:center;padding:16px;border-top:1px solid #333;background-color:#0d0d0d}.input-prompt{color:#d4d4d4;margin-right:8px;-webkit-user-select:none;user-select:none}.input-field{flex:1;background:transparent;border:none;outline:none;color:#d4d4d4;font-family:JetBrains Mono,monospace;font-size:16px;caret-color:#d4d4d4}.input-field::placeholder{color:#555}.input-field:disabled{opacity:.5}.output::-webkit-scrollbar{width:8px}.output::-webkit-scrollbar-track{background:#1a1a1a}.output::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.output::-webkit-scrollbar-thumb:hover{background:#444}.ghost-chat{padding-bottom:0}.ghost-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#1a1a1a;border-bottom:1px solid #333}.ghost-character{display:flex;flex-direction:column}.ghost-name{color:#d4d4d4;font-size:14px;font-weight:500}.ghost-title{color:#666;font-size:12px}.ghost-controls{display:flex;align-items:center;gap:16px}.ghost-timer{font-size:18px;font-weight:500;color:#d4d4d4;font-variant-numeric:tabular-nums}.ghost-timer.warning{color:#e8a838}.ghost-timer.critical{color:#e84038;animation:pulse 1s ease-in-out infinite}.ghost-questions{color:#666;font-size:13px}.ghost-timer-bar{height:2px;background-color:#1a1a1a}.ghost-timer-fill{height:100%;background:linear-gradient(90deg,#e84038,#e8a838,#4a9d4a 60%);transition:width 1s linear}.ghost-output{padding-bottom:0}.ghost-message{margin-bottom:16px;line-height:1.6}.ghost-message.user{color:#888;padding-left:0}.ghost-message.assistant{color:#d4d4d4}.ghost-message.system{color:#888;border-left:2px solid #4A9D4A;padding-left:12px;margin:8px 0;white-space:pre-line;font-size:12px;line-height:1.6}.ghost-label{color:#666;margin-right:8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ghost-message.user .ghost-label{color:#555}.ghost-text{display:inline}.ghost-cursor{animation:blink .8s step-end infinite;color:#d4d4d4}.ghost-thinking{margin-bottom:16px;color:#555}.ghost-dots{animation:dots 1.5s steps(3) infinite}.ghost-ending{color:#e84038;font-style:italic;margin-top:24px;text-align:center}.ghost-progress{padding:8px 16px;border-top:1px solid #222;background-color:#111}.ghost-progress-label{font-size:12px;color:#555;display:block;margin-bottom:4px}.ghost-progress-bar{height:4px;background-color:#222;border-radius:2px}.ghost-progress-fill{height:100%;background-color:#4a9d4a;border-radius:2px;transition:width .5s ease-out}.flicker{animation:flicker 1.5s ease-out}.action-phase{padding-bottom:0;outline:none}.action-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#1a1a1a;border-bottom:1px solid #333}.action-title{color:#d4d4d4;font-size:14px;font-weight:500;letter-spacing:2px}.action-scenario{color:#666;font-size:12px}.action-output{padding:24px 16px}.action-section{margin-bottom:24px}.action-section-title{color:#888;font-size:12px;letter-spacing:2px;margin-bottom:12px;border-bottom:1px solid #222;padding-bottom:4px}.action-facts{padding-left:4px}.action-fact{margin-bottom:6px;color:#d4d4d4;font-size:14px}.action-fact-empty{color:#666;font-style:italic}.action-bullet{color:#4a9d4a;margin-right:8px}.action-pressure{color:#e8a838;font-size:14px;font-style:italic}.action-choices{display:flex;flex-direction:column;gap:8px}.action-choice{padding:10px 12px;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .15s ease;font-size:14px}.action-choice:hover{border-color:#555;background-color:#1a1a1a}.action-choice.selected{border-color:#4a9d4a;background-color:#1a2a1a}.action-choice.confirmed{border-color:#4a9d4a;background-color:#1a3a1a}.action-number{color:#666;margin-right:8px}.action-label{color:#d4d4d4}.action-prompt{color:#666;font-size:13px;padding:16px 0;border-top:1px solid #222}.action-confirmed-text{color:#4a9d4a}.score-card{padding-bottom:0}.score-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#1a1a1a;border-bottom:1px solid #333}.score-title{color:#d4d4d4;font-size:14px;font-weight:500;letter-spacing:2px}.score-scenario{color:#666;font-size:12px}.score-output{padding:24px 16px}.score-result{margin-bottom:32px}.score-result-label{font-size:16px;color:#d4d4d4;line-height:1.5;font-style:italic}.score-breakdown{margin-bottom:32px}.score-row{display:flex;align-items:center;margin-bottom:8px;gap:12px}.score-category{width:100px;color:#888;font-size:13px}.score-bar{flex:1;color:#4a9d4a;font-size:12px;letter-spacing:-1px}.score-value{width:60px;text-align:right;color:#d4d4d4;font-size:13px;font-variant-numeric:tabular-nums}.score-divider{color:#333;margin:12px 0;overflow:hidden}.score-total-row .score-category{color:#d4d4d4;font-weight:500}.score-total-value{font-weight:500;font-size:16px}.score-action-taken{margin-top:16px;font-size:13px;color:#666}.score-action-label{color:#888}.score-missed{margin-bottom:32px}.score-missed-title{color:#e84038;font-size:12px;letter-spacing:2px;margin-bottom:12px;border-bottom:1px solid #2A1A1A;padding-bottom:4px}.score-missed-fact{margin-bottom:6px;color:#999;font-size:14px}.score-verdict{margin-bottom:32px;padding:16px 0;border-bottom:1px solid #222}.score-verdict-name{color:#666;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.score-verdict-quote{color:#d4d4d4;font-size:16px;font-style:italic;line-height:1.6}.score-high .score-category,.score-high .score-total-value{color:#4a9d4a}.score-mid .score-category,.score-mid .score-total-value{color:#e8a838}.score-low .score-category,.score-low .score-total-value{color:#e84038}.score-delta-section{margin-bottom:32px;padding:16px 0;border-top:1px solid #222}.score-delta{margin-bottom:8px;font-size:14px}.score-delta-label{color:#666;margin-right:8px}.score-delta-value{color:#d4d4d4;font-weight:500}.score-outcome-label{color:#888;font-size:14px;font-style:italic;margin-bottom:16px;line-height:1.5}.score-bonuses{margin-top:16px;padding-top:12px;border-top:1px solid #1A1A1A}.score-bonuses-header{color:#666;font-size:12px;letter-spacing:2px;margin-bottom:8px}.score-bonus-total{color:#4a9d4a;margin-left:8px}.score-badge{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px}.score-badge-icon{color:#4a9d4a;font-size:12px;width:16px;text-align:center}.score-badge-egg .score-badge-icon{color:#e8a838}.score-badge-achievement .score-badge-icon{color:#6a9fd4}.score-badge-label{color:#d4d4d4}.score-badge-points{color:#4a9d4a;font-size:12px;margin-left:auto}.score-cta{margin-top:32px;padding-top:24px;border-top:1px solid #222}.score-reflection{color:#888;font-style:italic;font-size:15px;margin-bottom:24px;line-height:1.6}.score-renubu{color:#666;font-size:13px;line-height:1.6;margin-bottom:16px}.score-renubu-tagline{color:#555;font-style:italic}.score-renubu a{color:#4a9d4a;text-decoration:none}.score-renubu a:hover{text-decoration:underline}.score-footer{color:#444;font-size:12px;margin-bottom:24px}.score-nav{padding-top:16px}.score-button{background:transparent;border:1px solid #333;color:#888;font-family:JetBrains Mono,monospace;font-size:13px;padding:8px 16px;cursor:pointer;border-radius:4px;transition:all .15s ease}.score-button:hover{border-color:#555;color:#d4d4d4;background-color:#1a1a1a}.gate{display:flex;align-items:center;justify-content:center;height:100vh;padding:24px}.gate-inner{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:360px;width:100%}.gate-title{font-size:28px;font-weight:500;letter-spacing:6px;color:#d4d4d4}.gate-subtitle{color:#555;font-size:13px;margin-bottom:24px}.gate-form{display:flex;gap:8px;width:100%}.gate-input{flex:1;background:transparent;border:1px solid #333;border-radius:4px;padding:10px 12px;color:#d4d4d4;font-family:JetBrains Mono,monospace;font-size:15px;outline:none;transition:border-color .15s ease}.gate-input:focus{border-color:#4a9d4a}.gate-input::placeholder{color:#555}.gate-input:disabled{opacity:.5}.gate-submit{background:#4a9d4a;border:none;border-radius:4px;padding:10px 20px;color:#0d0d0d;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s ease;white-space:nowrap}.gate-submit:hover:not(:disabled){opacity:.85}.gate-submit:disabled{opacity:.4;cursor:default}.gate-error{color:#e84038;font-size:13px;text-align:center}.gate-guest{background:transparent;border:none;color:#555;font-family:JetBrains Mono,monospace;font-size:13px;cursor:pointer;padding:8px 0;transition:color .15s ease}.gate-guest:hover:not(:disabled){color:#888}.gate-guest:disabled{opacity:.4;cursor:default}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flicker{0%{opacity:1;filter:none}5%{opacity:.2;filter:brightness(2)}10%{opacity:.8}15%{opacity:.1;filter:brightness(3)}20%{opacity:.6}30%{opacity:.1}35%{opacity:.9;filter:none}50%{opacity:.05;filter:brightness(2) saturate(0)}60%{opacity:.4}70%{opacity:.02}80%{opacity:.3}to{opacity:0}}.fade-in{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tape-container{display:flex;align-items:center;justify-content:center;padding:24px;cursor:pointer}.tape-card{max-width:420px;width:100%;border:1px solid #333;padding:32px 24px;text-align:center}.tape-title{font-family:"Press Start 2P",monospace;font-size:14px;color:#e8a838;letter-spacing:3px;margin-bottom:16px}.tape-divider{border-bottom:1px solid #333;margin-bottom:24px}.tape-avatar-wrapper{margin-bottom:20px}.tape-avatar{width:128px;height:128px;image-rendering:pixelated;border:2px solid #333;background-color:#1a1a1a}.tape-name{font-family:"Press Start 2P",monospace;font-size:12px;color:#d4d4d4;letter-spacing:2px;margin-bottom:8px}.tape-role{color:#888;font-size:13px;margin-bottom:2px}.tape-company{color:#666;font-size:13px;margin-bottom:4px}.tape-stats-divider{border-bottom:1px solid #222;margin-bottom:16px}.tape-stats{text-align:left;margin-bottom:24px}.tape-stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.tape-stat-label{color:#666}.tape-stat-value{color:#d4d4d4;text-align:right}.tape-arr{color:#4a9d4a;font-weight:500;font-size:15px;margin-bottom:24px}.tape-reason{color:#e84038;font-size:12px}.tape-stat-row-reason{margin-bottom:12px}.tape-diff-bar{display:inline-flex;gap:3px;vertical-align:middle}.tape-diff-seg{display:inline-block;width:14px;height:10px}.tape-diff-filled{background-color:#e8a838}.tape-diff-empty{background-color:#333}.tape-prompt{color:#4a9d4a;font-size:12px;letter-spacing:2px;margin-top:8px;animation:pulse 2s ease-in-out infinite}.scoring-loader{display:flex;align-items:center;justify-content:center;padding:24px}.scoring-loader-inner{text-align:center;max-width:400px}.scoring-loader-character{color:#666;font-size:14px;margin-bottom:32px;font-style:italic}.scoring-loader-text{color:#d4d4d4;font-size:16px;margin-bottom:24px;min-height:1.5em}.scoring-loader-dots{display:flex;gap:8px;justify-content:center}.scoring-dot{width:8px;height:8px;border-radius:50%;background-color:#4a9d4a;animation:scoringPulse 1.4s ease-in-out infinite}.scoring-dot:nth-child(2){animation-delay:.2s}.scoring-dot:nth-child(3){animation-delay:.4s}@keyframes scoringPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.leaderboard{padding-bottom:0}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#1a1a1a;border-bottom:1px solid #333}.leaderboard-title{color:#d4d4d4;font-size:14px;font-weight:500;letter-spacing:2px}.leaderboard-max{color:#666;font-size:12px}.leaderboard-output{padding:24px 16px}.leaderboard-loading,.leaderboard-empty{color:#666;font-style:italic}.leaderboard-table{width:100%}.leaderboard-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #1A1A1A;font-size:13px}.leaderboard-row-header{color:#666;font-size:12px;letter-spacing:1px;border-bottom:1px solid #333;padding-bottom:8px;margin-bottom:4px}.leaderboard-top3{color:#e8a838}.leaderboard-top3:first-of-type{color:#4a9d4a}.leaderboard-col-rank{width:40px;color:#555;font-variant-numeric:tabular-nums}.leaderboard-top3 .leaderboard-col-rank{color:inherit}.leaderboard-col-name{flex:1;color:#d4d4d4}.leaderboard-top3 .leaderboard-col-name{color:inherit}.leaderboard-company{color:#666;font-size:12px}.leaderboard-col-scenarios{width:60px;text-align:center;color:#888}.leaderboard-col-score{width:60px;text-align:right;color:#d4d4d4;font-weight:500;font-variant-numeric:tabular-nums}.leaderboard-top3 .leaderboard-col-score{color:inherit}.leaderboard-nav{padding:16px;border-top:1px solid #222}.score-nav{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px}.score-button-primary{border-color:#4a9d4a;color:#4a9d4a}.score-button-primary:hover{background-color:#1a2a1a;border-color:#4a9d4a;color:#4a9d4a}@media (max-width: 600px){body{font-size:14px}.status-bar{flex-direction:column;gap:4px}.status-bar .stats{gap:16px}.ghost-header{flex-direction:column;gap:4px;align-items:flex-start}.ghost-controls{width:100%;justify-content:space-between}.action-header,.score-header{flex-direction:column;gap:4px;align-items:flex-start}.score-row{flex-wrap:wrap}.score-bar{font-size:10px}.tape-title{font-size:11px}.tape-name{font-size:10px}.leaderboard-header{flex-direction:column;gap:4px;align-items:flex-start}.score-nav{flex-direction:column}}