/* בורסה ON-LINE · מצב מתחילים (beginner mode, v9): one calm screen, bigger type, more air */
body.in-desk.beg-on{overflow-x:hidden;overflow-y:auto;background:#0a0f17 radial-gradient(1100px 520px at 70% -12%,#1b2840 0,#0d1420 55%,#0a0f17 100%) fixed;font-size:17px}
.bg-app{min-height:100vh;display:flex;flex-direction:column}
.b-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px 22px;background:rgba(13,19,29,.92);backdrop-filter:blur(8px);border-bottom:1px solid #1d2a3c}
.b-top .brand{font-size:21px}
.b-mode{background:#1f2a1a;color:#bef264;border:1px solid #3f6212;border-radius:999px;padding:4px 12px;font-weight:700;font-size:14px;white-space:nowrap}
.b-days{display:flex;align-items:center;gap:10px;margin-inline-start:6px}.b-dlbl{font-size:16px;white-space:nowrap}.b-dlbl b{color:var(--amber);font-size:20px}
.b-dots{display:flex;gap:5px}.b-dots i{width:22px;height:8px;border-radius:5px;background:#243246}.b-dots i.done{background:#f59e0b}.b-dots i.now{background:#fde68a;box-shadow:0 0 0 2px rgba(245,158,11,.35)}
.b-clock{display:flex;align-items:baseline;gap:8px;margin-inline-start:auto;color:#cbd5e1;white-space:nowrap}.b-clock b{font-size:20px;color:#fff}.b-clock span{font-size:15px}
.b-ctl{display:flex;align-items:center}
.b-bell{background:linear-gradient(#fbbf24,#d97706);color:#1b1205;border:0;border-radius:14px;padding:12px 22px;font-size:18px;font-weight:800;box-shadow:0 6px 18px rgba(217,119,6,.35),inset 0 1px 0 rgba(255,255,255,.4);white-space:nowrap}
.b-bell:hover{filter:brightness(1.06)}.b-bell.next{background:linear-gradient(#60a5fa,#2563eb);color:#fff;box-shadow:0 6px 18px rgba(37,99,235,.35)}
.b-pill{background:#132033;border:1px solid #2a3c55;border-radius:999px;padding:9px 16px;font-size:15px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.b-pill.on{border-color:#166534;background:#0d2318;color:#bbf7d0}.b-pill.on i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:bpulse 1.2s infinite}.b-pill.go{border-color:#b45309;color:#fde68a}
@keyframes bpulse{50%{opacity:.35}}
.b-speed{display:flex;gap:6px}.b-speed button{background:#132033;border:1px solid #2a3c55;border-radius:12px;padding:9px 14px;font-size:15px;font-weight:700;color:#cbd5e1}.b-speed button.on{background:#f59e0b;color:#1b1205;border-color:#f59e0b}
.b-top .menu-btn{background:#132033;border:1px solid #2a3c55;border-radius:12px;width:44px;height:44px;font-size:20px;color:#e2e8f0;flex:none}
.b-main{flex:1;display:grid;grid-template-columns:310px minmax(0,1fr) 330px;grid-template-areas:"list news side" "list stock side";grid-template-rows:auto 1fr;gap:18px;padding:18px 22px 26px;width:100%;max-width:1560px;margin:0 auto;align-items:start}
.b-news{grid-area:news}.b-stock{grid-area:stock}.b-list{grid-area:list}.b-side{grid-area:side;display:flex;flex-direction:column;gap:18px}
.b-card{background:linear-gradient(#111a27,#0e1622);border:1px solid #1f2d40;border-radius:20px;padding:18px 18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.b-card h3{margin:0 0 12px;font-size:19px;font-weight:800}
/* news card: the newspaper */
.b-paper{background:#f6f0e1;color:#1d1810;border-radius:20px;padding:16px 20px 14px;box-shadow:0 14px 34px rgba(0,0,0,.4);position:relative}
.b-paper-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px double #2b2418;padding-bottom:6px;margin-bottom:12px}
.b-paper-name{font-family:var(--serif);font-weight:900;font-size:24px}.b-paper-day{font-size:14px;color:#6b5d45;font-weight:600}
.b-paper-body{display:flex;gap:16px;align-items:center}.b-paper-body img{width:150px;height:104px;object-fit:cover;border-radius:12px;flex:none;filter:saturate(.9)}
.b-paper h2{font-family:var(--serif);font-size:28px;line-height:1.22;margin:0 0 6px;font-weight:900}
.b-deck{margin:0;font-size:17px;color:#3f3527;line-height:1.4}
.b-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #d9cdb3}
.b-hint-l{font-weight:800;font-size:16px}.b-sec{display:inline-flex;align-items:center;gap:4px;background:#1d1810;color:#fde68a;border-radius:999px;padding:4px 12px;font-weight:700;font-size:15px}
.b-and{color:#9a8b6f}.b-q{margin-inline-start:auto;font-size:15px;color:#6b5d45;font-weight:600}
/* end-of-day summary card */
.b-news.b-sum{background:linear-gradient(#152238,#101a2b);border:1px solid #2a3c55;border-radius:20px;padding:18px 20px}
.b-sum-h{display:flex;gap:14px;align-items:center}.b-sum-ic{font-size:44px}.b-sum-h small{display:block;color:#93a4bb;font-size:15px}.b-sum-h b{font-size:30px;display:block}.b-sum-h b em{font-style:normal;font-size:18px}.b-sum-h span{color:#cbd5e1}
.b-moves{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.b-mv{background:#0c1422;border:1px solid #233349;border-radius:12px;padding:7px 12px;font-weight:600}.b-mv b{margin-inline-start:4px}.b-mv.hit{border-color:#f59e0b;box-shadow:0 0 0 1px rgba(245,158,11,.35)}
.b-why{margin:10px 0 0;font-size:16px;color:#dbe4ef;line-height:1.5}
/* stock list */
.b-grp{margin-bottom:10px}.b-grp-h{font-weight:800;font-size:15px;color:#9fb0c6;padding:6px 4px;letter-spacing:.2px}
.b-row{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:14px;padding:8px 8px;text-align:start}
.b-row:hover{background:#142034}.b-row.on{background:#18263d;border-color:#f59e0b}
.b-nm{flex:1;min-width:0;display:flex;flex-direction:column}.b-nm b{font-size:17px}.b-nm small{color:#8193ab;font-family:var(--mono);font-size:12px}.b-own{font-style:normal;color:#fbbf24;font-family:var(--ui);font-weight:700}
.b-px{display:flex;flex-direction:column;align-items:flex-end}.b-px b{font-size:16px}.b-px em{font-style:normal;font-size:13px}
.b-logo{width:42px;height:42px;flex:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font:700 11px var(--mono);letter-spacing:.3px;color:#fff;direction:ltr}
.b-logo.b-tech{background:linear-gradient(135deg,#3b82f6,#6366f1)}.b-logo.b-food{background:linear-gradient(135deg,#ef4444,#f97316)}.b-logo.b-energy{background:linear-gradient(135deg,#f59e0b,#b45309)}.b-logo.b-travel{background:linear-gradient(135deg,#06b6d4,#0e7490)}
/* selected stock: chart + trade */
.b-st-h{display:flex;align-items:center;gap:12px}.b-st-h .b-logo{width:52px;height:52px;font-size:13px}.b-st-n{flex:1}.b-st-n b{font-size:26px;display:block;line-height:1.1}.b-st-n small{color:#8193ab;font-size:14px}
.b-st-q{display:flex;flex-direction:column;align-items:flex-end}.b-st-q b{font-size:30px}.b-st-q em{font-style:normal;font-size:15px}
.b-seg{display:inline-flex;background:#0b1320;border:1px solid #223047;border-radius:12px;padding:3px;margin:10px 0 4px}.b-seg button{background:none;border:0;border-radius:9px;padding:6px 16px;font-weight:700;color:#9fb0c6;font-size:15px}.b-seg button.on{background:#223552;color:#fff}
.b-chart{height:clamp(170px,calc(100vh - 690px),360px);flex:none}.b-chart svg{direction:ltr}.b-chart .ax{font-size:12px}.b-chart .chart-wait b{font-size:34px}.b-chart .chart-wait span{font-size:16px}
.b-trade{margin-top:10px;background:#0b1320;border:1px solid #223047;border-radius:16px;padding:14px 16px}
.b-trade{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px}.b-trade label{font-weight:700;font-size:16px;white-space:nowrap}.b-trade .b-btns,.b-trade .b-held{grid-column:1/-1}
.b-amt-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.b-amt-row input{width:170px;background:#0e1828;border:2px solid #2a3c55;border-radius:12px;padding:10px 12px;font-size:22px;color:#fff;text-align:center}
.b-amt-row input:focus{outline:none;border-color:#f59e0b}
.b-chips{display:flex;gap:6px;flex-wrap:wrap}.b-chips button{background:#132033;border:1px solid #2a3c55;border-radius:10px;padding:8px 12px;font:700 15px var(--mono);color:#cbd5e1}.b-chips button.on{border-color:#f59e0b;color:#fde68a}
.b-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:2px}
.b-buy,.b-sell{border:0;border-radius:16px;padding:13px 10px;font-size:23px;font-weight:900;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.b-buy{background:linear-gradient(#22c55e,#15803d)}.b-sell{background:linear-gradient(#f87171,#dc2626)}.b-buy:active,.b-sell:active{transform:translateY(1px)}
.b-held{margin:0;color:#b6c3d4;font-size:15px}
/* portfolio + leaderboard */
.b-total{background:#0b1320;border:1px solid #223047;border-radius:16px;padding:12px 14px;margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.b-total small{width:100%;color:#8193ab;font-size:14px}.b-total b{font-size:30px}.b-total em{font-style:normal;font-size:18px;font-weight:700}
.b-kv{display:flex;justify-content:space-between;padding:6px 2px;font-size:16px}.b-kv b{font-size:16px}.b-mk{border-top:1px solid #1f2d40;margin-top:8px;padding-top:10px;color:#9fb0c6}
.b-hold{display:flex;flex-direction:column;gap:4px;margin-top:6px}.b-hold .dim{font-size:15px;margin:6px 0}
.b-hrow{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;background:#0e1828;border:1px solid #1f2d40;border-radius:12px;padding:6px 8px;text-align:start}.b-hrow .b-logo{width:32px;height:32px;font-size:9px;border-radius:9px}.b-hrow em{font-style:normal;font-size:13px;min-width:52px;text-align:end}
.b-lb{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.b-lb li{display:flex;align-items:center;gap:8px;background:#0e1828;border-radius:10px;padding:7px 10px}.b-lb li.me{outline:2px solid #f59e0b}
.b-lb-i{width:28px;text-align:center;font-weight:800}.b-lb-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-lb-me{margin:4px 0;font-size:15px}
/* onboarding tips */
#overlay.ov-begtips{display:flex;align-items:center;justify-content:center}
.b-tips{position:relative;background:linear-gradient(#16233a,#101a2b);border:1px solid #2c4060;border-radius:24px;padding:28px 26px 22px;width:min(460px,100%);text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.6);margin:auto}
.b-tips-ic{font-size:64px;line-height:1}.b-tips small{color:#93a4bb;font-weight:600}.b-tips h2{margin:6px 0 8px;font-size:27px}.b-tips p{font-size:18px;line-height:1.55;color:#dbe4ef;margin:0 0 14px}
.b-tips-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.b-tips-dots i{width:9px;height:9px;border-radius:50%;background:#2a3c55}.b-tips-dots i.on{background:#f59e0b;width:24px;border-radius:6px}
.b-tips-btns{display:flex;flex-direction:column;align-items:center;gap:8px}.b-tips .lnk{background:none;border:0;color:#93a4bb;text-decoration:underline;font-size:15px}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:70}
/* mode cards (opening screen, quick game, end screen) */
.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:18px 14px 16px;border-radius:20px;text-decoration:none;color:#fff;border:2px solid transparent;transition:transform .15s,box-shadow .15s}
.mode-card:hover{transform:translateY(-2px)}
.mode-card .mc-ic{font-size:46px;line-height:1.1}.mode-card b{font-size:24px;font-weight:900}.mode-card .mc-s{font-weight:700;font-size:16px}.mode-card small{font-size:13.5px;opacity:.85;line-height:1.4;margin-top:4px}
.mode-card.beg{background:linear-gradient(160deg,#fbbf24,#d97706);color:#1b1205;box-shadow:0 10px 26px rgba(217,119,6,.35)}
.mode-card.adv{background:linear-gradient(160deg,#1e3a5f,#0f1f36);border-color:#2f4a70;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.mc-lbl{margin:4px 0 0;color:#aab4c2;text-align:center;font-weight:600}
/* end screen */
.home.be{max-width:820px;padding-bottom:40px}
.be-hero{text-align:center}.be-medal{font-size:72px;line-height:1}.be-hero h1{margin:6px 0 4px;font-size:36px}.be-tier{margin:0 0 6px;font-size:18px;color:#fde68a;font-weight:700}
.be-hero .rank{font-size:20px;margin:6px 0}.be-hero .rank b{color:var(--amber);font-size:28px}
.be-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.be-kpis>div{background:#0b1320;border:1px solid #223047;border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;gap:2px}
.be-kpis small{color:#8193ab}.be-kpis b{font-size:24px}.be-kpis em{font-style:normal;font-size:14px}
.be-days{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.be-days li{display:flex;gap:14px;background:#0b1320;border:1px solid #1f2d40;border-radius:14px;padding:12px 14px}
.be-d{flex:none;width:86px;display:flex;flex-direction:column}.be-d b{font-size:17px}.be-d span{font-size:14px}
.be-t p{margin:0;line-height:1.5}.be-t .be-h{font-family:var(--serif);font-weight:700;font-size:17px;margin-bottom:3px}
.be-cur{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.be-cur>span{font-size:34px}.be-cur p{margin:4px 0 0;line-height:1.5;color:#cbd5e1}
.be-btns{display:flex;flex-direction:column;gap:10px;align-items:stretch}.be-btns .mode-card{flex-direction:row;justify-content:center;gap:12px;text-align:start}.be-btns .mode-card small{display:block}
.be-btns .mode-card>b{font-size:21px}
@media (max-width:1180px){.b-main{grid-template-columns:280px minmax(0,1fr) 290px;gap:14px;padding:14px}.b-paper h2{font-size:24px}.b-paper-body img{width:120px;height:86px}}
@media (max-width:980px){
 .b-main{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"news news" "stock list" "side list"}
}
@media (max-width:700px){
 body.in-desk.beg-on{font-size:16px}
 .b-top{flex-wrap:wrap;gap:6px 10px;padding:8px 12px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0d131d}.b-top .brand{font-size:17px}.b-mode{font-size:12px;padding:3px 9px}
 .b-days{order:3;margin:0}.b-dots i{width:14px}.b-clock{order:4;margin-inline-start:auto}.b-clock b{font-size:17px}.b-clock span{font-size:13px}.b-top .menu-btn{order:2;margin-inline-start:auto;width:38px;height:38px}
 .b-ctl{position:fixed;left:0;right:0;bottom:0;z-index:25;justify-content:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(10,15,23,.94);backdrop-filter:blur(8px);border-top:1px solid #1d2a3c}
 .b-ctl>*{width:100%;max-width:420px;justify-content:center}.b-speed button{flex:1}
 body.beg-on #toast{bottom:92px}
 .b-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"news" "stock" "list" "side";gap:12px;padding:12px 10px 96px}
 .b-card{padding:14px 12px;border-radius:18px}
 .b-paper{padding:12px 14px}.b-paper-name{font-size:20px}.b-paper-body{gap:10px;align-items:flex-start}.b-paper-body img{width:84px;height:68px;border-radius:10px}.b-paper h2{font-size:20px}.b-deck{font-size:15px}.b-q{margin-inline-start:0;width:100%}
 .b-st-n b{font-size:22px}.b-st-q b{font-size:24px}.b-chart{height:210px}
 body.in-desk.beg-on{height:auto}
 .b-trade{grid-template-columns:1fr}.b-amt-row input{width:100%;font-size:22px}.b-chips{width:100%}.b-chips button{flex:1}
 .b-buy,.b-sell{font-size:21px;padding:15px 8px}
 .mode-cards{grid-template-columns:1fr}.mode-card{flex-direction:row;text-align:start;gap:12px;padding:14px 14px}.mode-card .mc-ic{font-size:40px}.mode-card>b{font-size:21px}
 .mode-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;row-gap:0}.mode-card .mc-ic{grid-row:1/4}
 .be-kpis{grid-template-columns:1fr}.be-days li{flex-direction:column;gap:4px}.be-d{width:auto;flex-direction:row;gap:10px;align-items:baseline}
 .be-btns .mode-card{display:grid}
}