/* Compact bonus compositions share the viewport, while each illustration retains its aspect. */
@media (max-width:1100px), (max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 #game.bonus-mode>#bonus-scene:is(.peacock-choice-host,.peacock-race-host,.tiger-bonus-host){position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}
 .peacock-choice-scene,.peacock-race-scene,.tiger-bonus-scene{height:100%;min-height:0;display:block;padding:0;overflow:hidden}
 .peacock-choice-art,.peacock-race-art,.tiger-background-art{display:none}
 .peacock-choice-mobile-scenery,.peacock-race-mobile-scenery,.tiger-mobile-scenery{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:.78}
 .peacock-choice-scene::after,.tiger-bonus-scene::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#071d1766,transparent 32%,transparent 68%,#071a16b3)}
 .peacock-choice-mobile-title,.peacock-race-mobile-title,.tiger-mobile-title{display:block;position:absolute;z-index:3;left:50%;top:max(28px,var(--bonus-safe-area-top,env(safe-area-inset-top)));width:94%;height:13%;transform:translateX(-50%);aspect-ratio:auto;object-fit:contain}
 .peacock-choice-scene .peacock-choice-instruction{position:absolute!important;z-index:5;left:5%;top:calc(13% + 29px);width:90%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;clip-path:none!important;white-space:normal!important;overflow:visible!important;font-size:clamp(8px,2.3vw,12px);line-height:1.4;text-align:center;color:#fff1c0;text-shadow:0 2px 3px #061910}
 .peacock-choice-stake,.peacock-race-stake,.tiger-stake{position:absolute;z-index:6;inset:auto;left:50%;top:23%;width:clamp(110px,34vw,190px);height:8%;margin:0;transform:translateX(-50%);aspect-ratio:auto}
 .peacock-choice-mobile-stake-art,.peacock-race-mobile-stake-art,.tiger-mobile-stake-art,.tiger-mobile-total-art{display:block;position:absolute;inset:0;width:100%;height:100%}
 .peacock-choice-stake-value{font-size:clamp(12px,4vw,22px)}
 .peacock-choice-boost{top:98%;left:0;width:100%;font-size:8px}
 .peacock-choice-options{position:absolute;z-index:3;inset:34% 3% 2%;width:auto;height:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0 2px;align-items:center;justify-items:center}
 .peacock-choice-scene .peacock-choice-bird{position:relative;inset:auto;display:block;grid-column:span 2;max-width:100%;width:100%;height:100%;min-height:0;aspect-ratio:auto}
 .peacock-choice-scene .peacock-choice-bird:nth-child(4){grid-column:2/span 2}
 .peacock-choice-scene .peacock-choice-bird:last-child{grid-column:4/span 2;width:100%;height:100%}
 .peacock-choice-mobile-pedestal{display:block;position:absolute;left:0;bottom:0;width:100%;height:52%;z-index:0}
 .peacock-choice-sprite,.peacock-choice-flash,.peacock-choice-video-layer{left:3.333333%;top:0;width:93.333333%;height:54%;z-index:1}
 .peacock-choice-confetti{z-index:4}
 /* Five simultaneous racing lanes and one row of prizes replace the old long scroll. */
 .peacock-race-world,.peacock-race-scene:has(.peacock-race-payouts) .peacock-race-world{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;display:block}
 .peacock-race-mobile-title{height:10%;top:max(29px,var(--bonus-safe-area-top,env(safe-area-inset-top)))}
 .peacock-race-stake{left:25%;top:16%;width:43%;height:9%;max-width:205px}
 .peacock-race-stake-value{font-size:clamp(12px,3.5vw,21px)}
 .peacock-race-boost{position:absolute;top:100%;font-size:8px}
 .peacock-race-message-panel{position:absolute;inset:auto;z-index:5;left:51%;top:18%;width:47%;height:6%;aspect-ratio:auto;max-width:none}
 .peacock-race-mobile-message-art{display:block;position:absolute;inset:0;width:100%;height:100%}
 .peacock-race-scene .peacock-race-message{font-size:clamp(8px,2.3vw,12px);line-height:1.2;white-space:normal;text-align:center}
 .peacock-race-scene[data-race-phase=countdown] .peacock-race-message{font-size:22px}
 .peacock-race-course{position:absolute;inset:29% 2% 15%;width:96%;height:auto;display:grid;grid-template-rows:24px repeat(5,minmax(0,1fr));gap:0}
 .peacock-race-mobile-gates{display:flex;position:relative;z-index:3;justify-content:space-between;align-items:center;height:24px;padding:0 3px}
 .peacock-race-mobile-start,.peacock-race-mobile-finish{display:block;width:48px;height:24px}
 .peacock-race-scene .peacock-race-lane{position:relative;inset:auto;width:100%;height:auto;min-height:0;flex:none}
 .peacock-race-mobile-lane-art{display:block;position:absolute;inset:0;width:100%;height:100%}
 .peacock-race-mobile-name{display:block;position:absolute;z-index:1;left:3px;top:1px;width:clamp(65px,23vw,99px);height:18px}
 .peacock-race-scene .peacock-race-place{font-size:11px;width:31px;height:17px;z-index:3}
 .peacock-race-chosen-marker{font-size:7px;min-width:54px;height:12px;padding:0 6px;letter-spacing:0}
 .peacock-race-finish-line{left:calc(100% - 24px);top:24px;bottom:0;width:14px;height:auto}
 .peacock-race-mobile-checker{display:block;position:absolute;inset:0;width:100%;height:100%}
 .peacock-race-lane-inlay{left:1px;right:24px;top:3px;bottom:3px;width:calc(100% - 25px);height:calc(100% - 6px);opacity:.85}
 .peacock-race-scene .peacock-race-lane.is-chosen::before{left:1px;right:24px;top:4px;bottom:4px}
 .peacock-race-payouts{position:absolute;left:2%;bottom:max(7px,var(--bonus-safe-area-bottom,env(safe-area-inset-bottom)));width:96%;height:12.7%;margin:0;transform:none}
 .peacock-race-payout-cabinet{height:calc(100% - 15px);aspect-ratio:auto}
 .peacock-race-payout-art{display:none}
 .peacock-race-payout-list{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
 .peacock-race-payout,.peacock-race-payout:nth-child(4),.peacock-race-payout:nth-child(5){position:relative;inset:auto;grid-column:auto;transform:none;width:100%;height:100%;aspect-ratio:auto}
 .peacock-race-payout-mobile-art{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-2}
 .peacock-race-payout-rank{left:0;right:0;top:43%;font-size:clamp(7px,2vw,11px);letter-spacing:0;height:13%}
 .peacock-race-payout-value{left:15%;width:70%;top:57%;height:22%}
 .peacock-race-payout-note{margin:2px 0 0;font-size:clamp(7px,1.8vw,9px);line-height:1.25;letter-spacing:0}
 /* Treasure chests remain individual illustrated layers, including their hinged lids. */
 .tiger-mobile-title{height:17%;top:max(27px,var(--bonus-safe-area-top,env(safe-area-inset-top)));width:96%}
 .tiger-content{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
 .tiger-choice-scene .tiger-stake{top:23%;width:45%;height:8%}
 .tiger-stake-value{font-size:clamp(9px,2.5vw,16px)}
 .tiger-star-boost{font-size:8px;top:100%;left:0;width:100%}
 .tiger-bonus-scene .tiger-choices{position:absolute;inset:35% 4% 7%;width:92%;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;justify-items:center;align-items:center}
 .tiger-bonus-scene .tiger-treasure{position:relative;inset:auto;grid-column:span 2;width:100%;height:100%;max-width:300px;aspect-ratio:auto;min-height:0;overflow:visible}
 .tiger-bonus-scene .tiger-treasure:nth-child(3){grid-column:2/span 2}
 .tiger-mobile-chest-art{display:block;position:absolute;inset:0;width:100%;height:100%}
 .tiger-chest-stage{height:74%;perspective:600px}
 .tiger-bonus-scene .tiger-treasure-flappers{font-size:clamp(8px,2.3vw,12px)}
 .tiger-treasure-spark{width:3px;height:3px}
 .tiger-bonus-scene .tiger-choice-note{position:absolute;inset:auto;left:5%;bottom:max(6px,var(--bonus-safe-area-bottom,env(safe-area-inset-bottom)));width:90%;height:5%;min-height:0;max-width:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:clamp(8px,2.1vw,11px);line-height:1.35;white-space:normal;text-wrap:balance}
 /* The upper arc is projected from the actual arena size, including its gem hinges. */
 .tiger-wheel-scene .tiger-mobile-title{width:84%;height:16%;top:max(25px,var(--bonus-safe-area-top,env(safe-area-inset-top)));aspect-ratio:auto}
 .tiger-wheel-scene .tiger-stake,.tiger-wheel-scene .tiger-stake:has(.bonus-star-boost:not([hidden])){position:absolute;left:75%;top:22%;width:44%;height:8%;margin:0;transform:translateX(-50%)}
 .tiger-total{position:absolute;left:3%;top:21%;width:46%;height:10%}
 .tiger-total-value{font-size:clamp(21px,7vw,42px)}
 .tiger-stake-return-note{left:0;top:98%;width:100%;font-size:clamp(6px,1.8vw,9px)}
 .tiger-wheel-readouts{top:calc(100% + 2px);left:0;width:100%;gap:2px}
 .tiger-wheel-readouts>.tiger-spin-status{height:clamp(18px,3.4vh,30px);aspect-ratio:auto}
 .tiger-bonus-scene .tiger-spin-status>span{font-size:clamp(6px,1.8vw,9px)}
 .tiger-wheel-readouts>.tiger-star-boost.bonus-star-boost{height:clamp(19px,3.6vh,30px)}
 .tiger-wheel-instruction{position:absolute;inset:auto;left:4%;top:40%;width:92%;height:4%;min-height:0;margin:0;font-size:clamp(8px,2vw,11px);line-height:1.3}
 .tiger-wheel-scene .tiger-content{inset:44% 0 0;height:auto}
 .tiger-bonus-scene .tiger-wheel-arena{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;overflow:hidden}
 .tiger-flapper-panels{position:absolute;inset:0;width:100%;height:100%}
 .tiger-bonus-scene .tiger-flapper-panel{aspect-ratio:auto}
 .tiger-flapper-name{font-size:clamp(6px,1.7vw,9px)}
 .tiger-bonus-scene .tiger-flapper-value{font-size:clamp(13px,4vw,22px)}
 .tiger-flapper-detail{font-size:clamp(6px,1.6vw,9px);top:101%}
}
@media (max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .peacock-choice-mobile-title{left:38%;top:1%;width:58%;height:29%}
 .peacock-choice-scene .peacock-choice-instruction{left:7%;top:28%;width:66%!important;font-size:9px}
 .peacock-choice-stake{left:86%;top:11%;width:23%;height:17%}
 .peacock-choice-stake-value{font-size:19px}
 .peacock-choice-options{inset:34% 2% 2%;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:0 4px}
 .peacock-choice-scene .peacock-choice-bird,.peacock-choice-scene .peacock-choice-bird:nth-child(4),.peacock-choice-scene .peacock-choice-bird:last-child{grid-column:auto;width:100%;height:100%}
 .peacock-race-mobile-title{left:28%;top:0;width:52%;height:19%}
 .peacock-race-stake{left:83%;top:5%;width:20%;height:15%}
 .peacock-race-stake-value{font-size:17px}
 .peacock-race-message-panel{left:53%;top:6%;width:18%;height:12%}
 .peacock-race-scene .peacock-race-message{font-size:8px}
 .peacock-race-course{inset:20% 3% 15%;width:94%;grid-template-rows:18px repeat(5,minmax(0,1fr))}
 .peacock-race-mobile-gates{height:18px}.peacock-race-mobile-start,.peacock-race-mobile-finish{height:18px;width:38px}
 .peacock-race-finish-line{top:18px}
 .peacock-race-mobile-name{width:75px;height:16px}
 .peacock-race-payouts{left:21%;width:58%;height:15%;bottom:2px}
 .peacock-race-payout-cabinet{height:calc(100% - 10px)}
 .peacock-race-payout-rank{font-size:7px}.peacock-race-payout-note{font-size:7px;margin:0}
 .tiger-mobile-title,.tiger-wheel-scene .tiger-mobile-title{left:44%;top:0;width:56%;height:30%}
 .tiger-choice-scene .tiger-stake{left:86%;top:8%;width:24%;height:17%}
 .tiger-bonus-scene .tiger-choices{inset:31% 6% 7%;width:88%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:3%}
 .tiger-bonus-scene .tiger-treasure,.tiger-bonus-scene .tiger-treasure:nth-child(3){grid-column:auto;max-width:none;width:100%;height:100%}
 .tiger-bonus-scene .tiger-choice-note{height:5%;font-size:9px;bottom:1%}
 .tiger-bonus-scene .tiger-treasure-flappers{font-size:10px}
 .tiger-wheel-scene .tiger-mobile-title{left:50%;width:42%;height:31%}
 .tiger-wheel-scene .tiger-stake,.tiger-wheel-scene .tiger-stake:has(.bonus-star-boost:not([hidden])){left:86%;top:10%;width:23%;height:16%}
 .tiger-total{left:3%;top:5%;width:24%;height:22%}
 .tiger-total-value{font-size:30px}.tiger-stake-return-note{font-size:7px}
 .tiger-wheel-readouts{left:0;width:100%;flex-direction:column;gap:0}
 .tiger-wheel-readouts>.tiger-spin-status,.tiger-wheel-readouts>.tiger-star-boost.bonus-star-boost{height:20px}
 .tiger-bonus-scene .tiger-spin-status>span{font-size:7px}
 .tiger-wheel-instruction{left:24%;top:29%;width:52%;height:4%;font-size:8px}
 .tiger-wheel-scene .tiger-content{inset:33% 14% 0;width:72%;height:auto}
 .tiger-flapper-name{font-size:6px}.tiger-bonus-scene .tiger-flapper-value{font-size:16px}.tiger-flapper-detail{font-size:6px}
}

/* Separated illustrated labels avoid rectangular pieces of scenery around each choice. */
.tiger-mobile-chest-label{display:contents}
@media(max-width:1100px),(max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .peacock-choice-scene .peacock-choice-bird,.peacock-choice-scene .peacock-choice-bird:last-child{height:auto;aspect-ratio:300/365;max-height:100%}
 .peacock-choice-sprite,.peacock-choice-flash,.peacock-choice-video-layer{top:0;height:auto;aspect-ratio:280/270}
 .peacock-choice-mobile-pedestal{height:auto;aspect-ratio:290/72;bottom:3%;left:0;width:100%}
 .tiger-bonus-scene .tiger-treasure{height:auto;aspect-ratio:425/453;max-height:100%}
 .tiger-mobile-chest-art{display:none}
 .tiger-mobile-chest-label{display:block;position:absolute;z-index:3;left:10%;bottom:0;width:80%;height:26%;pointer-events:none}
 .tiger-mobile-chest-label-art{position:absolute;inset:0;width:100%;height:100%}
 .tiger-mobile-chest-name{position:absolute;left:10%;top:29%;width:80%;font-size:clamp(9px,2.6vw,15px);line-height:1;text-align:center;color:#fff0b5;text-shadow:0 1px 2px #05170f}
 .tiger-bonus-scene .tiger-treasure-flappers{top:88%;left:20%;width:60%;height:6.5%;font-size:clamp(7px,2vw,10px);z-index:4}
 .tiger-chest-stage{height:78%}
}
@media(max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .peacock-choice-scene .peacock-choice-bird,.peacock-choice-scene .peacock-choice-bird:last-child{height:100%;width:auto;aspect-ratio:300/365;max-width:100%}
 .tiger-bonus-scene .tiger-treasure,.tiger-bonus-scene .tiger-treasure:nth-child(3){height:100%;width:auto;aspect-ratio:425/453;max-width:100%}
 .tiger-mobile-chest-name{font-size:12px}
}

@media(max-width:1100px),(max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .peacock-choice-scene,.peacock-race-scene,.tiger-bonus-scene{background:#12261d url('../assets/mobile-bonus-courtyard.webp') center center/cover no-repeat}
 .peacock-choice-mobile-scenery,.peacock-race-mobile-scenery,.tiger-mobile-scenery{display:none}
 .peacock-choice-mobile-title,.peacock-race-mobile-title,.tiger-mobile-title{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(transparent,#000 7%,#000 89%,transparent);mask-composite:intersect}
 .peacock-choice-options,.tiger-bonus-scene .tiger-choices{container-type:size}
 .peacock-choice-scene .peacock-choice-bird,.peacock-choice-scene .peacock-choice-bird:last-child{width:min(100%,calc(50cqh * 300 / 365));height:auto;max-height:none}
 .tiger-bonus-scene .tiger-treasure{width:min(100%,calc(50cqh * 425 / 453));height:auto;max-height:none}
 .tiger-wheel-instruction{left:8%;width:84%;top:39%;height:5%;padding:3px 8px;background:linear-gradient(90deg,transparent,#081a13de 12%,#081a13de 88%,transparent);text-wrap:balance}
}
@media(max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .peacock-choice-scene,.peacock-race-scene,.tiger-bonus-scene{background-position:center 39%}
 .peacock-choice-scene .peacock-choice-bird,.peacock-choice-scene .peacock-choice-bird:last-child{height:auto;width:min(100%,calc(100cqh * 300 / 365));max-height:none}
 .tiger-bonus-scene .tiger-treasure,.tiger-bonus-scene .tiger-treasure:nth-child(3){height:auto;width:min(100%,calc(100cqh * 425 / 453));max-height:none}
 .tiger-wheel-instruction{left:25%;width:50%;top:28%;height:6%;padding:2px 5px;font-size:8px}
}

/* Portrait choices form a close, grounded arrangement instead of two distant rows. */
@media(max-width:1100px) and (orientation:portrait){
 .peacock-choice-options{inset:33% 5% 2%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:2px 5px;align-items:center}
 .peacock-choice-scene .peacock-choice-bird,.peacock-choice-scene .peacock-choice-bird:nth-child(4){grid-column:span 2;width:min(100%,calc((100cqh - 4px) * 2 / 7));height:auto;aspect-ratio:300/350}
 .peacock-choice-scene .peacock-choice-bird:last-child{grid-column:2/span 2;width:min(100%,calc((100cqh - 4px) * 2 / 7));height:auto;aspect-ratio:300/350}
 .peacock-choice-mobile-pedestal{bottom:0}
 .tiger-bonus-scene .tiger-choices{inset:33% 3% 7%;width:94%;grid-template-rows:repeat(2,max-content);align-content:center;align-items:start;row-gap:clamp(4px,1.8vh,16px)}
 .tiger-bonus-scene .tiger-treasure,.tiger-bonus-scene .tiger-treasure:nth-child(3){width:min(100%,calc((100cqh - 16px) * 425 / 906));height:auto}
 .tiger-choice-scene .tiger-chest-stage{left:-8.5%;top:-20%;width:117%;height:101.4%;filter:drop-shadow(0 8px 4px #0a0d0b99)}
 .tiger-mobile-chest-label{left:5%;width:90%;height:23%;bottom:0}
 .tiger-mobile-chest-name{font-size:clamp(10px,3vw,17px)}
 .tiger-bonus-scene .tiger-treasure-flappers{top:90%;height:5%;font-size:clamp(8px,2.3vw,12px)}
}
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 .peacock-choice-options{inset:35% 5% 4%;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,max-content);align-content:center;gap:24px 8px}
 .peacock-choice-scene .peacock-choice-bird,.peacock-choice-scene .peacock-choice-bird:nth-child(4),.peacock-choice-scene .peacock-choice-bird:last-child{width:100%;aspect-ratio:300/350}
 .peacock-choice-scene .peacock-choice-bird:nth-child(4){grid-column:2/span 2}.peacock-choice-scene .peacock-choice-bird:last-child{grid-column:4/span 2}
}

/* Transparent Tiger heraldry and full courtyard flooring belong to the mobile scene. */
@media(max-width:1100px),(max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .tiger-mobile-title,.tiger-wheel-scene .tiger-mobile-title{mask-image:none;object-fit:contain}
 .tiger-choice-scene .tiger-mobile-title{height:14%;width:96%}
 .tiger-choice-scene .tiger-mobile-rules{position:absolute!important;z-index:4;left:7%;top:calc(14% + 30px);width:86%!important;height:5%!important;min-height:0!important;margin:0!important;padding:0 4px!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(8px,2.15vw,11px);line-height:1.35;color:#fff0bc;text-shadow:0 2px 3px #0c1d0d}
}
@media(max-width:1100px) and (orientation:portrait){
 .tiger-bonus-scene .tiger-choices{top:max(36%,235px)}
}
@media(max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .tiger-choice-scene .tiger-mobile-title{height:25%;width:55%;left:40%;top:0}
 .tiger-choice-scene .tiger-mobile-rules{left:9%;top:24%;width:62%!important;height:7%!important;font-size:9px}
}

/* Live mobile readouts use the shared illustrated frame, never a rectangle of old scenery. */
.mobile-bonus-stake-label{display:none}
@media(max-width:1100px),(max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .peacock-choice-stake,.peacock-race-stake,.tiger-stake,.tiger-total,.peacock-race-message-panel{box-sizing:border-box;border:5px solid transparent;border-image:url('../assets/mobile-gold-frame.webp') 22% / 11px / 0 stretch;background:#082017eb;background-clip:padding-box;box-shadow:0 3px 10px #08160b70}
 .peacock-choice-mobile-stake-art,.peacock-race-mobile-stake-art,.tiger-mobile-stake-art,.tiger-mobile-total-art,.peacock-race-mobile-message-art{display:none}
 .mobile-bonus-stake-label{position:absolute;display:flex;align-items:center;justify-content:center;left:4%;top:5%;width:92%;height:26%;font:700 clamp(7px,1.95vw,11px)/1 Georgia,serif;letter-spacing:.025em;color:#fbe1a0;text-shadow:0 1px 2px #05130e;white-space:nowrap}
 .peacock-choice-stake-value,.peacock-race-stake-value,.tiger-stake-value{left:5%;top:35%;width:90%;height:58%;line-height:1;font-size:clamp(11px,3.2vw,20px)}
 .tiger-stake-value{font-size:clamp(10px,2.6vw,16px)}
 .tiger-total-value{left:5%;top:33%;width:90%;height:60%;font-size:clamp(20px,6vw,36px)}
 .peacock-race-scene .peacock-race-message{left:3%;top:4%;width:94%;height:92%}
 .peacock-choice-boost,.peacock-race-boost,.tiger-star-boost{top:calc(100% + 7px)}
 .tiger-wheel-readouts{top:calc(100% + 8px)}
 .tiger-stake-return-note{top:calc(100% + 7px)}
}

@media(max-width:1100px),(max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .peacock-choice-stake,.peacock-race-stake,.tiger-stake,.tiger-total,.peacock-race-message-panel{border-image-width:13px;background-image:radial-gradient(ellipse at 50% 0,#34604380,transparent 78%)}
 .mobile-bonus-stake-label{font-size:clamp(9px,2.4vw,12px)}
 .peacock-choice-stake-value,.peacock-race-stake-value{font-size:clamp(17px,4.7vw,25px)}
 .tiger-stake-value{font-size:clamp(13px,3.3vw,18px)}
}

/* Leave one raised-lid height between tiers so opened alternatives never cover a prize label. */
@media(max-width:1100px) and (orientation:portrait){
 .tiger-bonus-scene .tiger-choices{align-content:end;row-gap:clamp(32px,6vh,48px)}
 .tiger-bonus-scene .tiger-treasure,.tiger-bonus-scene .tiger-treasure:nth-child(3){width:min(100%,calc((100cqh - clamp(32px,6vh,48px)) * 425 / 906))}
}

/* Illustrated choice guidance and a single, centered caption surface for each chest. */
@media(max-width:1100px),(max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .tiger-choice-scene .tiger-mobile-title{height:13%}
 .tiger-choice-scene .tiger-mobile-rules{top:calc(13% + 27px);height:5%!important;left:5%;width:90%!important;box-sizing:border-box;border:5px solid transparent;border-image:url('../assets/mobile-gold-frame.webp') 22% / 12px / 0 stretch;background:#082017ed;background-image:radial-gradient(ellipse at 50% 0,#37634270,transparent 85%);background-clip:padding-box;box-shadow:0 3px 8px #05140a70;padding:1px 7px!important;font-size:clamp(8px,2.25vw,12px);line-height:1.1;white-space:nowrap!important}
 .tiger-mobile-chest-label{display:block;box-sizing:border-box;left:5%;bottom:0;width:90%;height:clamp(28px,5.4vh,44px);border:4px solid transparent;border-image:url('../assets/mobile-gold-frame.webp') 22% / 11px / 0 stretch;background:#092116f5;background-image:radial-gradient(ellipse at 50% 0,#375239a6,transparent 85%);background-clip:padding-box;box-shadow:0 2px 5px #07120c80}
 .tiger-mobile-chest-label-art{display:none}
 .tiger-mobile-chest-name{position:absolute;inset:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;margin:0;padding:0;font-size:clamp(10px,3vw,15px);line-height:1;color:#ffe7ae}
 .tiger-mobile-chest-label:has(.tiger-treasure-flappers:not([hidden])) .tiger-mobile-chest-name{top:3%;height:45%;font-size:clamp(8px,2.45vw,12px)}
 .tiger-bonus-scene .tiger-mobile-chest-label .tiger-treasure-flappers{left:3%;top:51%;width:94%;height:44%;font-size:clamp(7px,2.1vw,10px);background:none;line-height:1}
}
@media(max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .tiger-choice-scene .tiger-mobile-title{height:23%}
 .tiger-choice-scene .tiger-mobile-rules{top:23%;left:8%;width:62%!important;height:7%!important;font-size:clamp(8px,1.05vw,11px)}
 .tiger-mobile-chest-label{height:clamp(27px,8vh,39px)}
 .tiger-mobile-chest-name{font-size:clamp(10px,1.6vw,14px)}
}

@media(max-width:1100px),(max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .tiger-choice-scene .tiger-mobile-rules{border:6px solid transparent!important;border-image:url('../assets/mobile-gold-frame.webp') 22% / 15px / 0 stretch!important;font-size:clamp(9px,2.6vw,12px);padding:0 6px!important}
}
@media(max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .tiger-choice-scene .tiger-mobile-rules{font-size:clamp(9px,1.5vw,12px)}
}

/* Roomier compact tablets retain the phone composition with readable, fitted labels. */
@media (min-width:700px) and (min-height:650px) and (orientation:landscape){
 #game.mobile-layout .peacock-choice-scene .peacock-choice-bird:nth-child(4){height:auto;width:min(100%,calc(100cqh * 300 / 365));aspect-ratio:300/365}
 #game.mobile-layout .peacock-choice-stake,#game.mobile-layout .tiger-stake{height:90px;max-width:260px}
 #game.mobile-layout .peacock-race-stake{height:82px;max-width:220px}
 #game.mobile-layout .peacock-race-message-panel{height:68px}
 #game.mobile-layout .tiger-total{height:110px;max-width:260px}
 #game.mobile-layout .mobile-bonus-stake-label{font-size:13px}
 #game.mobile-layout .peacock-choice-stake-value,#game.mobile-layout .peacock-race-stake-value{font-size:28px}
 #game.mobile-layout .tiger-stake-value{font-size:20px}
 #game.mobile-layout .tiger-total-value{font-size:42px}
 #game.mobile-layout .tiger-stake-return-note{font-size:11px}
 #game.mobile-layout .peacock-choice-instruction,#game.mobile-layout .peacock-race-scene .peacock-race-message{font-size:14px}
 #game.mobile-layout .peacock-race-mobile-name{width:125px;height:28px;font-size:13px}
 #game.mobile-layout .peacock-race-place{left:146px!important;width:44px;height:26px;font-size:17px}
 #game.mobile-layout .peacock-race-payout-rank{font-size:12px}
 #game.mobile-layout .peacock-race-payout-note{font-size:11px}
 #game.mobile-layout .peacock-race-payout-cabinet{height:calc(100% - 22px)}
 #game.mobile-layout .tiger-flapper-name{top:54%;font-size:10px}
 #game.mobile-layout .tiger-flapper-value{top:67%;height:18%;font-size:22px}
 #game.mobile-layout .tiger-flapper-detail{top:98%;font-size:9px}
 #game.mobile-layout .tiger-spin-status{height:30px}
 #game.mobile-layout .tiger-spin-status>span{font-size:11px}
 #game.mobile-layout .tiger-wheel-readouts .tiger-star-boost{height:28px}
 #game.mobile-layout .tiger-wheel-instruction{font-size:14px}
 #game.mobile-layout .tiger-choice-note{font-size:12px}
 #game.mobile-layout .tiger-choice-scene .tiger-mobile-rules{font-size:14px}
 #game.mobile-layout .tiger-mobile-chest-label{height:44px}
 #game.mobile-layout .tiger-mobile-chest-name{font-size:15px}
 #game.mobile-layout .tiger-bonus-scene .tiger-mobile-chest-label .tiger-treasure-flappers{font-size:12px}
}

/* Purpose-built mobile Peacock artwork keeps clean silhouettes and native course proportions. */
.peacock-choice-mobile-name{display:none}
@media (max-width:1100px), (max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .peacock-choice-mobile-title,.peacock-race-mobile-title{mask-image:none;object-fit:contain}
 .peacock-choice-mobile-pedestal{aspect-ratio:1749/517;bottom:0;height:auto;object-fit:contain}
 .peacock-choice-mobile-name{display:flex;position:absolute;left:19%;bottom:7%;width:62%;height:8%;align-items:center;justify-content:center;z-index:2;color:#ffe5a4;font:700 clamp(9px,2.9vw,16px)/1 Georgia,serif;letter-spacing:.045em;text-shadow:0 1px 2px #001d14;pointer-events:none}
 .peacock-choice-scene .peacock-choice-instruction{font-size:clamp(9px,2.3vw,13px);padding:5px 7px!important;background:#0a261ccc;border:4px solid transparent!important;border-image:url('../assets/mobile-gold-frame.webp') 22% / 9px / 0 stretch!important;line-height:1.25;box-sizing:border-box}
 .peacock-race-scene{container-type:size;--peacock-course-width:min(94cqw,calc(51cqh * 850 / 802));--peacock-course-height:calc(var(--peacock-course-width) * 802 / 850)}
 .peacock-race-course{inset:auto;left:calc((100% - var(--peacock-course-width)) / 2);top:calc(31% + (51% - var(--peacock-course-height)) / 2);width:var(--peacock-course-width);height:var(--peacock-course-height);display:grid;grid-template-rows:repeat(5,minmax(0,1fr));background:url('../assets/mobile-peacock-course-portrait.webp') center/100% 100% no-repeat;box-shadow:0 0 0 2px #cca445,0 0 0 4px #173526,0 7px 16px #061509aa}
 .peacock-race-mobile-lane-art,.peacock-race-mobile-checker{display:none}
 .peacock-race-mobile-gates{position:absolute;left:0;right:0;top:-22px;height:22px;padding:0;align-items:center}
 .peacock-race-mobile-start,.peacock-race-mobile-finish{display:flex;width:54px;height:21px;align-items:center;justify-content:center;border:3px solid transparent;border-image:url('../assets/mobile-gold-frame.webp') 22% / 8px / 0 stretch;background:#102b1a;color:#ffe1a0;font:700 9px/1 Georgia,serif;letter-spacing:.05em}
 .peacock-race-mobile-name{display:flex;align-items:center;justify-content:center;left:4px;top:2px;width:78px;height:17px;border:1px solid #e7c272aa;border-radius:3px;background:linear-gradient(100deg,#082317ed,#153621bd);color:#fff3cf;font-size:8px;letter-spacing:.03em;text-shadow:0 1px 2px #071809}
 .peacock-race-finish-line{left:calc(100% - 24px);top:0;bottom:0;width:16px;height:auto;background:url('../assets/mobile-peacock-finish-tile.webp') center top/100% auto repeat-y;box-shadow:0 0 0 1px #f8d879,0 0 4px #321d07}
 .tiger-wheel-scene .tiger-total,.tiger-wheel-scene .tiger-stake,.tiger-wheel-scene .tiger-stake:has(.bonus-star-boost:not([hidden])){top:22%;height:clamp(50px,8vh,90px);border:5px solid transparent;border-image:url('../assets/mobile-gold-frame.webp') 22% / 14px / 0 stretch;background-clip:padding-box}
 .tiger-wheel-scene .tiger-total{width:44%}
 .tiger-wheel-scene .tiger-total-value{top:34%;height:58%;font-size:clamp(23px,6vw,42px)}
}
@media (max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .peacock-choice-mobile-title{height:28%;top:0;width:57%}
 .peacock-choice-scene .peacock-choice-instruction{top:28%;height:auto!important;font-size:clamp(8px,1.1vw,13px)}
 .peacock-choice-mobile-name{font-size:clamp(8px,1.5vw,16px)}
 .peacock-race-mobile-title{left:25%;width:42%;height:23%}
 .peacock-race-scene{--peacock-course-width:min(94cqw,calc(58cqh * 1490 / 610));--peacock-course-height:calc(var(--peacock-course-width) * 610 / 1490)}
 .peacock-race-course{top:calc(25% + (58% - var(--peacock-course-height)) / 2);background-image:url('../assets/mobile-peacock-course-landscape.webp')}
 .peacock-race-mobile-gates{top:-17px;height:17px}
 .peacock-race-mobile-start,.peacock-race-mobile-finish{height:16px;width:45px;font-size:8px;border-image-width:6px}
 .peacock-race-mobile-name{height:14px;width:75px;font-size:7px;top:1px}
 .tiger-wheel-scene .tiger-total,.tiger-wheel-scene .tiger-stake,.tiger-wheel-scene .tiger-stake:has(.bonus-star-boost:not([hidden])){top:8%;width:23%;height:clamp(44px,16vh,90px)}
}
@media (min-width:700px) and (min-height:650px) and (orientation:landscape){
 #game.mobile-layout .peacock-race-mobile-name{width:125px;height:27px;font-size:12px}
 #game.mobile-layout .tiger-wheel-scene .tiger-total,#game.mobile-layout .tiger-wheel-scene .tiger-stake{height:90px;max-width:260px}
}

@media (max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .peacock-choice-scene .peacock-choice-bird:nth-child(4){height:auto;width:min(100%,calc(100cqh * 300 / 365));aspect-ratio:300/365}
 .peacock-race-scene{--peacock-course-width:min(94cqw,calc(54cqh * 1490 / 610))}
 .peacock-race-course{top:calc(29% + (54% - var(--peacock-course-height)) / 2)}
 .peacock-race-stake{top:3%;height:clamp(38px,12vh,82px)}
 .peacock-race-boost{top:calc(100% + 3px);height:17px;aspect-ratio:auto}
}
@media (max-width:1100px), (max-width:1400px) and (max-height:600px), (max-width:1400px) and (pointer:coarse){
 .tiger-wheel-scene .tiger-total,.tiger-wheel-scene .tiger-stake,.tiger-wheel-scene .tiger-stake:has(.bonus-star-boost:not([hidden])){border-image-width:clamp(21px,5.8vw,30px)}
}

@media (max-width:1100px) and (orientation:landscape), (max-width:1400px) and (max-height:600px) and (orientation:landscape), (max-width:1400px) and (pointer:coarse) and (orientation:landscape){
 .peacock-race-stake{left:86%;top:30px;width:22%;height:42px}
 .peacock-race-stake-value{font-size:19px}
 .peacock-race-stake .mobile-bonus-stake-label{font-size:9px}
 .peacock-race-message-panel{left:48%;top:3%;width:24%;height:28px}
 .peacock-race-boost.bonus-star-boost{left:-125%;top:40%;width:110%;height:auto;aspect-ratio:1140/208}
}
@media (min-width:700px) and (min-height:650px) and (orientation:landscape){
 #game.mobile-layout .peacock-race-stake{top:5%;height:82px}
 #game.mobile-layout .peacock-race-stake .mobile-bonus-stake-label{font-size:13px}
 #game.mobile-layout .peacock-race-message-panel{top:6%;height:68px}
 #game.mobile-layout .peacock-race-boost.bonus-star-boost{left:0;top:calc(100% + 5px);width:100%;height:auto}
}

/* Short portrait browser viewports reserve real rows for guidance and stake. */
@media (max-width:1100px) and (max-height:700px) and (orientation:portrait){
 .peacock-choice-mobile-title{top:max(28px,var(--bonus-safe-area-top,env(safe-area-inset-top)));height:64px}
 .peacock-choice-scene .peacock-choice-instruction{top:calc(max(28px,var(--bonus-safe-area-top,env(safe-area-inset-top))) + 68px);height:44px!important;display:flex;align-items:center;justify-content:center;font-size:9px}
 .peacock-choice-stake{top:calc(max(28px,var(--bonus-safe-area-top,env(safe-area-inset-top))) + 119px);height:44px}
 .peacock-choice-options{top:calc(max(28px,var(--bonus-safe-area-top,env(safe-area-inset-top))) + 198px);bottom:max(10px,var(--bonus-safe-area-bottom,env(safe-area-inset-bottom)))}
}

/* Anchor portrait labels to the artwork's actual 370 x 420 crop, not its letterboxed grid cell. */
@media (orientation:portrait){
 #game.mobile-layout .peacock-race-payout-cabinet{container-type:size}
 #game.mobile-layout .peacock-race-payout{width:min(100%,calc(100cqh * 370 / 420));height:auto;aspect-ratio:370/420;align-self:center;justify-self:center;container-type:inline-size}
 #game.mobile-layout .peacock-race-payout-rank{left:12%;right:12%;top:42%;height:10%;display:flex;align-items:center;justify-content:center;font-size:min(11px,11cqw);line-height:1;letter-spacing:0}
 #game.mobile-layout .peacock-race-payout-value{left:15%;width:70%;top:55%;height:21%}
}


/* Portrait race readouts are a matched pair of illustrated panels. */
@media (orientation:portrait){
 #game.mobile-layout .peacock-race-scene{
  --race-panels-top:calc(10cqh + max(29px,var(--bonus-safe-area-top,env(safe-area-inset-top))) + 10px);
  --race-panel-height:clamp(50px,7.8cqh,84px);
  --race-panel-frame:clamp(21px,5.8cqw,30px);
  --race-boost-space:0px;
  --race-course-region-top:max(31cqh,calc(var(--race-panels-top) + var(--race-panel-height) + var(--race-boost-space) + 28px));
  --peacock-course-width:min(94cqw,calc((82cqh - var(--race-course-region-top)) * 850 / 802));
  --peacock-course-height:calc(var(--peacock-course-width) * 802 / 850);
 }
 #game.mobile-layout .peacock-race-scene:has(.peacock-race-boost:not([hidden])){--race-boost-space:clamp(22px,5.6cqw,32px)}
 #game.mobile-layout .peacock-race-stake,
 #game.mobile-layout .peacock-race-message-panel{
  inset:auto;top:var(--race-panels-top);width:46%;height:var(--race-panel-height);max-width:none;margin:0;transform:none;
  border:5px solid transparent;border-image:url('../assets/mobile-gold-frame.webp') 22% / var(--race-panel-frame) / 0 stretch;
  background:radial-gradient(ellipse at 50% 0,#34604380,transparent 78%),#082017f5;background-clip:padding-box;box-shadow:0 3px 8px #06180e80;
 }
 #game.mobile-layout .peacock-race-stake{left:3%}
 #game.mobile-layout .peacock-race-message-panel{left:51%}
 #game.mobile-layout .peacock-race-stake .mobile-bonus-stake-label{left:13%;top:11%;width:74%;height:23%;font-size:clamp(9px,2.4cqw,13px);line-height:1;letter-spacing:0}
 #game.mobile-layout .peacock-race-stake-value{left:12%;top:34%;width:76%;height:54%;font-size:min(clamp(16px,4.7cqw,28px),calc(48cqw / var(--race-money-length)));line-height:1}
 #game.mobile-layout .peacock-race-scene .peacock-race-message{inset:8% 13%;width:auto;height:auto;padding:0;font-size:clamp(9px,2.65cqw,15px);line-height:1.2;letter-spacing:0;white-space:normal;text-align:center}
 #game.mobile-layout .peacock-race-scene[data-race-phase=countdown] .peacock-race-message{font-size:clamp(24px,6.7cqw,36px);line-height:1}
 #game.mobile-layout .peacock-race-boost.bonus-star-boost{left:12%;top:calc(100% + 5px);width:76%;height:auto;max-height:var(--race-boost-space)}
 #game.mobile-layout .peacock-race-course{top:calc(var(--race-course-region-top) + (82cqh - var(--race-course-region-top) - var(--peacock-course-height)) / 2)}
}