/* PROBEGOK V11 — UI target: accepted generated mockup */
html,body,.app-shell,.modal,.sheet{max-width:100vw!important;overflow-x:hidden!important}
.content,.screen,.roll-center,.hero-card,.car-hero,.sheet>*{min-width:0!important;max-width:100%!important}
.balance-chip{margin-left:auto!important;flex:0 1 212px!important;max-width:212px!important}
.balance-chip b{max-width:142px!important;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.ranking-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important}.ranking-row .price{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}

/* Result composition matches the accepted mockup: title, clean car, X cards, small mileage, large price. */
.car-hero.v11-result{padding:14px 14px 14px!important;min-height:0!important;border-radius:22px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 34%,#722d8838,transparent 35%),linear-gradient(180deg,#0b0c10,#090a0c)!important}
.v11-hero-top{position:relative!important;z-index:5!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important}.v11-hero-top h2{font-size:23px!important;line-height:1.02!important;margin:7px 0 4px!important;letter-spacing:-.6px}.v11-hero-top p{font-size:11px!important;margin:0!important;color:#aeb3bb!important}.v11-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.v11-brand-stack{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:50px}.v11-brand-stack .hero-brand-logo{position:static!important;max-width:62px!important;width:auto!important;height:38px!important;object-fit:contain!important}.v11-serial{font-size:10px;color:#989fa9}
.v11-car-stage{height:220px!important;margin:0 -8px 4px!important;display:grid!important;place-items:center!important;position:relative!important;z-index:3!important}.v11-car-stage .hero-image{width:96%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 18px #000c)!important}
.v11-x-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;position:relative;z-index:8;margin:3px 0 9px}.v11-x-card{min-height:52px;border:1px solid #3b424b;border-radius:12px;background:linear-gradient(160deg,#12161c,#090b0f);padding:7px 8px;display:flex;gap:7px;align-items:center;overflow:hidden}.v11-x-card>span{font-size:18px}.v11-x-card small{display:block;font-size:8px;line-height:1.1;color:#b2b8c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v11-x-card b{display:block;font-size:12px;color:#ffd45c;margin-top:3px}.v11-x-card.gold{border-color:#725718;background:linear-gradient(160deg,#1d170c,#0b0c0e)}
.v11-stats-row{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:7px;margin-bottom:9px}.v11-stats-row>div{border:1px solid #343b44;border-radius:13px;background:#0d1116;padding:8px;min-width:0}.v11-stats-row small{display:block;color:#7f8792;font-size:8px;margin-bottom:3px}.v11-stats-row b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v11-mileage .odometer-box{justify-content:flex-start!important;transform:scale(.82);transform-origin:left center;margin:-2px 0 -3px!important}.v11-mileage .odometer-digits{gap:2px!important}.v11-mileage .odo-digit{font-size:15px!important;width:18px!important;height:23px!important;line-height:23px!important}.v11-mileage .odo-unit{font-size:9px!important}
.v11-value{margin:0 auto 10px!important;width:min(100%,330px)!important;padding:9px 12px!important;border:1px solid #7b5b16!important;border-radius:15px!important;background:linear-gradient(180deg,#241a08cc,#0a0b0d)!important;text-align:center}.v11-value small{font-size:9px!important;color:#a08e63!important}.v11-value strong{font-size:25px!important;color:#ffd45b!important;letter-spacing:.2px!important}
.specimen-block,.reason-row{display:none!important}.single-actions{position:relative!important;z-index:10!important;display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:8px!important;margin-top:0!important}.single-actions button{min-height:53px!important;border-radius:15px!important}
/* x5: click/swap indication without arrows */
.swipe-peek{right:-2px!important;width:14px!important}.swipe-hint{bottom:7px!important}.batch-dots{bottom:65px!important}.batch-panel{margin-bottom:4px!important}
/* Profile & modal click targets */
.menu-grid button,.service-grid button{pointer-events:auto!important;position:relative!important;z-index:1!important}.modal .sheet{width:min(100%,590px)!important;left:50%!important;transform:translateX(-50%)!important}
/* Luck text never merges */
.luck-next{display:grid!important;gap:6px!important}.luck-next>b{display:block!important;white-space:normal!important}.luck-milestones{display:block!important;font-size:11px!important;color:#aeb4bd!important;line-height:1.35!important}
/* Garage card: status icon up at image/right; full card opens into details */
.car-card{position:relative!important}.car-card .special-tag{position:absolute!important;right:8px!important;top:8px!important;max-width:110px!important;z-index:5!important;font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-card .garage-brand-logo{top:38px!important;right:8px!important}.car-card{cursor:pointer}.car-card .car-name{margin-right:0!important}
@media(max-width:430px){.balance-chip{max-width:198px!important}.v11-car-stage{height:195px!important}.v11-hero-top h2{font-size:21px!important}.v11-x-strip{gap:5px}.v11-x-card{padding:6px;min-height:48px}.v11-value strong{font-size:23px!important}.ranking-row .price{max-width:82px}.v11-stats-row{grid-template-columns:1.2fr .9fr .9fr}}
.garage-detail-sheet{height:min(92vh,820px)!important;max-height:92vh!important}.garage-full-detail{padding-bottom:12px}.garage-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.garage-detail-head>b{font-size:9px;color:#ffd45c;border:1px solid #705416;border-radius:999px;padding:5px 8px}.garage-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.garage-detail-grid>div{border:1px solid #303740;border-radius:13px;background:#0d1116;padding:10px}.garage-detail-grid small{display:block;color:#7f8790;font-size:9px}.garage-detail-grid b{display:block;margin-top:4px;font-size:13px}.garage-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.garage-detail-actions button{min-height:48px}
