/* V31.2 – scoped repairs: responsive cards, roll details, ban screen and audit. */
html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
.app-shell,.content,.screen.active{height:auto!important;max-height:none!important;overflow:visible!important;touch-action:pan-y!important}
body.is-banned{overflow-x:hidden!important;overflow-y:auto!important;background:#07070b!important}
/* Previous fixed grid rows broke every Secret card with an additional chip or long name. */
#garage .car-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
#garage .car-card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:auto!important;overflow:hidden!important}
#garage .car-card .image-wrap{height:clamp(142px,29vw,198px)!important;min-height:142px!important;position:relative!important;flex:0 0 auto!important;overflow:hidden!important;padding:0 7px 0 31px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#garage .car-card .image-wrap .garage-main-image{position:relative!important;z-index:4!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 10px 10px #0009)!important}
#garage .car-card.secret-garage-card .image-wrap .garage-main-image{filter:drop-shadow(0 12px 13px #000b) drop-shadow(0 0 14px #b943f855)!important}
#garage .car-card .garage-brand-logo{z-index:10!important;width:35px!important;height:35px!important;max-width:35px!important;object-fit:contain!important;right:7px!important;top:8px!important}
#garage .car-card .cardbody{display:flex!important;flex-direction:column!important;grid-template-rows:none!important;grid-auto-rows:auto!important;align-content:initial!important;gap:6px!important;flex:1 1 auto!important;min-width:0!important;padding:10px!important;position:relative!important}
#garage .car-card .cardbody>.badge{flex:0 0 auto!important;align-self:stretch!important;min-width:0!important;white-space:normal!important;padding:6px 8px!important;font-size:10px!important;letter-spacing:.08em!important;line-height:1.2!important}
#garage .car-card .secret-card-chip{position:static!important;order:-1!important;min-height:22px!important;align-self:start!important;margin:0!important;padding:5px 8px!important}
#garage .car-card .mini-special{display:block!important;padding:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.3!important;font-size:clamp(10px,2.5vw,13px)!important;overflow-wrap:anywhere!important}
#garage .car-card .car-name{display:block!important;margin:1px 0!important;font-size:clamp(14px,3.4vw,20px)!important;line-height:1.22!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;word-break:normal!important;overflow-wrap:anywhere!important;color:#f8f5fa!important}
#garage .car-card .card-sub{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;line-height:1.3!important;min-height:18px!important;font-size:10px!important;overflow-wrap:anywhere!important}
#garage .car-card .card-sub .country-flag{flex:0 0 auto!important}
#garage .car-card .condition-chip{height:auto!important;min-height:34px!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.3!important;padding:8px 6px!important;margin:3px 0!important;font-size:10px!important;overflow-wrap:anywhere!important}
#garage .car-card .card-odo{font-size:11px!important;line-height:1.4!important;margin-top:2px!important}
#garage .car-card .card-value{min-height:0!important;flex:0 0 auto!important;margin-top:auto!important;font-size:clamp(15px,3.4vw,20px)!important;overflow-wrap:anywhere!important;line-height:1.25!important;padding-top:10px!important}
#garage .car-card .card-actions{margin-top:3px!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding-top:4px!important}
#garage .car-card .card-actions button{font-size:clamp(9px,2.5vw,12px)!important;min-height:43px!important;height:auto!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:7px 4px!important}
#garage .car-card .garage-card-flags{z-index:15!important;top:45px!important;left:6px!important;right:auto!important}
#garage .car-card .select-dot{z-index:16!important}
#garage .secret-card-topline{z-index:6!important;max-width:60%!important;overflow:hidden!important;text-overflow:ellipsis!important}
#garage .secret-card-aura,#garage .secret-card-shine,#garage .secret-card-corners{pointer-events:none!important}
/* Smaller screens must not clip text or run cards into one another. */
@media(max-width:370px){#garage .car-card .image-wrap{height:135px!important;min-height:135px!important;padding-left:25px!important}#garage .car-card .cardbody{padding:7px!important;gap:5px!important}#garage .car-card .card-name{font-size:13px!important}#garage .car-grid{gap:7px!important}}
/* Drop card: keep every line of long condition / ownership history readable. */
#rollStage .v11-result{overflow:visible!important;height:auto!important;min-height:0!important;padding:16px 13px!important}
#rollStage .hero-title,#rollStage .v11-x-card>div,#rollStage .v11-stats-row>div{min-width:0!important}
#rollStage .v11-hero-top{align-items:start!important;gap:8px!important}
#rollStage .v11-hero-top h2{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.16!important;font-size:clamp(20px,4.6vw,30px)!important}
#rollStage .v11-x-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
#rollStage .v11-x-card{min-width:0!important;min-height:70px!important;height:auto!important;align-items:flex-start!important;padding:9px 6px!important;gap:5px!important;overflow:visible!important}
#rollStage .v11-x-card small{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important;font-size:clamp(9px,2.2vw,12px)!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important}
#rollStage .v11-x-card b{white-space:normal!important;line-height:1.25!important}
#rollStage .v11-stats-row{grid-template-columns:1.2fr 1fr 1fr!important;gap:7px!important}
#rollStage .v11-stats-row>div{min-height:77px!important;height:auto!important;overflow:visible!important;padding:9px 7px!important}
#rollStage .v11-stats-row b{font-size:clamp(10px,2.4vw,14px)!important;line-height:1.34!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
#rollStage .v11-stats-row small{font-size:10px!important}
#rollStage .single-actions{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;padding:0!important;gap:9px!important;margin-top:12px!important}
#rollStage .single-actions button{height:auto!important;min-height:66px!important;padding:8px 6px!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:clamp(11px,2.6vw,16px)!important}
@media(max-width:440px){#rollStage .v11-x-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}#rollStage .v11-x-card:nth-child(3){grid-column:1/-1!important;min-height:52px!important}#rollStage .v11-stats-row{grid-template-columns:1fr 1fr!important}#rollStage .v11-mileage{grid-column:1/-1!important}#rollStage .v11-mileage .odometer-box{transform-origin:left center!important}}
/* Banned-player screen: all controls flow in normal document layout, never overlap. */
.ban-gate-v32{min-height:100dvh!important;height:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:clamp(18px,5vw,48px) 14px 40px!important;overflow:visible!important}
.ban-card-v32{width:min(100%,520px)!important;max-width:520px!important;height:auto!important;max-height:none!important;overflow:visible!important;position:relative!important;padding:clamp(18px,4vw,30px)!important;display:flex!important;flex-direction:column!important;gap:14px!important;border:1px solid #682a3b!important;border-radius:28px!important;background:linear-gradient(155deg,#230c17,#100a12 42%,#090b12)!important;box-shadow:0 30px 80px #000c,0 0 55px #bd243321!important}
.ban-v32-head{text-align:center!important;display:grid!important;justify-items:center!important;gap:10px!important}
.ban-v32-head .ban-lock{position:static!important;display:grid!important;place-items:center!important;width:66px!important;height:66px!important;border:1px solid #a13f59!important;border-radius:19px!important;background:radial-gradient(circle,#662037,#190e17)!important;font-size:29px!important;box-shadow:0 0 26px #ed3d4e33!important}
.ban-v32-eyebrow{font-size:10px!important;color:#ff8196!important;letter-spacing:.16em!important;font-weight:900!important}
.ban-v32-head h1{font-size:clamp(25px,6vw,34px)!important;line-height:1.16!important;margin:0!important;color:#fff!important}
.ban-v32-head p{margin:0!important;line-height:1.55!important;color:#aeb0b9!important;font-size:13px!important}
.ban-reason-block{background:#100d14!important;border:1px solid #64333d!important;border-radius:15px!important;padding:13px!important;display:grid!important;gap:6px!important}
.ban-reason-block span,.ban-v32-meta span{font-size:10px!important;letter-spacing:.12em!important;color:#b88c9a!important;text-transform:uppercase!important}
.ban-reason-block strong{color:#f9e4e9!important;line-height:1.45!important;overflow-wrap:anywhere!important}
.ban-v32-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.ban-v32-meta>div{border:1px solid #42313a!important;border-radius:14px!important;background:#100f15!important;padding:12px!important;min-width:0!important;display:grid!important;gap:7px!important}
.ban-v32-meta b,.ban-v32-meta a{font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere!important;color:#fff!important}
.ban-v32-meta a{color:#ffabbe!important}
.ban-v32-appeal{display:flex!important;flex-direction:column!important;gap:10px!important;padding:15px!important;margin:0!important;background:linear-gradient(180deg,#161620,#0e1119)!important;border:1px solid #454052!important;border-radius:18px!important}
.ban-v32-appeal h2{margin:0!important;font-size:18px!important;color:#f8efff!important}
.ban-v32-appeal p{margin:0!important;font-size:12px!important;color:#9ea5b3!important;line-height:1.5!important}
.ban-v32-appeal label{display:block!important;font-weight:750!important;font-size:12px!important;color:#e0dae7!important}
.ban-v32-appeal .ban-appeal-status{display:block!important;position:static!important;margin:0!important;min-height:32px!important;line-height:1.35!important;font-size:11px!important;padding:9px 11px!important;border:1px solid #544c5c!important;border-radius:10px!important;color:#c6b9d3!important;background:#100f18!important;overflow-wrap:anywhere!important}
.ban-v32-appeal .ban-appeal-status small{display:block!important;margin-top:4px!important}
.ban-v32-appeal .ban-appeal-text{position:static!important;display:block!important;margin:0!important;width:100%!important;min-width:0!important;height:126px!important;min-height:100px!important;max-height:230px!important;resize:vertical!important;padding:12px!important;font-size:16px!important;line-height:1.45!important;box-sizing:border-box!important;border-radius:12px!important;background:#080c13!important;color:#fff!important;border:1px solid #51415b!important;outline:none!important;opacity:1!important}
.ban-v32-appeal .ban-appeal-text:focus{border-color:#be69e8!important;box-shadow:0 0 0 3px #ab5cf822!important}
.ban-v32-appeal .ban-appeal-btn{position:static!important;margin:0!important;width:100%!important;min-height:48px!important;height:auto!important;border-radius:12px!important;background:linear-gradient(125deg,#9744ae,#773eaa)!important;color:#fff!important;border:1px solid #ae67d1!important;font-weight:900!important}
.ban-or{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important;position:static!important;min-height:10px!important;color:#8e8393!important}
.ban-or:before,.ban-or:after{content:''!important;display:block!important;height:1px!important;background:#52363e!important;flex:1!important}
.ban-card-v32 .ban-unban-btn{position:static!important;margin:0!important;width:100%!important;min-height:53px!important;height:auto!important;flex:0 0 auto!important;font-size:16px!important;border-radius:14px!important}
.ban-card-v32 .ban-pay-note{display:block!important;position:static!important;margin:0!important;text-align:center!important;color:#b5a6b0!important;line-height:1.5!important;font-size:11px!important;overflow-wrap:anywhere!important}
/* Admin player / audit */
.admin-player-head small{color:#d1a44b;font-size:10px;letter-spacing:.14em}.admin-player-head h2{margin:5px 0;font-size:22px}.admin-player-head p{font-size:12px;line-height:1.5;color:#a2abb5}
.admin-ban-settings{margin:10px 0;padding:12px;display:grid;gap:9px;border-radius:16px;background:#141016;border:1px solid #664252}.admin-ban-settings h3{margin:0;font-size:16px}
.admin-ban-settings select,.admin-ban-settings textarea,.admin-player-extra input{width:100%;min-width:0;max-width:100%;padding:11px;border:1px solid #4d4754;border-radius:12px;background:#0d1118;color:#fff;font:inherit}
.admin-player-extra{padding:10px;margin-top:9px;border:1px solid #3c414c;border-radius:13px}.admin-player-extra summary{font-weight:850;font-size:12px;cursor:pointer}.admin-player-extra .field{margin-top:10px}
.audit-ru-summary{font-size:11px;color:#c5ccd5;line-height:1.5;overflow-wrap:anywhere;margin:2px 0 9px}
.audit-ru-details{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:11px;color:#d9e1e8;background:#101720;border:1px solid #283640;padding:12px;margin-top:7px;border-radius:12px}
.audit-technical{margin-top:11px;border-top:1px solid #2b333d;padding-top:9px}
.audit-technical summary{font-size:10px;color:#8395a2}
.audit-list .audit-row h3{font-size:15px!important;color:#fff!important}