/* Angular fairground boards use the existing Revelia palette and artwork. */
.modal-amusements{width:min(900px,calc(100vw - 24px))!important;padding:12px!important;overflow:hidden!important;background:#201e30!important;border:1px solid #9f675f!important}
.modal-amusements>.exp-icon-button{z-index:3}.modal-amusements:before{display:none!important}
.amusements{color:#f5e6ca;display:flex;flex-direction:column;max-height:calc(100dvh - 110px);min-height:0;text-align:left;gap:10px}
.amuse-heading{padding:10px 40px 0 6px}.amuse-heading h1{font-size:24px;margin:4px 0 8px;color:#f5e6ca}.amuse-wallet{display:flex;gap:16px;flex-wrap:wrap;font-weight:700}.amuse-wallet>span{display:flex;align-items:center;gap:6px}.amuse-wallet .amuse-sprite{width:24px;height:24px}.amuse-wallet img{object-fit:contain}
.amuse-reading{overflow:auto;min-height:0;padding:4px 6px 12px;overscroll-behavior:contain;scrollbar-gutter:stable}.amuse-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.amuse-catalogue article{min-width:0;padding:12px;background:#30283d;border:1px solid #79604f;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.amuse-catalogue h3{font-size:17px;margin:8px 0;color:#f5dfb2}.amuse-catalogue p,.amusements p{font-size:14px;line-height:1.5}.amusements summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#e1c17f}.amuse-illustration{width:100%;height:auto;display:block;max-height:150px}.amuse-illustration.large{max-height:180px}.amuse-control{background:#423349!important;border:1px solid #b18a5a!important;color:#f7e5be!important;min-height:48px!important;min-width:44px;white-space:normal!important;text-transform:none!important;touch-action:manipulation;line-height:1.3!important;padding:9px!important}.amuse-control:hover,.amuse-control:focus-visible{background:#684453!important;outline:2px solid #ebcc80!important;outline-offset:2px}.amuse-control:disabled{opacity:.5}.amuse-catalogue .amuse-control{width:100%}.amuse-footer{display:grid;gap:5px;padding:8px 6px 0;border-top:1px solid #695164}.amuse-footer small{font-size:12px;line-height:1.4;color:#d6bfa6}.amuse-footer .amuse-control{width:100%}
.amuse-game-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.amuse-game-heading h2{font-size:21px;color:#f5dfb2;margin:4px 0}.amuse-instruction{padding:8px;background:#30283d;border-left:3px solid #d1a45b}.amuse-actions{display:flex;flex-wrap:wrap;gap:8px}.amuse-actions>*{flex:1}.amuse-sprite{width:60px;height:60px;max-width:100%;display:block;margin:auto}.amuse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px;margin:12px auto}.amuse-grid .amuse-control{height:78px}.amuse-grid.water{background:#244351;padding:10px;border:3px solid #917450}.amuse-barrel{font-size:40px;color:#b2a08a}.amuse-ring-board,.amuse-shells{display:flex;justify-content:center;gap:6px;margin:12px auto}.amuse-ring-board .amuse-control,.amuse-shells .amuse-control{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;padding:5px!important;font-size:12px}.amuse-ring-board strong{font-size:10px;color:#efc567}.amuse-pearl{color:#fff3d8;font-size:24px;position:absolute;top:34px}.amuse-striker{display:flex;gap:20px;justify-content:center;align-items:center}.amuse-striker label{display:grid;gap:12px;max-width:65%;font-size:15px}.amuse-striker input{width:100%;min-height:44px;accent-color:#d3aa60}.amuse-tower{height:180px;width:75px;background:#30283d;border:3px solid #ad8451;position:relative}.amuse-tower .amuse-sprite{position:absolute;top:-20px;width:40px;height:40px;left:14px}.amuse-tower i{position:absolute;bottom:var(--target);height:14%;width:100%;background:#d3aa60;transform:translateY(50%)}.amuse-tower b{position:absolute;font-size:18px;line-height:34px;left:24px;top:0;color:#f5dfb2}
.amuse-hands>div{margin:10px 0;padding:10px;background:#233e3c}.amuse-hands h3{font-size:14px;margin:0 0 8px;color:#f3dbb7}.amuse-playing-card{display:inline-flex;vertical-align:middle;position:relative;flex-direction:column;justify-content:center;align-items:center;width:54px;height:82px;border:2px solid #d9b975;border-radius:3px;background:#f1dfba;color:#30283d;margin:3px;font-style:normal;box-shadow:3px 3px 0 #181728}.amuse-playing-card b{font-size:18px;align-self:flex-start;margin-left:4px;line-height:1}.amuse-playing-card i{font-size:26px;font-style:normal}.amuse-playing-card.red{color:#9d3045}.amuse-playing-card.back{background:repeating-linear-gradient(45deg,#73364a,#73364a 8px,#3f2d45 8px,#3f2d45 16px);color:#d9b975}.amuse-playing-card.held{border:3px solid #70d1b8}.amuse-playing-card small{font-size:9px;color:#214d42}.amuse-poker{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.amuse-poker>.amuse-control{padding:1px!important;flex:1;min-width:44px;max-width:80px;background:transparent!important}.amuse-poker .amuse-playing-card{width:calc(100% - 6px);min-width:36px;margin:2px;height:84px}.amuse-roulette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px auto;max-width:400px}.amuse-roulette .amuse-control{background:var(--pocket)!important;font-size:22px}.amuse-reels{display:flex;justify-content:center;gap:12px;padding:24px 8px;background:#38273a;border:3px solid #c29a54;margin:12px auto}.amuse-reels>div{padding:15px;background:#f0ddb7;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.amuse-die{font-size:100px;text-align:center;color:#efdbb7;line-height:1.3}.amuse-cashier{background:#283b3c;border:1px solid #8e9b74;padding:12px;margin-bottom:12px}.amuse-cashier h2{font-size:18px;color:#e7d1a9;margin:0}.amuse-cashier select{min-height:44px;margin:8px;color:#f4e4c8;background:#30283d;max-width:100%}.amuse-result{padding:12px;border:1px solid #cfaa65;background:#2d443e;margin-bottom:12px}.amuse-result h2{font-size:20px;color:#f3d79e;margin:0}.amuse-rules{margin-top:12px}
@media(max-width:500px){.amuse-catalogue{grid-template-columns:1fr}.amuse-heading h1{font-size:21px}.amusements{max-height:calc(100dvh - 106px)}.amuse-wallet{font-size:14px;gap:10px}.amuse-ring-board .amuse-sprite{width:42px;height:48px}.amuse-control{font-size:14px!important}.amuse-ring-board .amuse-control{font-size:10px!important}.amuse-reels{gap:6px;padding:14px 4px}.amuse-reels>div{padding:6px}}
@media(max-height:450px) and (orientation:landscape){.amusements{max-height:calc(100dvh - 70px);gap:5px}.amuse-heading{padding-top:0}.amuse-heading h1{font-size:18px;margin:0}.amuse-heading .exp-eyebrow{display:none}.amuse-wallet{font-size:12px}.amuse-footer{padding-top:4px}.amuse-footer small{display:none}.amuse-footer .amuse-control{min-height:44px!important}.amuse-grid{max-width:300px}.amuse-grid .amuse-control{height:56px}.amuse-sprite{height:44px;width:44px}.amuse-tower{height:130px}.amuse-tower b{line-height:24px}.amuse-illustration{max-height:100px}}

.amuse-shells button[style]{animation:amuse-shell-shuffle 1.5s ease-in-out}.amuse-result{animation:amuse-prize .25s ease-out}.amuse-result .amuse-reels{animation:amuse-reel-settle .4s ease-out}
@keyframes amuse-shell-shuffle{0%{transform:translateX(var(--from))}33%{transform:translateX(var(--one))}66%{transform:translateX(var(--two))}100%{transform:translateX(0)}}
@keyframes amuse-prize{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes amuse-reel-settle{0%{transform:translateY(-6px)}50%{transform:translateY(3px)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.amuse-shells button[style],.amuse-result,.amuse-result .amuse-reels{animation:none}}
[data-motion="calm"] .amuse-shells button[style],body.calm .amuse-shells button[style]{animation:none}

.amuse-heading{background-image:linear-gradient(90deg,rgba(30,25,44,.95),rgba(30,25,44,.6)),url('assets/heckna/scenes/revelia-midway.webp?v=heckna2');background-size:cover;background-position:center;border-bottom:2px solid #a47d51;padding:10px 40px 10px 8px;clip-path:polygon(0 8px,8px 0,100% 0,100% 100%,0 100%)}
.amuse-casino .amuse-heading{background-image:linear-gradient(90deg,rgba(30,25,44,.95),rgba(30,25,44,.6)),url('assets/heckna/scenes/revelia-casino-rest.webp?v=heckna2')}

.amusements{width:100%;min-width:0}.calm-motion .amuse-shells button[style],.calm-motion .amuse-result,.calm-motion .amuse-result .amuse-reels{animation:none!important}