/* "Choose your game" window on pages other than the homepage (Alune_Game_Chooser). These rules are a copy of the
   chooser and row rules in build/hero-header/style-index.css; change both together. */
.al-hero-header__popular-items{display:grid;gap:8px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.al-hero-header__popular-item{align-items:center;color:#4a5568!important;display:flex;font-size:.9rem!important;gap:12px;padding:8px 0;text-decoration:none!important}.al-hero-header__popular-item:hover{color:#111!important}.al-hero-header__popular-item-icon{border-radius:4px;flex-shrink:0;height:28px;object-fit:cover;width:28px}.al-hero-header__popular-item-icon--empty{background:#f0f0f0}.al-hero-header__popular-item-label{color:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.al-hero-header__popular-items{grid-template-columns:1fr}}

/* ==== Homepage hero redesign (Bob's board v3, Victor 1 Oct 2026). design-handoff/homepage-hero/HANDOFF.md ====
   Appended to the built file: this block has no source tree, so these rules follow the build's own and win by order.
   Several of the build's rules carry !important, so the overrides have to as well. */

/* 3. Popular Reroll Accounts / Boosting Services: tappable rows */
.al-hero-header .al-hero-header__popular-item{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 12px 0 10px;border:1px solid #E3E7F3;border-radius:12px;background:#fff;color:#111!important;font-size:15px!important;text-decoration:none!important;transition:border-color .15s,background-color .15s,transform .08s;-webkit-tap-highlight-color:transparent}
.al-hero-header .al-hero-header__popular-item-icon{width:34px;height:34px;border-radius:8px;flex:none;object-fit:cover}
.al-hero-header__popular-item-text{display:block;min-width:0}
.al-hero-header__popular-item-name{display:block;font-size:15px;font-weight:600;line-height:1.25;white-space:nowrap;color:#111}
.al-hero-header__popular-item-cue{display:block;font-size:12.5px;line-height:1.3;margin-top:1px;color:#6B7185;font-weight:400}
.al-hero-header__popular-item-chev{margin-left:auto;width:18px;height:18px;flex:none;fill:none;stroke:#5B6BBD;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
@media (hover:hover){
.al-hero-header .al-hero-header__popular-item:hover{border-color:#5B6BBD;background:#FAFBFF;color:#111!important}
.al-hero-header .al-hero-header__popular-item:hover .al-hero-header__popular-item-chev{transform:translateX(3px)}}
.al-hero-header .al-hero-header__popular-item:active{border-color:#5B6BBD;background:#EEF0FA;transform:scale(.985)}
.al-hero-header .al-hero-header__popular-item:focus-visible{outline:2px solid #5B6BBD;outline-offset:2px}
@media (min-width:768px){
.al-hero-header .al-hero-header__popular-items{gap:12px}
.al-hero-header .al-hero-header__popular-item{min-height:64px;padding:0 16px 0 14px;gap:14px}
.al-hero-header .al-hero-header__popular-item-icon{width:36px;height:36px;border-radius:9px}
.al-hero-header__popular-item-name{font-size:16px}
.al-hero-header__popular-item-cue{font-size:13px;margin-top:2px}}

/* 2. Game chooser on "Shop now": bottom sheet on phones, centred dialog on desktop */
.al-hero-chooser{border:0;padding:0;margin:0;background:transparent;color:#111;max-width:none;max-height:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.al-hero-chooser:not([open]){display:none}
.al-hero-chooser::backdrop{background:rgba(17,20,32,.55)}
.al-hero-chooser__box{position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;background:#fff;border-radius:20px 20px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px rgba(0,0,0,.25);max-height:92vh;overflow:auto}
.al-hero-chooser__grab{display:block;width:38px;height:4px;border-radius:4px;background:#D5D9E6;margin:0 auto 12px}
.al-hero-chooser__close{position:absolute;top:4px;right:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;margin:0;min-height:0;cursor:pointer;color:#6B7185;border-radius:10px;box-shadow:none}
.al-hero-chooser__close:hover{background:#F4F6FD;color:#111}
.al-hero-chooser__close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.al-hero-chooser .al-hero-chooser__title{font-size:20px!important;font-weight:700!important;line-height:1.25!important;margin:0!important;padding-right:40px;color:#111!important;letter-spacing:-.01em}
.al-hero-chooser__line{font-size:14px;line-height:1.45;color:#4A4F5E;margin:6px 0 14px}
.al-hero-chooser__rows{display:grid;gap:8px}
/* The rows live outside .al-hero-header's scope inside the top layer, so they carry the row styling themselves. */
.al-hero-chooser .al-hero-header__popular-item{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 12px 0 10px;border:1px solid #E3E7F3;border-radius:12px;background:#fff;color:#111!important;text-decoration:none!important;transition:border-color .15s,background-color .15s,transform .08s;-webkit-tap-highlight-color:transparent}
.al-hero-chooser .al-hero-header__popular-item-icon{width:34px;height:34px;border-radius:8px;flex:none;object-fit:cover}
@media (hover:hover){.al-hero-chooser .al-hero-header__popular-item:hover{border-color:#5B6BBD;background:#FAFBFF}.al-hero-chooser .al-hero-header__popular-item:hover .al-hero-header__popular-item-chev{transform:translateX(3px)}}
.al-hero-chooser .al-hero-header__popular-item:active{border-color:#5B6BBD;background:#EEF0FA;transform:scale(.985)}
.al-hero-chooser .al-hero-header__popular-item:focus-visible{outline:2px solid #5B6BBD;outline-offset:2px}
@media (min-width:768px){
.al-hero-chooser[open]{display:flex;align-items:center;justify-content:center}
.al-hero-chooser__box{position:relative;left:auto;right:auto;bottom:auto;width:460px;max-width:calc(100vw - 32px);border-radius:16px;padding:28px 28px 26px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.al-hero-chooser__grab{display:none}
.al-hero-chooser__close{top:8px;right:8px}
.al-hero-chooser .al-hero-chooser__title{font-size:22px!important}
.al-hero-chooser__rows{gap:10px}
.al-hero-chooser .al-hero-header__popular-item{min-height:64px;padding:0 16px 0 14px;gap:14px}
.al-hero-chooser .al-hero-header__popular-item-icon{width:36px;height:36px;border-radius:9px}}
.al-hero-chooser__all{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:44px;margin:8px 0 0;padding:0;background:none;border:0;box-shadow:none;color:#4d5aa1;font:600 14px/1 inherit;cursor:pointer;border-radius:10px}.al-hero-chooser__all[hidden]{display:none}.al-hero-chooser__all:hover{background:#f3f4fb;color:#3f4b8f}.al-hero-chooser__all svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.al-hero-chooser__rows--more{margin-top:8px}.al-hero-chooser__rows--more[hidden]{display:none}@media (min-width:768px){.al-hero-chooser__rows--more{margin-top:10px}}