/* Coordinates are percentages of the supplied 1122 × 1402 cabinet artwork. */
.bonus-board{margin:0 0 16px;padding:18px;border:1px solid #f4c755;border-radius:15px;background:radial-gradient(ellipse at top,#9b2379,#301143 75%);box-shadow:0 0 28px #df34cb44;text-align:center}.bonus-board[hidden]{display:none}.bonus-title{color:#ffe48a;font-family:Outfit,sans-serif;font-size:24px;font-weight:800;letter-spacing:1px}.bonus-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:#eecbfa}.bonus-stats b{font-size:21px;color:white;margin-right:4px}.win-details{margin:44px 0 0;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.win-details:empty{display:none}.win-detail{display:flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--win-color);background:#1c102d;border-radius:9px;font-size:11px;color:#fff0ca}.win-detail img{width:33px;height:33px;object-fit:contain}.win-details:not(:empty)+.under{margin-top:16px}.cabinet-badge{position:absolute;width:4.5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#734d1d,#1c0b21 70%);border:2px solid #f7c65c;box-shadow:0 0 0 2px #6a270d,0 0 9px var(--badge-color);color:var(--badge-color);display:grid;place-items:center;font:bold clamp(12px,2.3vw,23px) Outfit,sans-serif;transform:translateY(-50%);z-index:5;pointer-events:none}.cabinet-badge.left{left:3.65%}.cabinet-badge.right{right:3.65%}@media(max-width:650px){.bonus-title{font-size:19px}.bonus-stats{gap:12px}.bonus-stats b{font-size:17px}.cabinet-badge{border-width:1px}}
main{max-width:850px;padding-top:18px}.machine{aspect-ratio:1122/1402;background-image:url('assets/cabinet-tall.png');border-radius:14px}.reel-frame{left:11.2%;right:11.15%;top:29.55%;height:44.9%;border-radius:8px}#reels{grid-template-columns:repeat(5,1fr);gap:2.65%;overflow:visible}.reel,.reel:nth-child(2),.reel:nth-child(3),.reel:nth-child(4),.reel:nth-child(5){margin:0;transform:none;border-radius:8px;background:linear-gradient(#ead7b5,#fff8e9 15%,#fff8e9 85%,#ead7b5)}.cell{border-bottom:1px solid #cda96a66}.cell:last-child{border:0}.cell img{width:100%;height:96%;object-fit:contain}.controls .meter:not(.win-meter){top:1%;right:1%;padding:6px 13px}.controls .meter:not(.win-meter) label{font-size:7px}.controls .meter:not(.win-meter) strong{font-size:19px}.bet{left:16.4%;top:84.3%;width:21.9%;height:5.4%}.bet button{height:90%;width:22%;font-size:clamp(18px,3vw,30px)}.bet strong{height:90%;align-self:center;font-size:clamp(19px,3.6vw,36px)}.spin{left:76.9%;top:81.9%;width:18.1%;height:7.8%;border-radius:15px;font-size:clamp(23px,4.5vw,46px)}.win-meter{left:40.2%;top:85.2%;width:21.7%;height:4.6%}.win-meter strong{font-size:clamp(22px,4vw,39px)}.win-meter small{top:122%;font-size:clamp(5px,.9vw,9px)}#show-lines{left:64.2%;top:84.4%;width:9.2%;height:4.8%;font-size:clamp(6px,1.15vw,12px)}#rules{left:5.3%;top:83%;width:8.5%;height:6.3%;font-size:clamp(22px,4vw,39px)}.path-line text{font-size:12px}.path-line polyline{stroke-width:2}.path-line.winning polyline{stroke-width:4}.under{justify-content:center;margin-top:44px}.message{min-height:38px}.line-legend{margin-top:12px}@media(max-width:650px){main{padding:12px 5px}.controls .meter:not(.win-meter){padding:3px 7px}.controls .meter:not(.win-meter) label{font-size:5px}.controls .meter:not(.win-meter) strong{font-size:12px}.bet button{border-radius:5px;border-width:1px;font-size:20px}.bet strong{font-size:22px}.spin{border-radius:9px;font-size:25px}.win-meter strong{font-size:23px}.win-meter small{font-size:5px}#rules,#show-lines{border-radius:6px;border-width:1px}#show-lines{font-size:7px}.message{font-size:10px}.footnote{margin-bottom:20px}}
.under .rules-link{background:linear-gradient(135deg,#6822a0,#382568);border:1px solid #d384fc;color:#fff0ce;font-size:12px;padding:11px 18px;border-radius:24px;box-shadow:0 0 18px #b338ed33}dialog{max-height:88vh;overflow:auto}