.ava-component .bsx-shelf::after {
content:"";
position:absolute;
left:.55rem;
right:.55rem;
bottom:.28rem;
height:3px;
background:linear-gradient(90deg,rgba(213,53,130,.68),rgba(210,138,47,.56),rgba(39,139,103,.58),rgba(101,67,161,.5));
transform:rotate(-.2deg);
}
.ava-component .bsx-shelf[disabled] { cursor:not-allowed; opacity:.48; }
.ava-component .bsx-shelf:not([disabled]):hover { transform:translateY(-2px) rotate(-.12deg); border-color:var(--bsx-pink); }
.ava-component .bsx-shelf__number { font-family:var(--serif); font-size:1.55rem; color:#a62566; }
.ava-component .bsx-shelf__title strong,.ava-component .bsx-shelf__title span { display:block; }
.ava-component .bsx-shelf__title strong { font-size:.93rem; }
.ava-component .bsx-shelf__title span { margin-top:.2rem; font-size:.68rem; color:rgba(36,26,41,.72); }
.ava-component .bsx-shelf__stars { white-space:nowrap; color:#9a611b; font-size:.84rem; letter-spacing:.03em; }
.ava-component .bsx-map__rail {
position:sticky;
top:1rem;
padding:1rem;
border:1.5px solid rgba(36,26,41,.45);
border-radius:1.1rem .5rem 1.2rem .6rem;
background:rgba(255,250,240,.68);
}
.ava-component .bsx-map__rail h2 { margin:0; font-family:var(--serif); font-size:1.5rem; }
.ava-component .bsx-map__rail p { margin:.55rem 0 1rem; font-size:.84rem; line-height:1.45; }
.ava-component .bsx-map__actions { display:grid; gap:.55rem; }
.ava-component .bsx-map__actions button {
min-height:46px;
padding:.65rem .85rem;
border:1.5px solid rgba(36,26,41,.62);
border-radius:999px 880px 999px 840px;
color:var(--bsx-ink);
background:rgba(255,250,240,.7);
font-size:.76rem;
font-weight:850;
cursor:pointer;
}
.ava-component .bsx-map__actions [data-bsx-continue] { color:#fff; border-color:#a62566; background:#a62566; }
.ava-component .bsx-map button:focus-visible,.ava-component .bsx-map a:focus-visible,
.ava-component [data-bsx-map]:focus-visible,.ava-component [data-bsx-share-result]:focus-visible {
outline:3px solid #0b6f64;
outline-offset:3px;
}
.ava-component .bsx-game-action {
min-height:42px;
padding:.52rem .78rem;
border:1.5px solid rgba(36,26,41,.62);
border-radius:999px 880px 999px 840px;
background:rgba(255,250,240,.6);
color:#241a29;
font-size:.75rem;
font-weight:850;
cursor:pointer;
}
.ava-component .bsx-result {
margin:.8rem 0 .2rem;
padding:.8rem;
border:1.5px solid rgba(36,26,41,.3);
border-radius:.75rem .35rem .8rem .4rem;
background:rgba(255,250,240,.64);
}
.ava-component .bsx-result__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
.ava-component .bsx-result__grid span { display:block; font-size:.62rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.ava-component .bsx-result__grid strong { display:block; margin-top:.18rem; font-family:var(--serif); font-size:1.35rem; }
.ava-component .bsx-result button { margin-top:.7rem; min-height:42px; padding:.52rem .78rem; border:1.5px solid rgba(36,26,41,.62); border-radius:999px; background:transparent; color:#241a29; font-weight:850; cursor:pointer; }
.ava-component .bsx-sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:760px) {
.ava-component .bsx-map { min-height:70svh; padding:1rem; }
.ava-component .bsx-map__summary,.ava-component .bsx-map__body { grid-template-columns:1fr; }
.ava-component .bsx-map__summary { align-items:start; }
.ava-component .bsx-map__totals { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ava-component .bsx-shelves { grid-template-columns:1fr; }
.ava-component .bsx-map__rail { position:static; }
}
@media(max-width:430px) {
.ava-component .bsx-map__top { align-items:center; }
.ava-component .bsx-map h1 { font-size:2.35rem; }
.ava-component .bsx-map__lead { font-size:1.65rem; }
.ava-component .bsx-stat { padding:.65rem .5rem; }
.ava-component .bsx-stat strong { font-size:1.25rem; }
.ava-component .bsx-stat span { font-size:.55rem; }
.ava-component .bsx-shelf { grid-template-columns:2.1rem minmax(0,1fr); }
.ava-component .bsx-shelf__stars { grid-column:2; }
.ava-component .bsx-result__grid { grid-template-columns:1fr 1fr; }
}
@media(prefers-reduced-motion:reduce) {
.ava-component .bsx-map::after,.ava-component .bsx-shelf { transition:none!important; animation:none!important; }
.ava-component .bsx-shelf:not([disabled]):hover { transform:none; }
}