/* PROBEGOK V8 — compact roll screen, x5 fan, real flag assets, garage multiselect */
.compact-luck{justify-content:center;min-width:78px!important;padding:5px 8px!important;gap:7px!important}
.compact-luck .luck-icon{font-size:22px}.luck-counter{font-weight:1000;font-size:16px;color:#e8edf2}.compact-luck .luck-mult{margin:0;min-width:45px;width:auto;height:auto;border-radius:10px;padding:6px 8px;background:linear-gradient(145deg,#fff58a,#ffb812);color:#120d04;border-color:#ffdd60;box-shadow:0 0 18px #ffc31955;font-size:15px;animation:luckGold 1.6s ease-in-out infinite}.compact-luck.bonus-ready{border-color:#806019;box-shadow:0 0 18px #ffbd171d}.luck-counter.hidden,.luck-mult.hidden{display:none!important}@keyframes luckGold{50%{filter:brightness(1.2);transform:scale(1.04)}}
.balance-chip b{max-width:105px!important;font-size:15px!important}
.home-screen.active{display:grid;gap:7px}.roll-center{gap:6px!important}.hero-card{min-height:330px!important}.empty-hero{height:330px!important;min-height:330px!important}.ghost-roll-car{width:min(86%,360px);height:190px;object-fit:contain;opacity:.14;filter:grayscale(.35) drop-shadow(0 18px 24px #000);mask-image:linear-gradient(to bottom,#000 48%,transparent 100%)}.empty-hero h2{margin-top:-18px!important}.car-hero{min-height:330px!important;padding:11px 12px 104px!important}.hero-car-stage{height:145px!important}.hero-image{max-height:150px!important}.specimen-block{bottom:102px!important}.condition-big,.history-big{min-height:39px!important;font-size:11px!important}.hero-value strong{font-size:22px!important}.single-actions{bottom:8px!important}.single-actions button{min-height:52px!important}.roll-price-line{padding:5px 3px!important}.roll-btn.primary-gold{min-height:62px!important}.dice-icon{width:38px!important;height:38px!important;transform:none!important}.dice-icon img{width:25px;height:25px;object-fit:contain;filter:brightness(.08)}.roll-btn b{font-size:18px!important}
.roll-count-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:3px;border:1px solid #2a3036;background:#090c0f;border-radius:13px}.roll-count-switch button{min-height:35px;border:0;border-radius:10px;background:transparent;color:#777f89;font-weight:900}.roll-count-switch button.active{background:linear-gradient(180deg,#2a210f,#171108);color:#ffd65c;box-shadow:inset 0 0 0 1px #7e5b13}
.roll-filter-drawer{border:1px solid #242a31;border-radius:15px;background:#090c0f;overflow:hidden}.roll-filter-drawer summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:1px 8px;align-items:center;padding:9px 11px;cursor:pointer}.roll-filter-drawer summary::-webkit-details-marker{display:none}.roll-filter-drawer summary span{font-weight:900;font-size:12px}.roll-filter-drawer summary small{grid-column:1;color:#6f7781;font-size:9px}.roll-filter-drawer summary b{grid-column:2;grid-row:1/3;color:#8d949c;transition:.2s}.roll-filter-drawer[open] summary b{transform:rotate(180deg)}.roll-filter-drawer .four-selectors{padding:0 8px 8px;margin:0!important}.selector-pill{min-height:42px!important;padding:6px 9px!important}.selector-pill b{font-size:11px!important}
.country-flag{display:inline-block;width:26px;height:18px;object-fit:cover;border-radius:4px;vertical-align:-4px;box-shadow:0 0 0 1px #ffffff18,0 3px 9px #0008}.country-flag.inline{width:23px;height:15px;margin-right:5px}.country-flag.selector{width:21px;height:14px;margin-right:5px}.country-flag.choice-flag{width:30px;height:20px;margin-right:8px}.country-flag.card-flag{width:20px;height:13px;margin-right:4px;vertical-align:-2px}.reveal-flag{height:155px;display:grid;place-items:center}.reveal-flag-img{width:min(65vw,245px);max-height:155px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 15px 30px #000)}.reveal-class-word{font-size:42px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;color:#ffd65d;text-shadow:0 0 34px #ffbd1b44}.hero-brand-logo{width:auto;max-width:54px;height:28px;object-fit:contain;opacity:.88;filter:drop-shadow(0 5px 10px #000);margin-top:2px}
/* Bottom navigation: active roll button grows and neighbors spread slightly. */
.bottom-nav .roll-nav{transition:transform .2s ease}.bottom-nav .roll-nav .roll-orb{transition:.22s ease}.bottom-nav .roll-nav .roll-orb img{width:28px;height:28px;object-fit:contain;filter:invert(82%) sepia(64%) saturate(889%) hue-rotate(350deg) brightness(104%)}body.on-roll-tab .bottom-nav .roll-nav{transform:translateY(-4px) scale(1.08)}body.on-roll-tab .bottom-nav .roll-nav .roll-orb{width:68px;height:68px;margin-top:-36px;background:radial-gradient(circle,#ffe071,#be7b06);box-shadow:0 0 0 4px #040506,0 0 34px #ffb81777}body.on-roll-tab .bottom-nav .roll-nav .roll-orb img{filter:brightness(.05)}body.on-roll-tab .bottom-nav button:nth-child(2){transform:translateX(-4px)}body.on-roll-tab .bottom-nav button:nth-child(4){transform:translateX(4px)}.bottom-nav button{transition:transform .2s ease}.swords-icon img{width:25px;height:25px;object-fit:contain;filter:invert(45%) sepia(11%) saturate(258%) hue-rotate(169deg) brightness(101%)}.bottom-nav button.active .swords-icon img{filter:invert(82%) sepia(64%) saturate(889%) hue-rotate(350deg) brightness(104%)}
/* x5 fan result */
.batch-panel{display:grid;grid-template-columns:40px auto 1fr 40px;align-items:center;gap:7px;margin:6px 0 0!important;border:1px solid #2e3339;background:#0a0d10;border-radius:13px;padding:7px 8px}.batch-panel button{height:34px;border:1px solid #4a3a17;background:#17130b;color:#ffd35d;border-radius:9px;font-size:20px}.batch-panel b{font-size:12px}.batch-panel span{font-size:9px;color:#737b85;text-align:center}.batch-fan{position:absolute;left:50%;top:74px;z-index:2;width:220px;height:120px;transform:translateX(-50%);pointer-events:none}.fan-card{position:absolute;left:50%;top:10px;width:118px;height:78px;border:1px solid #3c4249;background:#0a0c0f;border-radius:13px;transform:translateX(calc(-50% + var(--d)*18px)) rotate(calc(var(--d)*7deg)) scale(.78);opacity:.4;transition:.25s;box-shadow:0 12px 25px #000}.fan-card.active{z-index:9;transform:translateX(-50%) translateY(8px) scale(1.04);opacity:1;border-color:#b18324;box-shadow:0 16px 35px #000,0 0 22px #ffbe202b}.fan-card img{width:100%;height:100%;object-fit:contain}.fan-card span{position:absolute;right:5px;bottom:4px;background:#050607cc;color:#ffd35a;border-radius:7px;padding:2px 5px;font-size:8px}.batch-fan+.car-hero .hero-car-stage{opacity:.2}
/* Garage cards are intentionally slightly shorter. */
.car-grid{gap:8px!important}.car-card{position:relative;min-height:0!important;border-radius:17px!important;overflow:hidden}.car-card .image-wrap{height:104px!important}.car-card .image-wrap img{max-height:100px!important}.car-card .cardbody{position:relative;padding:8px 9px 9px!important}.car-card .car-name{font-size:15px!important;margin:5px 42px 3px 0!important}.car-card .condition-chip{font-size:9px!important;padding:5px 7px!important;margin-top:5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-card .card-odo{margin-top:5px!important;font-size:11px!important}.car-card .card-value{font-size:17px!important;margin-top:2px!important}.car-card .card-actions{margin-top:6px!important}.car-card .smallbtn{min-height:31px!important;padding:5px 7px!important}.garage-brand-logo{position:absolute;right:8px;top:7px;width:34px;height:23px;object-fit:contain;opacity:.85;filter:drop-shadow(0 4px 7px #000)}.select-dot{position:absolute;z-index:8;left:7px;top:7px;width:27px;height:27px;border-radius:50%;border:1px solid #4a525c;background:#090c10dd;color:#ffd65a;font-weight:1000}.car-card.selected{outline:2px solid #e2af2d;box-shadow:0 0 22px #ffc1292b}.car-card.selected .select-dot{background:#e2ae25;color:#130d03;border-color:#ffe37d}.garage-bulk{position:sticky;top:105px;z-index:25;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:7px;margin-bottom:8px;padding:7px 8px;border:1px solid #66501e;background:#0b0d0ff2;border-radius:13px;backdrop-filter:blur(14px)}.garage-bulk b{font-size:11px}.garage-bulk span{font-size:10px;color:#aeb4bc}.garage-bulk button{min-height:30px;border-radius:9px;border:1px solid #3b424a;background:#11151a;color:#ddd;padding:0 9px;font-weight:800}.garage-bulk button.danger{border-color:#743640;color:#ff9aa5}
@media(max-width:430px){.topbar-mainrow{grid-template-columns:88px 78px minmax(0,1fr)!important}.compact-luck{min-width:72px!important}.balance-chip{min-width:0!important}.hero-card{min-height:312px!important}.empty-hero{height:312px!important;min-height:312px!important}.ghost-roll-car{height:170px}.car-hero{min-height:312px!important}.hero-car-stage{height:135px!important}.hero-image{max-height:138px!important}.reveal-class-word{font-size:34px}.garage-bulk{top:96px;grid-template-columns:auto 1fr auto auto}.garage-bulk #garageSelectAll{display:none}}