/* PROBEGOK V9 — unified build */
/* Keep the existing topbar height; only make the balance slot less wasteful. */
.balance-chip{min-width:0!important;padding-left:9px!important;padding-right:10px!important}
.balance-chip b{max-width:154px!important;white-space:nowrap;font-size:15px!important;letter-spacing:-.2px}
.balance-plus{display:none!important}

/* Roll selectors: chevrons stay inside the cards. */
.selector-pill{padding-right:28px!important;overflow:hidden}
.selector-pill>b{padding-right:0!important;max-width:calc(100% - 3px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selector-pill>span{right:9px!important;top:50%!important;transform:translateY(-10%)!important}

/* Result layout: nothing covers the rendered car. */
.car-hero{padding-bottom:112px!important}
.hero-car-stage{height:154px!important;margin-bottom:2px!important}
.specimen-block{position:relative!important;bottom:auto!important;margin:2px auto 6px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
.condition-big,.history-big{min-width:0!important;width:100%!important;min-height:36px!important;padding:7px 8px!important;font-size:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.15!important}
.hero-bottom{margin-top:0!important}
.action-svg{width:23px;height:23px;object-fit:contain;display:block;margin:0 auto 3px;filter:brightness(0) invert(1)}
.sell-car .action-svg{filter:brightness(.08)}

/* Sold state preserves the exact car render. */
.sold-hero{position:relative}.sold-hero>.car-hero{filter:saturate(.72) brightness(.72)}
.sold-overlay{position:absolute;z-index:30;left:50%;top:52%;transform:translate(-50%,-50%);min-width:210px;text-align:center;padding:13px 18px;border-radius:16px;background:#07090cdd;border:1px solid #83651d;backdrop-filter:blur(9px);box-shadow:0 18px 50px #000}
.sold-overlay b{display:block;font-size:19px}.sold-overlay span{display:block;margin-top:4px;color:#b2b8c0;font-size:11px}

/* Bigger brand marks in garage and result card. */
.garage-brand-logo{width:47px!important;height:32px!important;right:7px!important;top:5px!important;opacity:.95!important}
.hero-brand-logo{max-width:76px!important;height:40px!important;opacity:.96!important}
.car-card .car-name{margin-right:53px!important}

/* Active central roll navigation is deliberately larger. */
body.on-roll-tab .bottom-nav .roll-nav{transform:translateY(-9px) scale(1.13)!important}
body.on-roll-tab .bottom-nav .roll-nav .roll-orb{width:78px!important;height:78px!important;margin-top:-43px!important;box-shadow:0 0 0 4px #040506,0 0 42px #ffb8178a!important}
body.on-roll-tab .bottom-nav .roll-nav .roll-orb img{width:34px!important;height:34px!important}
body.on-roll-tab .bottom-nav button:nth-child(2){transform:translateX(-7px)}
body.on-roll-tab .bottom-nav button:nth-child(4){transform:translateX(7px)}

/* x5: no arrow controls; swipe carousel with a visible peek/hint. */
.batch-panel{grid-template-columns:auto 1fr!important;padding:5px 9px!important;margin-top:3px!important}
.batch-panel button{display:none!important}.batch-panel b{font-size:11px}.batch-panel span{text-align:right!important}
.swipe-peek{position:absolute;right:-5px;top:98px;width:18px;height:125px;border:1px solid #806018;border-left:0;border-radius:0 16px 16px 0;background:linear-gradient(180deg,#17120a,#090b0e);opacity:.7;z-index:8;animation:peekNudge 1.15s ease-in-out 2}
.swipe-hint{position:absolute;z-index:18;left:50%;bottom:101px;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border-radius:999px;background:#050607d9;border:1px solid #3a424b;color:#c0c5cc;font-size:9px;animation:swipeHint 1.3s ease-in-out 2}
.swipe-hint.seen{opacity:.42;animation:none}.swipe-hint span{color:#ffd65a;font-weight:1000}
.batch-dots{position:absolute;left:50%;bottom:89px;transform:translateX(-50%);z-index:18;display:flex;gap:4px}.batch-dots i{width:5px;height:5px;border-radius:50%;background:#4b5159}.batch-dots i.active{width:14px;border-radius:8px;background:#ffd45c}
@keyframes peekNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px)}}
@keyframes swipeHint{0%,100%{transform:translateX(-50%)}45%{transform:translateX(calc(-50% - 8px))}70%{transform:translateX(calc(-50% + 8px))}}

/* Fast, pack-specific x5 reveal instead of five single reveals. */
.pack-reveal{min-height:330px;display:grid;place-content:center;text-align:center;overflow:hidden;position:relative}.pack-title{font-weight:1000;color:#ffd65a;letter-spacing:.16em;margin-bottom:12px}.pack-cards{position:relative;width:290px;height:170px}.pack-card{position:absolute;left:50%;top:32px;width:142px;height:95px;border-radius:15px;border:1px solid #5e4a1b;background:#080a0d;transform:translateX(calc(-50% + (var(--i) - 2)*32px)) rotate(calc((var(--i) - 2)*7deg)) scale(.84);animation:packOpen .75s cubic-bezier(.17,.8,.25,1) both;animation-delay:calc(var(--i)*.07s);box-shadow:0 18px 38px #000}.pack-card img{width:100%;height:100%;object-fit:contain}.pack-card .badge{position:absolute;left:5px;bottom:5px;padding:3px 6px;font-size:7px;background:#07090ddd}.pack-hint{color:#8e959e;font-size:10px;margin-top:5px}@keyframes packOpen{from{opacity:0;transform:translateX(-50%) scale(.25) rotate(0)}to{opacity:1}}

/* Daily tasks — large premium cards inspired by the accepted mockup. */
.daily-head{margin:-3px -2px 12px;padding:11px 4px 7px;background:radial-gradient(circle at 75% 35%,#8c5b171d,transparent 40%)}.daily-head>small{color:#c89934;font-weight:950;letter-spacing:.13em}.daily-head h2{font-size:29px!important;margin:2px 0 4px!important}.daily-head p{margin:0;color:#8e959f;font-size:11px;line-height:1.4}.daily-list{display:grid;gap:9px}.daily-task{display:grid;grid-template-columns:55px minmax(0,1fr) 39px;align-items:center;gap:10px;padding:12px;border-radius:18px;border:1px solid #4a4131;background:linear-gradient(135deg,#17191c,#101214);box-shadow:0 13px 28px #0005}.daily-task-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle,#493412,#17130c 72%);border:1px solid #88641c}.daily-task-main{min-width:0}.daily-task-main>b{display:block;font-size:14px;line-height:1.2;margin:4px 0 5px}.daily-task-main>small{display:block;color:#8f969f;font-size:9px;line-height:1.3}.daily-task>strong{color:#858c95;font-size:12px;text-align:right}.daily-difficulty{display:inline-flex;border-radius:8px;padding:3px 6px;font-size:8px;font-weight:950;letter-spacing:.04em;border:1px solid #3f8653;color:#63df86;background:#102117}.d-sales{border-color:#486d9d;color:#76aaf0;background:#111b28}.d-duels{border-color:#8b42a9;color:#dc81ff;background:#23112b}.d-story{border-color:#967020!important;color:#ffda65!important;background:#261d0b!important}.daily-progress{height:6px;border-radius:99px;overflow:hidden;background:#2a2d31;margin:7px 0 5px}.daily-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#21c15a,#46e279);box-shadow:0 0 10px #2dd56366}.daily-story{grid-template-columns:55px minmax(0,1fr) auto;border-color:#8b6720;background:linear-gradient(135deg,#241d10,#111316);box-shadow:0 0 28px #ffb91a12}.daily-share{border:1px solid #a57818;background:linear-gradient(135deg,#ffe16f,#ffb30d);color:#171005;font-weight:950;border-radius:12px;padding:9px 10px;font-size:10px}.daily-share:disabled{background:#1b1e22;color:#707780;border-color:#30353b}.daily-all{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;margin-top:11px;padding:11px;border-radius:17px;border:1px solid #4b402b;background:linear-gradient(135deg,#191714,#101215)}.daily-all>span{font-size:29px}.daily-all b{display:block}.daily-all small{color:#858c94;font-size:9px}.daily-all>strong{color:#d6b75f}.daily-task.done{border-color:#2a7445}.daily-task.done .daily-task-icon{border-color:#2d8c4c;box-shadow:0 0 18px #27c46122}

.coef-table{display:grid;border:1px solid #2c333a;border-radius:14px;overflow:hidden}.coef-table>div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 11px;background:#0f1216;border-bottom:1px solid #252b31;font-size:11px}.coef-table>div:last-child{border-bottom:0}.coef-table span{color:#c5cad0}.coef-table b{color:#ffd55e}
.smallbtn.danger{border-color:#6f303a!important;background:#251115!important;color:#ff9ca7!important}

@media(max-width:430px){
  .balance-chip b{max-width:145px!important;font-size:14px!important}
  .hero-car-stage{height:142px!important}
  .specimen-block{gap:5px!important}.condition-big,.history-big{font-size:9px!important;padding:6px!important}
  .daily-task{grid-template-columns:46px minmax(0,1fr) 34px;padding:10px;gap:8px}.daily-task-icon{width:44px;height:44px;font-size:22px}.daily-story{grid-template-columns:46px minmax(0,1fr) auto}.daily-share{padding:8px 7px}
}