*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0A1628;--navy-mid: #12213A;--navy-card: #1A2F4E;--navy-hover: #1E3660;--brand-blue: #1B3A6B;--gold: #C9A84C;--gold-light: #E8C96A;--gold-dim: #8A6E2A;--white: #F5F5F0;--grey-light: #B0B8C8;--grey-mid: #6B7A90;--green: #4CAF7A;--red: #E05C5C;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--radius: 8px;--radius-lg: 14px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-card: 0 2px 16px rgba(0,0,0,.3);--transition: .2s ease}html,body{height:100%}body{background-color:var(--navy);color:var(--white);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px}.screen-inner{width:100%;max-width:760px}.game-header{width:100%;max-width:760px;display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px;border-bottom:1px solid rgba(201,168,76,.2);margin-bottom:32px}.game-header__logo{font-family:var(--font-display);font-size:18px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.game-header__phase{font-size:12px;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.12em}.budget-bar{background:var(--navy-mid);border:1px solid rgba(201,168,76,.15);border-radius:var(--radius);padding:12px 16px;margin-bottom:28px;display:flex;align-items:center;gap:16px}.budget-bar__label{font-size:11px;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.budget-bar__track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.budget-bar__fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .6s cubic-bezier(.4,0,.2,1)}.budget-bar__fill--warning{background:linear-gradient(90deg,#e08040,#f0a060)}.budget-bar__fill--danger{background:linear-gradient(90deg,var(--red),#f08080)}.budget-bar__amount{font-size:14px;font-weight:600;color:var(--gold);white-space:nowrap;min-width:56px;text-align:right}.phase-heading{margin-bottom:28px}.phase-heading__eyebrow{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}.phase-heading__title{font-family:var(--font-display);font-size:28px;color:var(--white);line-height:1.2;margin-bottom:8px}.phase-heading__subtitle{font-size:13px;color:var(--grey-light);line-height:1.5}.cards-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}@media (min-width: 600px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.talent-card{background:var(--navy-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.talent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:opacity var(--transition)}.talent-card:hover{border-color:#c9a84c66;transform:translateY(-2px);box-shadow:var(--shadow)}.talent-card:hover:before{opacity:1}.talent-card--selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--shadow)}.talent-card--selected:before{opacity:1}.talent-card--unknown{border-style:dashed;border-color:#ffffff1f}.talent-card__cost{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-weight:500}.talent-card__name{font-family:var(--font-display);font-size:17px;color:var(--white);line-height:1.2;margin-bottom:8px}.talent-card__desc{font-size:12px;color:var(--grey-light);line-height:1.5;margin-bottom:14px}.talent-card__stats{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;align-items:center;gap:8px}.stat-row__label{font-size:10px;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.08em;width:72px;flex-shrink:0}.stat-row__bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.stat-row__fill{height:100%;border-radius:2px;background:var(--gold);transition:width .4s ease}.stat-row__value{font-size:11px;color:var(--white);font-weight:600;width:24px;text-align:right}.screenplay-card{background:var(--navy-mid);border:1px solid rgba(201,168,76,.25);border-radius:var(--radius-lg);padding:28px;margin-bottom:28px;position:relative;overflow:hidden}.screenplay-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold))}.screenplay-card__label{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.screenplay-card__title{font-family:var(--font-display);font-size:32px;color:var(--white);line-height:1.15;margin-bottom:6px}.screenplay-card__genre{font-size:13px;color:var(--grey-light);margin-bottom:20px;font-style:italic}.screenplay-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screenplay-stat{background:#0003;border-radius:var(--radius);padding:10px 12px}.screenplay-stat__label{font-size:10px;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.screenplay-stat__value{font-size:20px;font-weight:700;color:var(--white)}.screenplay-stat__value--gold{color:var(--gold)}.screenplay-stat__bar{height:4px;background:#ffffff14;border-radius:2px;margin-top:6px;overflow:hidden}.screenplay-stat__bar-fill{height:100%;border-radius:2px;background:var(--gold)}.start-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.start-logo{font-family:var(--font-display);font-size:clamp(42px,8vw,72px);color:var(--white);letter-spacing:-.01em;line-height:1;margin-bottom:6px}.start-logo span{color:var(--gold)}.start-tagline{font-size:15px;color:var(--grey-light);margin-bottom:48px;font-style:italic;font-family:var(--font-display)}.start-divider{width:60px;height:1px;background:var(--gold);margin:0 auto 32px;opacity:.5}.difficulty-label{font-size:11px;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:480px;width:100%;margin-bottom:40px}.difficulty-btn{background:var(--navy-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:20px 12px;cursor:pointer;transition:all var(--transition);color:var(--white);text-align:center}.difficulty-btn:hover{border-color:var(--gold);background:var(--navy-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.difficulty-btn__name{font-family:var(--font-display);font-size:16px;margin-bottom:4px}.difficulty-btn__budget{font-size:11px;color:var(--gold);font-weight:600}.difficulty-btn__desc{font-size:10px;color:var(--grey-mid);margin-top:4px}.start-note{font-size:12px;color:var(--grey-mid);max-width:360px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);text-transform:uppercase;letter-spacing:.08em}.btn--primary{background:var(--gold);color:var(--navy)}.btn--primary:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c4d}.btn--ghost{background:transparent;color:var(--grey-light);border:1px solid rgba(255,255,255,.12)}.btn--ghost:hover{border-color:#ffffff40;color:var(--white)}.btn--full{width:100%}.results-header{text-align:center;padding:32px 0 24px;border-bottom:1px solid rgba(201,168,76,.15);margin-bottom:28px}.results-header__eyebrow{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}.results-header__title{font-family:var(--font-display);font-size:clamp(28px,6vw,44px);color:var(--white);line-height:1.15;margin-bottom:8px}.results-header__outcome{display:inline-block;padding:6px 18px;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);border-radius:20px;font-size:13px;color:var(--gold);font-weight:600;letter-spacing:.05em}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.result-stat{background:var(--navy-mid);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:18px;text-align:center}.result-stat--highlight{border-color:#c9a84c40;background:#c9a84c0d}.result-stat__label{font-size:10px;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.result-stat__value{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--white);line-height:1}.result-stat__value--gold{color:var(--gold)}.result-stat__sub{font-size:11px;color:var(--grey-mid);margin-top:4px}.results-team{background:var(--navy-mid);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.results-team__title{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.results-team__list{display:flex;flex-direction:column;gap:8px}.results-team__row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.results-team__role{color:var(--grey-mid);width:120px;flex-shrink:0}.results-team__name{color:var(--white);font-weight:500}.results-team__cost{color:var(--gold-dim);font-size:12px}.results-actions{display:flex;gap:12px}.results-actions .btn{flex:1}.score-ring-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:28px}.score-ring{position:relative;width:120px;height:120px}.score-ring svg{transform:rotate(-90deg)}.score-ring__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring__number{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--white);line-height:1}.score-ring__label{font-size:8px;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.08em}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease forwards}.fade-up-delay-1{animation-delay:.1s;opacity:0}.fade-up-delay-2{animation-delay:.2s;opacity:0}.fade-up-delay-3{animation-delay:.3s;opacity:0}.fade-up-delay-4{animation-delay:.4s;opacity:0}.fade-up-delay-5{animation-delay:.55s;opacity:0}.confirm-bar{background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:var(--radius);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.confirm-bar__text{font-size:13px;color:var(--grey-light)}.confirm-bar__text strong{color:var(--white)}.progress-dots{display:flex;gap:6px;align-items:center;justify-content:center;margin-bottom:28px}.progress-dot{width:7px;height:7px;border-radius:50%;background:#ffffff1f;transition:all var(--transition)}.progress-dot--done{background:var(--gold);opacity:.6}.progress-dot--active{background:var(--gold);width:18px;border-radius:4px}@media (max-width: 599px){.screen{padding:16px 12px 40px}.game-header{padding:12px 0 18px;margin-bottom:20px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.talent-card{padding:14px 12px}.talent-card__name{font-size:14px}.talent-card__desc{font-size:11px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.phase-heading__title{font-size:22px}.phase-heading__subtitle{font-size:12px}.screenplay-card{padding:18px 16px}.screenplay-card__title{font-size:24px}.results-grid{grid-template-columns:1fr 1fr;gap:10px}.result-stat{padding:12px 10px}.result-stat__value{font-size:22px}.results-team__role{width:80px;font-size:11px}.results-team__name{font-size:12px}.confirm-bar{flex-direction:column;text-align:center;gap:10px}.results-actions{flex-direction:column}.difficulty-grid{gap:8px}.difficulty-btn{padding:14px 8px}.difficulty-btn__name{font-size:14px}.start-tagline{font-size:13px;margin-bottom:32px}}@media (min-width: 600px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 380px){.cards-grid{grid-template-columns:1fr 1fr}.talent-card__desc{-webkit-line-clamp:2}}