@font-face{font-family:Heebo;src:url('./fonts/heebo-hebrew.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;src:url('./fonts/heebo-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Rubik;src:url('./fonts/rubik-hebrew.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;src:url('./fonts/rubik-latin.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#09090c;--panel:#151519;--panel2:#1c1c22;--line:#34343b;--text:#f7f4ef;--muted:#bbb8b8;--coral:#ec5555;--yellow:#f8cf57;--mint:#8cd7ad;--blue:#a5b7d5;--shadow:0 20px 60px #0007}
html{background:var(--bg);scroll-behavior:auto}
body{background:radial-gradient(ellipse at 50% -200px,#22171c 0,transparent 46%),var(--bg);font-family:Heebo,Arial,sans-serif;color:var(--text);line-height:1.55}
button,input{font-family:inherit}
h1,h2,h3,.brand,.career-card strong,.choice strong,.primary-button{font-family:Rubik,Heebo,Arial,sans-serif}
button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.site-shell{max-width:1320px;padding-inline:clamp(16px,3vw,42px)}
.topbar{height:72px;border-bottom:1px solid #ffffff24}
.brand{font-size:30px;letter-spacing:-.055em}
.brand-icon{color:var(--yellow);font-size:33px}
.brand-period{color:var(--coral)}
.live-pill{font-size:14px;color:#d6d2d0;font-weight:650}
.live-dot{background:var(--coral);box-shadow:0 0 0 4px #ec55552a}
.news-strip{min-height:36px;justify-content:center;gap:clamp(16px,4vw,52px);margin:0;background:#151216;border-bottom:1px solid #ffffff1c;color:#ded4c2;padding:4px 16px;font-size:13px;letter-spacing:.035em}
.news-strip b{color:var(--coral);font-size:11px}
.footer{border-top:1px solid #ffffff1c;margin-top:20px;color:#aaa5a2;font-size:14px}
.start-layout{display:block;min-height:0;padding:28px 0 50px;max-width:1200px;margin:auto}
.start-visual{position:relative;top:auto;min-height:0;height:clamp(320px,30vw,380px);border-radius:18px;border:1px solid #ffffff2b;box-shadow:0 22px 80px #0009;overflow:hidden;background:#141015}
.visual-image{object-fit:cover;object-position:center 42%}
.visual-shade{background:linear-gradient(90deg,#08080ad9 0%,#09090cbf 28%,#09090c20 72%),linear-gradient(0deg,#08080ac9 0%,transparent 40%)}
.hero-lockup{position:absolute;left:5.5%;top:50%;transform:translateY(-50%);width:min(650px,54%);text-align:right;text-shadow:0 3px 15px #0009}
.hero-kicker{display:inline-block;padding:5px 11px;margin-bottom:18px;background:var(--yellow);color:#181614;font-size:14px;font-weight:900;text-shadow:none;letter-spacing:.02em}
.hero-lockup h1{font-size:clamp(55px,6.2vw,82px);line-height:.98;letter-spacing:-.065em;margin:0;font-weight:900}
.hero-lockup h1 em{font-style:normal;color:var(--yellow)}
.hero-lockup p{font-size:clamp(17px,1.9vw,23px);line-height:1.45;max-width:560px;color:#f5f0e9;margin:22px 0 0;font-weight:500}
.hero-edition{position:absolute;right:28px;bottom:22px;border-top:1px solid #ffffff99;padding-top:7px;color:#f1ece6;font-size:13px;font-weight:800;letter-spacing:.04em}
.start-content{max-width:none;padding:36px 0 0}
.start-heading{border-bottom:1px solid #ffffff2b;padding-bottom:20px;margin-bottom:25px}
.section-number{font-family:Rubik,Heebo,sans-serif;color:var(--yellow);font-size:14px;font-weight:850;letter-spacing:.035em}
.start-heading h2{font-size:clamp(35px,4.4vw,57px);line-height:1.15;letter-spacing:-.052em;margin:5px 0 4px}
.start-heading p{margin:0;color:#c3bfbc;font-size:18px}
.how-to-play{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;margin:0 0 30px;padding:20px 22px;background:linear-gradient(110deg,#21191d,#17171c);border:1px solid #ffffff26;border-radius:13px}
.how-to-play h3{font-size:24px;margin:5px 0 7px;letter-spacing:-.03em}
.how-to-play p{margin:0;color:#d1cac8;font-size:16px;line-height:1.45}
.how-to-play ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:how}
.how-to-play li{counter-increment:how;min-height:105px;padding:13px;background:#111115;border:1px solid #ffffff1f;border-radius:9px}
.how-to-play li:before{content:'0' counter(how);display:block;margin-bottom:8px;color:var(--yellow);font-family:Rubik,Heebo,sans-serif;font-size:14px;font-weight:900;direction:ltr}
.how-to-play strong,.how-to-play span{display:block}.how-to-play strong{font-family:Rubik,Heebo,sans-serif;font-size:16px;line-height:1.25}.how-to-play li span{margin-top:4px;color:#c5bfbd;font-size:14px;line-height:1.3}
.legal-page{max-width:760px;margin:clamp(36px,7vw,90px) auto;padding:clamp(24px,5vw,48px);background:#151518;border:1px solid #474148;border-radius:15px}.legal-page h1{font-size:clamp(40px,7vw,68px);line-height:1;margin:10px 0 28px}.legal-page h2{font-size:25px;margin:32px 0 8px}.legal-page p{font-size:18px;color:#d8d2cf;margin:0 0 15px}.legal-page .secondary-button{margin-top:14px;text-decoration:none}
.ad-break-active #app{pointer-events:none;cursor:wait}
.field-label{font-size:16px;margin-bottom:8px}
.name-field{width:min(100%,520px);background:#18181d;color:var(--text);border:1px solid #66616a;border-radius:10px;padding:13px 16px;font-size:18px;min-height:55px}
.name-field:focus{border-color:var(--yellow)}
.name-field::placeholder{color:#a49fa2}
.career-heading{font-family:Rubik,Heebo,sans-serif;font-size:24px;font-weight:800;margin:30px 0 13px}
.career-filters{gap:8px;margin-bottom:17px}
.filter-chip{border:1px solid #5b5659;background:#1a191d;color:#eee9e2;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:800;min-height:44px}
.filter-chip:hover,.filter-chip.is-selected{background:var(--yellow);color:#151313;border-color:var(--yellow)}
.career-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.career-card{--glow:#5d2f38;position:relative;min-height:146px;padding:17px 18px;border-radius:13px;border:1px solid #454047;background:radial-gradient(circle at 100% 0,var(--glow),transparent 65%),#17171c;overflow:hidden;gap:6px;box-shadow:inset 0 1px #ffffff10;transition:transform .16s,border-color .16s,background .16s}
.career-card[data-group=music]{--glow:#4d2b3b}
.career-card[data-group=screen]{--glow:#4d3428}
.career-card[data-group=network]{--glow:#282f52}
.career-card[data-group=fashion]{--glow:#46344e}
.career-card[data-group=culture]{--glow:#283f3d}
.career-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:transparent}
.career-card:hover{transform:translateY(-3px);border-color:#d7bd80;background-color:#202025}
.career-card.is-selected{border-color:var(--yellow);box-shadow:0 0 0 2px #f8cf5738,inset 0 1px #ffffff22;background-color:#26221d}
.career-card.is-selected:before{background:var(--yellow)}
.career-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;margin-bottom:4px;border-radius:4px;background:#ffffff12;border:1px solid #ffffff32;color:var(--yellow);font-family:Rubik,Heebo,sans-serif;font-size:17px;font-weight:850;line-height:1;direction:ltr}
.career-card strong{font-size:18px;line-height:1.25;letter-spacing:-.025em}
.career-card small{font-size:14px;color:#c7c1bf;line-height:1.32}
.start-button{width:min(100%,520px);margin-top:22px;font-size:18px;border-radius:10px}
.start-button:disabled{background:#49464a;color:#eee8e0}
.fiction-note{font-size:14px;margin-top:12px}
.play-layout{max-width:1200px;margin:26px auto 60px;gap:16px;grid-template-columns:minmax(280px,.36fr) minmax(0,1fr)}
.play-scene{grid-column:1/-1;height:166px;background:linear-gradient(90deg,#0a090bd1,#09090c12 75%),url('./studio.webp') center 48%/cover;border:1px solid #ffffff30;border-radius:15px;position:relative;overflow:hidden}
.play-scene:after{content:'הקריירה בכותרות';position:absolute;bottom:20px;right:22px;color:#f6f0e6;font-family:Rubik,Heebo,sans-serif;font-size:25px;font-weight:800;text-shadow:0 3px 12px #000}
.play-scene span{position:absolute;top:18px;left:20px;color:var(--yellow);font-family:Rubik,Heebo,sans-serif;font-size:27px;font-weight:900;text-shadow:0 3px 12px #000}
.side-panel,.story-panel,.result-panel{background:#151518;border:1px solid #474148;border-radius:15px;box-shadow:0 12px 35px #0006}
.side-panel{padding:20px;top:16px}
.profile-banner{min-height:150px;border-radius:11px;background:linear-gradient(130deg,#531c2c,#1c1b22 80%);border:1px solid #b46b5c78}
.profile-banner:after{color:#ffffff0c}
.status-tag{background:var(--yellow);color:#171513;border-radius:5px;font-size:14px}
.profile-banner h2{font-size:34px;line-height:1.2}
.profile-sub{color:#e8d6d2}
.season-progress{font-size:15px}
.progress-track{background:#343036}
.progress-track span{background:var(--coral)}
.stat-grid{gap:8px}
.stat{background:#1b1b20;border:1px solid #454047;border-radius:9px;min-width:0}
.stat span{font-size:14px;color:#c9c3c0}
.stat strong{font-family:Rubik,Heebo,sans-serif;font-size:24px}
.stat.followers strong{color:#f2a5a5}
.stat.money strong{color:#a8dfbe}
.stat.prestige strong{color:#f8d575}
.stat.drama strong{color:#b6c5e2}
.log-heading{font-size:16px}
.timeline li{color:#d5d0ca;font-size:14px}
.timeline li:before{background:var(--yellow);box-shadow:0 0 0 4px #f8cf5723}
.story-panel{padding:clamp(24px,3vw,42px);min-height:560px}
.chapter-pill{background:var(--coral);color:#fff;border-radius:5px;transform:none;font-size:14px}
.chapter-count{font-size:15px;color:#dad4ce}
.story-panel h1{font-size:clamp(36px,4.2vw,60px);line-height:1.16;letter-spacing:-.055em;margin:27px 0 18px}
.story-lede{font-size:clamp(18px,1.7vw,21px);line-height:1.55;color:#e5e0da;margin-bottom:28px}
.choice-label{font-size:15px;color:#d3c8b5;margin-bottom:10px}
.choices{gap:12px}
.choice{grid-template-columns:48px minmax(0,1fr);min-height:83px;padding:17px 19px;gap:16px;background:#232228;border:1px solid #686069;border-radius:11px;color:var(--text);box-shadow:inset 0 1px #ffffff0d}
.choice:hover{background:#332a2d;border-color:var(--yellow);transform:translateY(-2px)}
.choice-number{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:9px;background:#4c3338;color:#ffe3d9;font-family:Rubik,Heebo,sans-serif;font-weight:900;font-size:19px;direction:ltr}
.choice strong{font-size:20px;line-height:1.28}
.choice-index{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;border:1px solid #817778;color:#d9ccbe;font-family:Rubik,Heebo,sans-serif;font-size:13px;font-weight:800;direction:ltr}
.outcome-box{background:#f1e9d9;border-right:6px solid var(--coral);color:#171513;border-radius:9px;padding:25px 29px;margin:15px 0 20px}
.choice-recap{background:#282324;border-radius:3px;color:var(--text);font-size:14px}
.outcome-box h2{font-size:clamp(23px,2.8vw,33px);line-height:1.26;margin:17px 0 9px}
.outcome-box p{font-size:20px;line-height:1.55}
.effect-panel>strong{font-size:17px}
.delta{background:#252429;border:1px solid #4d4549;border-radius:6px;font-size:15px;padding:7px 11px}
.delta.positive{color:#abebc2}
.delta.negative{color:#ffb2b2}
.primary-button{background:var(--yellow);color:#191614;border-radius:9px;min-height:56px;font-size:17px;letter-spacing:-.01em}
.primary-button:hover{filter:brightness(1.08)}
.secondary-button{border-radius:9px;border-color:#8a7b7b;font-size:16px}
.result-layout{max-width:1050px}
.result-panel{border-radius:15px}
.result-hero{min-height:330px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#111014f5,#11101495 72%,#11101422),url('./hero-backstage.webp') center 46%/cover;padding:clamp(30px,5vw,58px)}
.result-hero h1{font-size:clamp(45px,6vw,78px);line-height:1.1}
.result-name{font-size:19px;color:#f1e4dd}
.result-body{background:#151518}
.result-lede{font-size:20px}
.highlight{border-color:#4a444a;background:#1e1d21;font-size:16px}
.highlight span{color:var(--yellow)}
@media(max-width:900px){
  .start-layout{padding-top:18px}
  .start-visual{height:350px}
  .hero-lockup{width:min(600px,68%)}
  .hero-lockup h1{font-size:clamp(55px,8vw,74px)}
  .career-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .play-layout{grid-template-columns:1fr;margin-top:18px}
  .play-scene{grid-column:1;height:135px}
  .side-panel{position:static}
  .story-panel{min-height:0}
}
@media(max-width:600px){
  .site-shell{padding-inline:14px}
  .topbar{height:62px}
  .brand{font-size:27px}
  .news-strip{justify-content:flex-start;gap:18px;min-height:32px;font-size:12px}
  .footer{font-size:13px}
  .start-layout{padding:12px 0 28px}
  .start-visual{height:280px;min-height:0;border-radius:12px}
  .visual-image{object-position:63% 39%}
  .visual-shade{background:linear-gradient(90deg,#08080be0 0%,#08080b78 55%,#08080b1a 100%),linear-gradient(0deg,#08080bc9,transparent 54%)}
  .hero-lockup{left:17px;right:auto;top:24px;transform:none;width:66%;text-align:right}
  .hero-kicker{font-size:12px;margin-bottom:13px}
  .hero-lockup h1{font-size:clamp(43px,11vw,58px);line-height:1.02}
  .hero-lockup p{font-size:16px;line-height:1.35;margin-top:15px;max-width:285px}
  .hero-edition{font-size:11px;right:16px;bottom:14px}
  .start-content{padding-top:24px}
  .start-heading{padding-bottom:14px;margin-bottom:19px}
  .start-heading h2{font-size:35px}
  .start-heading p{font-size:16px}
  .how-to-play{grid-template-columns:1fr;gap:16px;padding:17px;margin-bottom:24px}.how-to-play h3{font-size:22px}.how-to-play ol{gap:7px}.how-to-play li{min-height:118px;padding:11px}.how-to-play strong{font-size:15px}.how-to-play li span{font-size:13px}.legal-page{margin:28px auto;padding:24px 19px}.legal-page p{font-size:17px}
  .name-field{width:100%;font-size:17px}
  .career-heading{font-size:21px;margin:23px 0 11px}
  .career-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px;margin-inline:-14px;padding-inline:14px;scrollbar-width:thin}
  .filter-chip{white-space:nowrap;flex:none;font-size:14px;padding:9px 13px}
  .career-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .career-card{min-height:136px;padding:13px;border-radius:10px}
  .career-number{font-size:16px;width:35px;height:30px}
  .career-card strong{font-size:16px}
  .career-card small{font-size:14px}
  .start-button{position:sticky;bottom:10px;z-index:4;box-shadow:0 4px 0 #08080c,0 0 22px #000c;width:100%;min-height:57px}
  .start-button:disabled{position:static;box-shadow:none}
  .fiction-note{font-size:13px}
  .play-layout{gap:11px;margin:12px auto 42px}
  .play-scene{height:70px;border-radius:10px}
  .play-scene:after{font-size:17px;right:13px;bottom:8px}
  .play-scene span{font-size:18px;top:8px;left:12px}
  .side-panel{padding:10px;border-radius:10px}
  .profile-banner{min-height:78px;padding:10px 13px}
  .profile-banner h2{font-size:23px;margin-top:5px}
  .profile-sub{display:none}
  .season-progress{font-size:14px;margin:8px 0 4px}
  .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}
  .stat{min-height:58px;padding:6px 3px;text-align:center}
  .stat span{font-size:14px;line-height:1.1}
  .stat strong{font-size:17px;margin-top:3px}
  .story-panel{padding:20px 17px;border-radius:10px}
  .story-panel h1{font-size:clamp(30px,8vw,39px);margin:22px 0 12px}
  .story-lede{font-size:17px;margin-bottom:25px}
  .choice{grid-template-columns:40px minmax(0,1fr);padding:12px;gap:10px;min-height:72px}
  .choice-number{width:40px;height:40px;font-size:17px}
  .choice strong{font-size:17px}
  .choice-index{width:27px;height:27px;font-size:12px}
  .outcome-box{padding:18px;border-radius:7px}
  .outcome-box p{font-size:18px}
  .result-layout{margin:14px auto 45px}
  .result-hero{min-height:265px;padding:23px}
  .result-hero h1{font-size:43px}
  .result-body{padding:22px}
  .result-lede{font-size:18px}
  .result-stats{grid-template-columns:repeat(2,1fr)}
  .career-highlights{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}