/* Approved warm teller-view art direction. Rules and settlement remain separate. */
:root{font-family:"Trebuchet MS",Arial,sans-serif;color:#3e4961}body{background:#302e37}.game{background:#e6b977;--road-height:65px;box-shadow:0 20px 80px #0006}.game::before{content:'';position:absolute;inset:var(--road-height) 0 0;background:url('assets/warm-lobby.webp') center/100% 100% no-repeat;z-index:-1}.road-panel{height:var(--road-height);background:#f2e8d6eF;border-bottom:3px solid #747783;padding:7px 13px;z-index:40;color:#566078}.road{height:34px;background-image:radial-gradient(circle,#7a7c9033 1px,transparent 1px);background-size:14px 6px}.road:empty::after{background:#f2e8d699;color:#989281}.road-heading{font-size:7px;margin-bottom:4px}.statusbar{position:absolute;top:calc(var(--road-height) + 10px);left:0;right:0;height:43px;padding:0 12px;background:none;border:0;z-index:35;gap:9px;align-items:flex-start}.bank-title{display:none}.calendar{position:relative;order:-1;background:#fff5df;border:2px solid #677d9e;border-radius:7px;padding:9px 10px 5px;min-width:53px;box-shadow:inset 0 10px #96b4de,0 2px 0 #48566d3b;color:#3a4865;font-size:9px;font-weight:900;gap:3px}.calendar b{font-size:11px}.calendar::before,.calendar::after{content:'';position:absolute;top:-6px;width:4px;height:12px;border-radius:3px;background:#4d5265}.calendar::before{left:9px}.calendar::after{right:9px}.wallet{display:flex;align-items:center;gap:7px;background:#424452ed;border:2px solid #606171;border-radius:9px;padding:8px 10px;color:#fffaf0;box-shadow:0 3px #33354133}.wallet::before{content:'HG';font:bold 11px Georgia;color:#f4ebbc;border:2px solid #d6e5a8;background:#77a266;padding:3px;transform:rotate(-12deg)}.wallet small{display:none}.wallet b{font-size:16px;color:#fffaf0;letter-spacing:0}.icon-btn{background:#424452;color:#fffaf0;border:2px solid #626170;width:36px;height:36px;border-radius:9px;font-size:26px;line-height:26px;box-shadow:0 3px #33354133}.stage{min-height:190px;overflow:hidden}.bank-art{display:none}.warm-person{background-image:url('assets/warm-customers.webp');background-size:400% 300%;filter:drop-shadow(0 3px 1px #3c3a4620)}.customer{height:51%;top:13%;left:50%;clip-path:inset(0 0 12% 0)}.queue.one{height:37%;top:8%;left:55%}.queue.two{height:28%;top:5%;left:59%}.queue.three{height:22%;top:3%;left:62%}.queue.four{height:17%;top:2%;left:64%}.queue.five{height:13%;top:1%;left:66%}.queue.six{height:10%;top:0%;left:67%}.customer.at-counter{transform:translateY(4%)}.speech{left:71%;top:37%;max-width:27%;font-size:7px;border-color:#86858c;background:#fff6e5;color:#565972}.machine{height:43%;bottom:0%;max-width:82%;z-index:18}.lcd{background:#303749;border:2px solid #484f61;border-radius:4px;left:25%;top:30%;width:50%;height:19%;padding:1px 5px}.lcd strong{color:#a9cff7;font-size:clamp(18px,5cqw,26px)}.machine-label{color:#c0d5f3;font-size:4px;letter-spacing:.5px}.meter{height:2px;margin-top:1px;background:#5a6380}.meter-caption{display:none}.comparison{position:absolute;z-index:17;left:3%;top:51%;width:27%;height:16%;display:flex;flex-direction:column;gap:4px;justify-content:center;transform:rotate(-5deg);border:4px solid #697184;border-radius:5px;background:#343b51;box-shadow:inset 0 0 0 2px #9599a6,0 4px 2px #443f4e44;overflow:visible}.comparison::after{content:'';position:absolute;top:100%;height:12px;width:45%;background:#576175;border-bottom:4px solid #3e475f;z-index:-1;clip-path:polygon(35% 0,65% 0,70% 70%,100% 70%,100% 100%,0 100%,0 70%,30% 70%)}.comparison>span{color:#f3f0e8;font-size:9px;letter-spacing:.3px;text-align:center;line-height:1.15}.comparison strong{color:#ffe1a0;font-size:clamp(15px,5.5cqw,23px);letter-spacing:-.5px}.deposit-note{top:45%;left:48%;width:19%;height:7%;z-index:19}.controls{background:transparent;border:0;padding:0 18px 29px;z-index:30}.bet-heading{font-size:10px;color:#634f45;text-shadow:0 1px #ffe1a1;padding:3px 0 8px;min-height:24px;font-weight:bold}.choices{gap:12px;perspective:700px}.choice{height:101px;min-height:0;border:3px solid #424b58;border-radius:15px;box-shadow:inset 0 3px 0 #ffffff6b,inset 0 -6px 0 #0002,0 6px 0 #414555,0 9px 0 #292f3e;transform:rotateX(10deg);padding:5px 4px 8px;transition:filter .15s,opacity .15s,transform .12s}.choice.higher{background:#15c870;color:white}.choice.lower{background:#ef6154;color:white}.choice.fake{background:#ffd159;color:#303849}.choice b{font-size:18px;letter-spacing:.2px;font-weight:900;font-style:italic;margin-top:4px;text-shadow:0 2px #0002}.choice.fake b{font-style:normal}.choice-icon{font-size:39px;line-height:35px;height:35px}.choice .payout{padding:3px 9px;background:#0003;border-radius:12px;color:#fff3cd;font-size:10px;margin-top:5px;opacity:1}.choice:active:not(:disabled){transform:translateY(5px) rotateX(10deg);box-shadow:inset 0 2px #fff6,0 2px #414555}.choice:disabled{filter:saturate(.65);opacity:.55}.choice.selected{opacity:1;filter:none;outline:3px solid #fff7c5;outline-offset:-6px}.note-icon{font-size:15px;line-height:24px;width:41px;height:27px;background:#374454;border:2px solid #354251;color:#f7cf65;transform:rotate(-15deg);margin:4px 0}.note-icon i{background:#f7cf65;color:#374454;right:-5px;top:11px;font-size:13px;width:16px;height:16px}.toolbar{height:42px;margin-top:15px;gap:7px}.bet-button{background:#f6e0b7df;border:2px solid #9d805e;color:#66503e;border-radius:8px;min-width:92px;padding:7px 9px;box-shadow:0 2px #997556}.bet-button strong{font-size:12px}.skip-button{color:#614e41;font-size:7px;text-shadow:0 1px #f4d3a0}.skip-button small{color:#927553}.auto-button{background:#485975;padding:9px 6px;font-size:8px}footer{color:#8b735b;font-size:6px;padding:4px 0 1px}footer button{color:#715c4c;font-size:6px}.exact{margin:0 0 5px;background:#fff0aecf;border:2px solid #8c7649;color:#6e5833;padding:6px}.result{bottom:10%;background:#fff1cbeF;border-color:#667789;color:#3e6072;font-size:20px;box-shadow:0 4px #0002}.guard{left:15%;top:25%;height:32%}.manager{left:85%;top:20%;height:25%}.loading{background:#f4dfb8;color:#485d82}.toast{background:#424d63f2;top:130px}.feed-stack{top:9%}.feed-motion{top:8%}
@keyframes approach{from{transform:translateY(0)}to{transform:translateY(4%)}}
@media(max-height:740px){.game{--road-height:56px}.road{height:28px}.statusbar{top:calc(var(--road-height) + 8px);height:38px}.calendar{font-size:8px;padding:8px 7px 4px;min-width:48px}.wallet{padding:6px 8px}.wallet b{font-size:14px}.icon-btn{width:32px;height:32px;font-size:23px}.controls{padding:0 14px 19px}.choice{height:84px;border-radius:12px}.choice b{font-size:15px}.choice-icon{height:28px;line-height:27px;font-size:32px}.choice .payout{font-size:9px;padding:2px 7px;margin-top:4px}.note-icon{height:23px;width:34px;font-size:12px;line-height:20px}.toolbar{height:37px;margin-top:12px}.bet-heading{font-size:9px;min-height:21px;padding:2px 0 6px}.comparison>span{font-size:7px}.comparison strong{font-size:18px}.lcd strong{font-size:20px}}
@media(max-height:600px){.game{--road-height:49px}.road{height:23px;grid-template-rows:repeat(6,3px)}.road-heading{font-size:6px;margin-bottom:3px}.road-panel{padding:5px 10px}.controls{padding:0 12px 14px}.choice{height:73px;border-width:2px}.choice b{font-size:13px}.choice-icon{font-size:27px;height:23px;line-height:23px}.choice .payout{font-size:8px;margin-top:3px}.note-icon{font-size:11px;height:20px;width:31px;line-height:16px}.toolbar{height:32px;margin-top:11px}.bet-button{padding:5px 8px}.bet-heading{font-size:8px;min-height:18px;padding-bottom:5px}.wallet b{font-size:12px}.calendar{font-size:7px;min-width:44px}.comparison{border-width:3px}.comparison strong{font-size:16px}.comparison>span{font-size:6px}.lcd strong{font-size:18px}.road-large{height:144px;grid-template-rows:repeat(6,1fr)}}
/* Match the atlas cell ratio and align dynamic display to the painted housing. */
.machine{height:40%;max-width:70%;bottom:0}.lcd{top:22%;height:17%;left:25%;width:50%;border:0;background:#303749}.lcd strong{font-size:24px;line-height:1}.machine-label{font-size:4px}.comparison{top:47%;left:2%;width:28%;height:15%;z-index:20}.queue.one{top:10%}.queue.two{top:8%}.queue.three{top:7%}.queue.four{top:6%}.queue.five{top:5%}.queue.six{top:4%}.feed-stack{top:7%}.feed-motion{top:6%}.roller-window{top:52%;left:31%;width:38%;height:18%}.output-stack{top:73%;left:32%;width:36%}.note-stream{top:52%;left:32%;width:36%;height:32%}
@media(max-height:740px){.lcd strong{font-size:20px}.comparison strong{font-size:18px}}
@media(max-height:600px){.lcd strong{font-size:17px}.comparison strong{font-size:16px}}
/* First-time comprehension: identity, visible history, bounded amounts, clear free action. */
.game{--road-height:117px;--brand-height:57px}.game::before{top:calc(var(--brand-height) + var(--road-height))}.statusbar{top:0;height:var(--brand-height);padding:7px 10px;background:#ecd3a9;align-items:center;border-bottom:2px solid #b49879;gap:7px}.game-logo{width:111px;height:46px;object-fit:contain;flex:none}.calendar{order:0;min-width:42px;padding:9px 5px 4px;font-size:8px}.calendar b{font-size:9px}.wallet{padding:6px;gap:4px}.wallet b{font-size:12px}.wallet::before{font-size:8px;padding:2px;border-width:1px}.icon-btn{width:30px;height:32px;font-size:23px;flex:none}.road-panel{margin-top:var(--brand-height);height:var(--road-height);padding:6px 12px 5px;border-bottom:3px solid #778799;background:#f8eedc}.road-heading{font-size:10px;font-weight:900;letter-spacing:.7px;margin-bottom:4px}.road-heading>span:last-child{font-size:9px}.road{height:77px;grid-template-rows:repeat(6,12px);grid-auto-columns:20px;gap:1px 2px;background-image:linear-gradient(#76829918 1px,transparent 1px),linear-gradient(90deg,#76829918 1px,transparent 1px);background-size:22px 13px}.road-cell{width:12px;height:12px;border:0;border-radius:3px;background:#31a967;color:#fff;font:bold 11px/12px Arial;text-align:center}.road-cell.lower{background:#e87560}.road-cell.equal{background:#8d96a5}.road-cell i{color:#806017;background:#ffe285;border-radius:50%;font:bold 8px/9px Arial;right:-5px;top:-3px}.road:empty::after{font-size:11px;color:#837866;background:#f8eedccf}.road-legend{display:flex;gap:13px;font-size:8px;line-height:14px;font-weight:bold;color:#675f58}.road-legend span:first-child{color:#258452}.road-legend span:nth-child(2){color:#bb5848}.road-legend span:nth-child(3){color:#a17b25}.road-legend span:last-child{margin-left:auto;color:#536787}.amount-range{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #9b7e5a;background:#fff0d6ed;color:#5d5145;border-radius:7px;padding:7px 8px;margin:0 0 3px;box-shadow:0 2px #b49167}.amount-range>span{font-size:7px;font-weight:bold;letter-spacing:.3px}.amount-range b{font-size:13px;color:#384f73}.amount-range small{font-size:8px}.amount-range:disabled{opacity:.8}.toolbar{height:47px;margin-top:13px}.skip-button{background:linear-gradient(#739bd0,#4d76b0);color:white;text-shadow:0 1px #243b62;border:2px solid #405772;border-radius:9px;padding:7px 10px;display:grid;grid-template-columns:1fr auto;gap:1px 5px;font-size:10px;box-shadow:inset 0 1px #fff6,0 3px #344860;min-height:39px}.skip-button small{grid-column:1/-1;color:#fff2cb;font-size:8px;letter-spacing:.5px}.skip-button>span{font-size:18px;line-height:12px}.skip-button:disabled{opacity:.45}.bet-button{min-width:75px}.bet-button small{font-size:7px}.bet-button strong{font-size:11px}.opening .choices,.opening .toolbar,.opening .exact{opacity:.38;pointer-events:none}.opening #prompt{color:#354e77;font-weight:900}.opening .comparison>span{font-size:0}.opening .comparison>span::after{content:'FIRST DEPOSIT';font-size:8px}.opening #previous{font-size:0}.opening #previous::after{content:'COUNTING…';font-size:11px}.amount-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.amount-list>span{padding:11px 3px;text-align:center;background:#e4e8df;border-radius:7px;font-size:13px;font-weight:bold}.amount-list .current{background:#4d6788;color:white}.amount-list small{display:block;font-size:7px;margin-top:4px}.road-large{height:174px;grid-template-rows:repeat(6,27px);grid-auto-columns:22px;gap:2px}.road-large .road-cell{width:21px;height:24px;line-height:24px;font-size:16px;border:0}.road-large .road-cell i{font-size:10px;line-height:11px}.toast{top:calc(var(--brand-height) + var(--road-height) + 10px)}
@media(max-width:350px){.game-logo{width:88px}.statusbar{gap:5px;padding:7px}.wallet::before{display:none}.wallet b{font-size:11px}.calendar{min-width:38px}.skip-button{font-size:9px;padding:6px 8px}.amount-range b{font-size:11px}.amount-range small{font-size:7px}}
@media(max-height:740px){.game{--road-height:103px;--brand-height:51px}.game-logo{height:39px}.road{height:65px;grid-template-rows:repeat(6,10px);background-size:22px 11px}.road-cell{height:10px;width:12px;line-height:10px;font-size:9px}.road-heading{font-size:9px}.road-legend{font-size:7px;line-height:13px}.amount-range{padding:5px 6px}.amount-range b{font-size:11px}.toolbar{height:43px;margin-top:11px}.skip-button{min-height:35px}.controls{padding-bottom:12px}.road-large{height:174px;grid-template-rows:repeat(6,27px)}.road-large .road-cell{height:24px;width:21px;line-height:24px;font-size:16px}}
@media(max-height:600px){.game{--road-height:99px;--brand-height:46px}.game-logo{height:36px}.road-heading{font-size:8px}.road-panel{padding:4px 10px}.statusbar{padding-top:4px;padding-bottom:4px}.controls{padding-bottom:8px}.amount-range{padding:4px 6px}.amount-range>span{font-size:6px}.amount-range small{font-size:6px}.toolbar{height:40px;margin-top:11px}.choice{height:67px}.bet-heading{min-height:17px}.skip-button{font-size:8px}.skip-button small{font-size:7px}.comparison strong{font-size:14px}.lcd strong{font-size:15px}}
.game-logo{width:132px;height:52px;object-fit:contain}.game{--brand-height:62px}.statusbar{padding:3px 12px;gap:10px}.wallet{margin-left:auto}.wallet b{font-size:15px}.road-cell.fake{background:#ffd44d;color:#57410c;font-size:10px;border:1px solid #b78c24;line-height:10px}.road-large .road-cell.fake{font-size:16px;line-height:22px}.fake-key{background:#ffd44d;color:#57410c!important;border:1px solid #b78c24;border-radius:3px;padding:0 4px}#fake-example{padding:0 3px;text-decoration:underline;cursor:pointer;font-size:9px}.calendar{display:none}.amount-range b{font-size:15px}.road-large .road-cell i{display:none}@media(max-height:740px){.game{--brand-height:55px}.game-logo{height:47px;width:126px}}@media(max-height:600px){.game{--brand-height:50px}.game-logo{height:43px;width:116px}.wallet b{font-size:13px}}
.game{--brand-height:73px}.game-logo{width:119px;height:65px}.statusbar{padding-left:9px}@media(max-height:740px){.game{--brand-height:61px}.game-logo{width:107px;height:55px}}@media(max-height:600px){.game{--brand-height:55px}.game-logo{width:100px;height:49px}}

.bet-button.needs-change{border-color:#b54d35;background:#ffe1b4;box-shadow:0 0 0 2px #b54d3530,0 2px #997556}.bet-button.needs-change::after{content:"!";background:#b54d35;color:#fff;border-radius:50%;width:14px;height:14px;font:bold 10px/14px Arial}
/* Unified teller control console: funds, bet, paid choices, free action. */
.statusbar #settings{margin-left:auto}.controls{margin:0 9px 8px;padding:9px 10px 5px;border:2px solid #6c5a47;border-radius:16px;background:linear-gradient(#f8e7c8,#e5c393);box-shadow:inset 0 2px #fff5df,0 4px 0 #6e5844,0 -3px 16px #4f3e3120}.amount-range{border:0;border-radius:0;background:none;box-shadow:none;padding:0 1px 7px;margin:0;min-height:22px;color:#7a634c}.amount-range>span{font-size:8px;letter-spacing:.5px}.amount-range b{font-size:12px;color:#5b6070}.amount-range small{font-size:8px}.funds-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:53px}.funds-row .wallet{margin:0;padding:8px 11px;background:#354357;border:1px solid #263549;border-radius:9px;box-shadow:inset 0 2px 4px #16253888;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0}.funds-row .wallet::before{display:none}.funds-row .wallet small{display:block;color:#b7c4d3;font-size:8px;letter-spacing:1px;margin:0}.funds-row .wallet b{font-size:20px;color:#fff4d4;line-height:1;font-variant-numeric:tabular-nums}.funds-row .bet-button{position:relative;min-width:0;width:100%;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border:2px solid #927454;background:#fff5dc;box-shadow:0 2px #a38460;padding:6px 11px;border-radius:9px}.funds-row .bet-button small{font-size:8px;letter-spacing:1px;color:#8b7456}.funds-row .bet-button strong{font-size:20px;line-height:1;color:#4b4b4e;width:100%;display:flex;justify-content:space-between;align-items:center}.funds-row .bet-button strong span{font-size:18px;color:#886844}.funds-row .bet-button.needs-change{border-color:#b54d35;background:#ffe0bc}.funds-row .bet-button.needs-change::after{position:absolute;right:9px;top:5px}.bet-heading{padding:8px 0 6px;min-height:27px;font-size:10px;line-height:1.2;color:#605345;text-shadow:none}.choices{gap:9px}.choice{height:87px;border-radius:12px}.choice b{font-size:16px}.choice-icon{font-size:31px;line-height:28px;height:28px}.choice .payout{font-size:10px;margin-top:4px}.note-icon{font-size:13px;line-height:21px;width:35px;height:24px}.toolbar{height:auto;min-height:37px;margin-top:13px;gap:7px}.skip-button{flex:1;margin:0;display:flex;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 10px;font-size:10px;border-radius:8px}.skip-button small{font-size:8px;border-left:1px solid #ffffff55;padding-left:8px}.skip-button>span{font-size:17px}.auto-button{flex:none}.controls footer{padding:7px 1px 0;font-size:7px;color:#8b735d}.controls footer button{font-size:7px}.opening .funds-row .bet-button{opacity:.5}.opening .funds-row .wallet{opacity:1}
@media(max-height:740px){.controls{margin:0 8px 6px;padding:7px 9px 5px;border-radius:13px}.funds-row{height:46px}.funds-row .wallet b,.funds-row .bet-button strong{font-size:18px}.choice{height:74px}.choice b{font-size:14px}.choice-icon{font-size:27px;height:24px;line-height:24px}.note-icon{font-size:12px;height:22px;line-height:19px}.choice .payout{font-size:9px;margin-top:3px}.bet-heading{min-height:23px;font-size:9px;padding:6px 0 5px}.amount-range{min-height:19px;padding-bottom:5px}.toolbar{min-height:33px;margin-top:11px}.skip-button{min-height:32px;font-size:9px;padding:5px 8px}.skip-button small{font-size:7px}.controls footer{padding-top:6px;font-size:6px}.controls footer button{font-size:6px}}
@media(max-height:600px){.stage{min-height:150px}.controls{margin:0 6px 5px;padding:6px 8px 4px}.funds-row{height:41px;gap:6px}.funds-row .wallet,.funds-row .bet-button{padding:5px 8px;gap:3px}.funds-row .wallet small,.funds-row .bet-button small{font-size:7px}.funds-row .wallet b,.funds-row .bet-button strong{font-size:16px}.amount-range{min-height:17px;padding-bottom:4px}.amount-range>span,.amount-range small{font-size:7px}.amount-range b{font-size:11px}.bet-heading{min-height:21px;font-size:8px;padding:5px 0}.choice{height:63px;padding:3px}.choice b{font-size:12px}.choice-icon{font-size:24px;height:20px;line-height:20px}.note-icon{font-size:10px;height:19px;line-height:16px;width:30px}.choice .payout{font-size:8px;margin-top:3px;padding:2px 7px}.toolbar{margin-top:10px;min-height:31px}.skip-button{font-size:9px;min-height:30px}.controls footer{padding-top:5px}}
/* Scene-mounted range sign and countertop monitor share the scenery coordinate space. */
.game::before{background-image:url('assets/hg-bank-lobby.webp')}.scene-labels{position:absolute;inset:calc(var(--brand-height) + var(--road-height)) 0 0;z-index:21;pointer-events:none}.scene-labels .amount-range{position:absolute;left:12%;top:22%;width:24%;min-height:0;height:auto;margin:0;padding:4px 2px;background:#f9e3a7;border:2px solid #9e7841;border-radius:6px;box-shadow:0 2px #79644244;display:flex;flex-direction:column;justify-content:center;gap:1px;pointer-events:auto;transform:rotate(-4deg);color:#365687}.scene-labels .amount-range>span{font-size:12px;letter-spacing:1px;font-weight:900;line-height:1.25}.scene-labels .amount-range b{font-size:23px;line-height:1.15;color:#244979;font-weight:900;letter-spacing:1px}.scene-labels .amount-range:disabled{opacity:1}.scene-labels .comparison{left:2%;top:46%;width:25%;height:12%;min-height:50px;z-index:1;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #9599a6,0 4px 2px #443f4e44}.scene-labels .comparison::after{height:15px;border-radius:0 0 3px 3px;box-shadow:0 3px 3px #322c3833}.scene-labels .comparison>span{font-size:9px}.scene-labels .comparison strong{font-size:25px}.controls{padding-top:10px}.opening .scene-labels #amount-range{pointer-events:none}
@media(max-height:740px){.scene-labels .amount-range>span{font-size:10px}.scene-labels .amount-range b{font-size:19px}.scene-labels .amount-range{padding:3px 1px}.scene-labels .comparison>span{font-size:7px}.scene-labels .comparison strong{font-size:21px}.scene-labels .comparison{min-height:44px}.scene-labels .comparison::after{height:11px}}
@media(max-height:600px){.scene-labels .amount-range>span{font-size:9px}.scene-labels .amount-range b{font-size:17px}.scene-labels .comparison>span{font-size:6px}.scene-labels .comparison strong{font-size:18px}.scene-labels .comparison{min-height:39px}.controls{padding-top:7px}}
@media(max-height:740px){.scene-labels .comparison{top:calc(44% - 40px)}}

.scene-labels .amount-range>span{font-size:9px;letter-spacing:.25px;white-space:nowrap}@media(max-height:740px){.scene-labels .amount-range>span{font-size:8px}}@media(max-height:600px){.scene-labels .amount-range>span{font-size:7px;letter-spacing:0}}
/* Range lettering is painted into the bank sign; retain an invisible accessible hit area. */
.game::before{background-image:url('assets/hg-bank-integrated.webp')}.scene-labels .amount-range{left:12%;top:22%;width:24%;height:8%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;color:transparent}.scene-labels .amount-range>span,.scene-labels .amount-range>b{opacity:0}.scene-labels .amount-range:active:not(:disabled){transform:none}.scene-labels .amount-range:focus-visible{outline:2px dashed #365687;outline-offset:2px}
/* Shared table: two main choices and four compact side bets. */
.live-badge{margin-left:auto;font-size:9px;color:#345d50;font-weight:900;letter-spacing:.5px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;max-width:110px}.live-badge i{width:6px;height:6px;border-radius:50%;background:#40aa69;box-shadow:0 0 0 3px #40aa6920}.live-badge span{display:block;width:100%;font-size:9px;font-weight:400;letter-spacing:0;color:#7c725f;padding-left:11px}.statusbar #settings{margin-left:4px}.live-choices{grid-template-columns:1fr 1fr 1.35fr;gap:7px;align-items:stretch}.live-choices>.choice{height:94px}.side-choices{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px 5px}.side-choices .choice{height:auto;min-height:0;padding:3px 2px;border-width:2px;border-radius:7px;box-shadow:inset 0 2px #fff5,0 3px #414555;transform:none}.side-choices .choice b{font-size:10px;font-style:normal;letter-spacing:0;margin:0;line-height:1.2}.side-choices .choice .payout{font-size:8px;margin-top:2px;padding:2px 4px;border-radius:5px}.choice.odd{background:#bc9ade;color:#392555}.choice.even{background:#91c4ef;color:#244e71}.choice.above50{background:#f4b985;color:#684121}.round-bar{padding:10px 2px 1px;margin-top:7px;color:#415069}.round-bar>div:first-child{display:flex;align-items:center;justify-content:space-between}.round-bar span{font-size:9px;font-weight:bold;letter-spacing:.4px}.round-bar strong{font-size:19px;line-height:1}.round-bar small{display:block;font-size:8px;color:#857256;margin:3px 0 5px}.round-progress{height:3px;background:#b3a18a55;border-radius:3px;overflow:hidden}.round-progress i{display:block;height:100%;background:#567da5;width:0%;transition:width .1s linear}.controls>#auto{width:100%;padding:6px;margin-top:5px}.side-choices .choice.selected{outline-width:2px;outline-offset:-4px}.bet-heading{min-height:30px;font-size:9px;display:flex;justify-content:center;align-items:center}.scene-labels{pointer-events:none}
@media(max-height:740px){.live-choices>.choice{height:82px}.side-choices{gap:6px 4px}.side-choices .choice b{font-size:9px}.side-choices .choice .payout{font-size:7px;padding:2px}.round-bar{padding-top:7px;margin-top:6px}.round-bar strong{font-size:16px}.round-bar span{font-size:8px}.round-bar small{font-size:7px;margin:2px 0 4px}.bet-heading{min-height:26px;font-size:8px}.live-badge{font-size:8px;max-width:96px}}
@media(max-height:600px){.live-choices>.choice{height:72px}.live-choices>.choice b{font-size:11px}.side-choices .choice b{font-size:8px}.side-choices .choice .payout{font-size:7px;margin-top:1px;padding:1px 2px}.side-choices{gap:5px 4px}.round-bar{padding-top:6px;margin-top:5px}.round-bar small{font-size:6px}.round-bar span{font-size:7px}.round-bar strong{font-size:15px}.bet-heading{min-height:24px;padding:4px 0;font-size:7px}}
/* Painted monitor with one complete pedestal and contact shadow, anchored to counter edge. */
.scene-labels .comparison{left:1%;top:44%;width:28%;height:auto;aspect-ratio:1.375;min-height:0;transform:translateY(-65%);border:0;border-radius:0;background:url('assets/desk-monitor.webp') center/contain no-repeat;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:17% 0 0;gap:0;padding-top:0}.scene-labels .comparison::after{display:none}.scene-labels .comparison>span{position:absolute;top:24%;left:20%;width:66%;font-size:8px;line-height:1.05;transform:rotate(-4deg);text-align:center}.scene-labels .comparison strong{position:absolute;top:45%;left:20%;width:66%;font-size:24px;line-height:1;transform:rotate(-4deg);text-align:center}.scene-labels .comparison>span br{display:none}.scene-labels .comparison>span{font-size:7px}
@media(max-height:740px){.scene-labels .comparison{top:44%;width:28%;min-height:0}.scene-labels .comparison>span{font-size:6px}.scene-labels .comparison strong{font-size:20px}}@media(max-height:600px){.scene-labels .comparison{top:44%;transform:translateY(-70%)}.scene-labels .comparison>span{font-size:5px}.scene-labels .comparison strong{font-size:17px}}
.scene-labels .comparison>span br{display:block}.scene-labels .comparison>span{top:22%;line-height:1.1}

/* My minibank: one HG note design and empty-handed deposited pose. */
.warm-person{background-image:url('assets/minibank-customers.webp')}
.hg-cash{background-image:url('assets/minibank-note.webp')}

@keyframes deposit{0%{opacity:1;transform:translate(0,0) rotate(-6deg) scale(.8)}85%{opacity:1}100%{opacity:0;transform:translate(-40%,250%) rotate(0) scale(1)}}

/* Five choices, explicit road views and icon navigation. */
.hamburger{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%}.hamburger i{display:block;width:17px;height:2px;background:#fff3d8;border-radius:2px}.online-count{display:flex!important;align-items:center;justify-content:center;gap:4px}.online-count svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.online-count #online{margin:0;font-size:10px}.side-choices #fake{grid-column:1/-1}.road-grid-button{display:block;width:100%;padding:0;background:none;text-align:inherit}.road-grid-button:active{transform:none!important}.road-heading{display:flex;align-items:center;gap:5px;letter-spacing:.3px}.road-tabs{display:flex;gap:3px;margin-left:auto}.road-tabs button{font-size:7px;padding:3px 5px;background:#ded7c5;color:#746856;border-radius:4px}.road-tabs button.active{background:#495f6c;color:white}.road-heading #road-stats{font-size:8px}.road-cell{width:20px!important;font-size:8px!important;line-height:11px!important;border-radius:3px}.road-cell.odd{background:#9776b3;color:white}.road-cell.even{background:#598bb6;color:white}.road-large .road-cell{font-size:12px!important;line-height:24px!important}.road-cell.fake{color:#57410c}.road-legend{gap:8px}@media(max-width:350px){.road-tabs button{padding:3px;font-size:6px}.road-heading #road-stats{font-size:7px}.road-heading>span:first-child{font-size:7px}}

.road-panel:has(#road-parity.active) #legend-one{color:#795095}.road-panel:has(#road-parity.active) #legend-two{color:#3f719b}

/* Balance at top right; centered stake control in the existing warm panel. */
.statusbar{align-items:center;gap:8px}.statusbar .live-badge{margin-left:auto}.statusbar .wallet{margin:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;padding:7px 10px;border-radius:9px;background:#354357;border:1px solid #263549;box-shadow:inset 0 2px 4px #16253855;min-width:87px}.statusbar .wallet::before{display:none}.statusbar .wallet small{display:block;font-size:7px;letter-spacing:1px;color:#c8d0d8;margin:0}.statusbar .wallet b{font-size:17px;line-height:1;color:#fff4d4;font-variant-numeric:tabular-nums;white-space:nowrap}.statusbar #settings{margin-left:0;flex-shrink:0}.funds-row{display:flex;justify-content:center}.funds-row .bet-button{width:70%;max-width:290px;align-items:center}.funds-row .bet-button strong{justify-content:center;position:relative}.funds-row .bet-button strong span{position:absolute;right:0}.funds-row .bet-button small{text-align:center}
@media(max-width:390px){.statusbar{gap:6px;padding-right:9px}.statusbar .wallet{min-width:77px;padding:6px 8px}.statusbar .wallet b{font-size:15px}.statusbar .live-badge{font-size:7px}.funds-row .bet-button{width:74%}}
@media(max-width:350px){.statusbar{gap:5px}.statusbar .game-logo{width:88px}.statusbar .wallet{min-width:70px;padding:6px}.statusbar .wallet b{font-size:14px}.statusbar .wallet small{font-size:6px}.statusbar .live-badge{font-size:6px}.statusbar .icon-btn{width:29px}}

/* Countdown stays beside the counter, close to the action. */
.machine .machine-timer{position:absolute;left:calc(100% - 12px);top:18%;width:66px;margin:0;padding:7px 5px 6px;z-index:25;text-align:center;border:2px solid #75624c;border-radius:12px;background:#fff2d5;box-shadow:0 3px 0 #6e584455,inset 0 2px #fff9ea;color:#4a5965;transform:rotate(3deg)}
.machine-timer #round-label{display:block;font-size:8px;letter-spacing:.6px;font-weight:bold}.machine-timer #countdown{display:block;float:none;font-size:29px;line-height:1.2;font-weight:900;font-variant-numeric:tabular-nums;color:#35596c}.machine-timer .round-progress{margin-top:4px;height:4px;background:#dccfb8}.machine-timer.urgent{border-color:#b96643;background:#ffe7bd}.machine-timer.urgent #countdown{color:#bb593d}.bet-heading{min-height:12px;padding:3px 0;font-size:9px}.bet-heading:has(#prompt:empty){min-height:10px;padding:0}.controls footer{padding-top:9px}
@media(max-height:740px){.machine .machine-timer{width:58px;left:calc(100% - 10px);padding:5px 4px}.machine-timer #countdown{font-size:25px}.machine-timer #round-label{font-size:7px}}
@media(max-height:600px){.machine .machine-timer{width:49px;left:calc(100% - 7px);top:12%;border-radius:9px;padding:4px 3px}.machine-timer #countdown{font-size:22px}.machine-timer #round-label{font-size:6px}}

/* Expose the painted desktop and teller hands. */
.controls{background:none;border:0;box-shadow:none;border-radius:0;margin:0 10px;padding:5px 10px 38px}.stake-heading{font-size:10px;letter-spacing:1px;font-weight:900;text-align:left;color:#645442;margin:0 0 5px 2px}.funds-row{display:grid;grid-template-columns:55px minmax(0,1fr) 55px;gap:8px;height:43px}.funds-row .bet-button{width:100%;max-width:none;align-items:center}.funds-row .bet-button strong{font-size:21px}.stake-edge{background:#f9e8c7;border:2px solid #8a7455;color:#605341;font-size:11px;font-weight:bold;border-radius:9px;box-shadow:0 2px #8c7359}.stake-edge:disabled{opacity:.45}.controls footer{padding-top:11px}.controls .choices{margin-top:2px}.fake-fx{position:absolute;inset:0;z-index:26;pointer-events:none;display:none;overflow:hidden}.fake-fx.active{display:block}.fake-scene>#customer{visibility:hidden}.fake-scene>#result{opacity:0}.fake-target{z-index:1}.fake-fx #fake-target{animation:fake-hit 2.6s both;transform-origin:50% 85%}.fake-stamp{position:absolute;z-index:5;top:16%;left:50%;translate:-50% 0;background:#ffe8a3;color:#b84736;border:3px solid #b84736;padding:5px 12px;font-weight:900;font-size:19px;border-radius:7px;white-space:nowrap;transform:rotate(-8deg);animation:fake-stamp 2.6s both}.teller-gun{position:absolute;width:62%;height:auto;aspect-ratio:1;bottom:-8%;left:19%;z-index:3;animation:gun-rise 2.6s both}.teller-gun img{width:100%;height:100%;object-fit:contain}.muzzle-flash{position:absolute;left:44%;top:6%;width:14%;height:22%;background:#fff8b1;clip-path:polygon(50% 0,62% 30%,94% 12%,79% 47%,100% 60%,70% 69%,80% 100%,49% 80%,17% 100%,25% 63%,0 48%,32% 34%);filter:drop-shadow(0 0 9px #ffb227);opacity:0;animation:gun-flash 2.6s steps(1) both}.impact-stars{position:absolute;left:48%;top:42%;color:#ffeeb2;text-shadow:0 0 7px #ef9d25;font-size:36px;opacity:0;animation:gun-flash 2.6s steps(1) both}.fake-scene .machine{filter:sepia(.2)}
@keyframes fake-stamp{0%{opacity:0;scale:1.5}10%,80%{opacity:1;scale:1}100%{opacity:0}}
@keyframes gun-rise{0%{transform:translateY(110%)}20%,28%,36%,44%,52%{transform:translateY(0) rotate(-2deg)}24%,32%,40%,48%,56%{transform:translateY(3%) rotate(2deg)}64%,78%{transform:translateY(0)}100%{transform:translateY(110%)}}
@keyframes gun-flash{0%,20%,26%,34%,42%,50%,58%,100%{opacity:0}22%,30%,38%,46%,54%{opacity:1}}
@keyframes fake-hit{0%,22%{transform:translateY(0)}27%,35%,43%{transform:translateX(-5px) rotate(-4deg)}31%,39%,47%{transform:translateX(5px) rotate(4deg)}55%{transform:translateY(8%) rotate(-12deg);opacity:1}74%,100%{transform:translate(-45%,62%) rotate(-85deg);opacity:0}}
@media(max-height:740px){.controls{padding-bottom:29px}.stake-heading{font-size:9px;margin-bottom:4px}.funds-row{height:38px;grid-template-columns:48px minmax(0,1fr) 48px}.stake-edge{font-size:10px}.fake-stamp{font-size:16px}}
@media(max-height:600px){.controls{padding:3px 8px 22px}.stake-heading{font-size:8px;margin-bottom:3px}.funds-row{height:34px;grid-template-columns:43px minmax(0,1fr) 43px;gap:6px}.funds-row .bet-button strong{font-size:18px}.stake-edge{font-size:9px}.controls footer{padding-top:8px}.fake-stamp{font-size:14px}}
.controls{padding-bottom:62px}@media(max-height:740px){.controls{padding-bottom:45px}}@media(max-height:600px){.controls{padding-bottom:33px}}

.fake-fx #fake-target,.fake-fx .fake-stamp,.fake-fx .teller-gun,.fake-fx .muzzle-flash,.fake-fx .impact-stars{animation-delay:var(--fake-delay,0ms)}

/* Readable history, complete atlas frames, and focused outcome feedback. */
.game{--road-height:79px}.road-panel{height:var(--road-height);padding:6px 12px}.road-heading{margin-bottom:5px}.road-heading>span:first-child{font-size:8px}.road-heading #road-stats{display:none}.road-legend{display:none}.road{height:43px;display:flex;gap:5px;background:none;overflow:hidden}.history-chip{flex:1;min-width:0;max-width:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;background:#d3e9d6;color:#2c6747;border-bottom:2px solid #7fbb96;gap:1px}.history-chip b{font-size:16px;line-height:19px;font-variant-numeric:tabular-nums}.history-chip small{font-size:7px;line-height:10px;font-weight:bold}.history-chip.lower{background:#f3d5c6;color:#a14e3e;border-color:#d39782}.history-chip.odd{background:#e2d7ee;color:#6e468f;border-color:#b49acd}.history-chip.even{background:#d4e5f2;color:#396789;border-color:#8fb5cf}.history-chip.fake{background:#ffdf77;color:#6d4c16;border-color:#cba348}.history-chip:last-child{box-shadow:inset 0 0 0 2px #5b6170}.road-large{height:auto;max-height:320px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:43px;overflow:auto;gap:6px}.road-large .history-chip{max-width:none}.history-empty{font-size:11px;color:#887b65;align-self:center}.road-tabs button{font-size:8px;padding:4px 7px}
.customer{width:37%;height:auto;top:auto;bottom:27%;clip-path:none}.queue{clip-path:none!important}.scene-labels .comparison{width:31%;aspect-ratio:1.18;background-size:100% 100%;top:44%;transform:translateY(-62%)}.monitor-screen{position:absolute;left:19%;top:19%;width:66%;height:44%;transform:rotate(-4deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;overflow:hidden}.monitor-screen>span{font-size:7px;line-height:1.1;color:#f3f0e8;font-weight:bold;white-space:nowrap}.scene-labels .comparison .monitor-screen strong{position:static;transform:none;width:auto;font-size:29px;line-height:1;color:#ffe1a0;letter-spacing:0;font-variant-numeric:tabular-nums}
.machine .machine-timer{left:50%;top:-28%;translate:-50% 0;transform:none;width:125px;min-height:52px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 7px;padding:5px 10px;border:3px solid #475568;border-radius:13px;background:#fff0c5;box-shadow:0 4px #32405244}.machine-timer #round-label{font-size:11px;color:#5b553f}.machine-timer #countdown{font-size:36px;line-height:1.05;color:#304b68}.machine-timer .round-progress{grid-column:1/-1;width:100%;margin-top:0}.machine-timer.urgent{background:#ffe5a6;border-color:#d66c38;animation:timer-pulse .55s ease-in-out infinite alternate}.machine-timer.urgent #countdown{color:#b4492d}@keyframes timer-pulse{to{box-shadow:0 0 0 4px #ffc45988,0 4px #32405244}}
.win-celebration{position:absolute;z-index:65;left:50%;top:36%;translate:-50% 0;width:78%;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;visibility:hidden;filter:drop-shadow(0 5px 9px #24212b66);text-align:center}.win-celebration.visible{visibility:visible;opacity:1;animation:win-arrive .45s cubic-bezier(.18,1.4,.42,1) both}.win-celebration img{width:100%;height:auto;max-height:180px;object-fit:contain}.win-celebration>small{margin-top:-4px;background:#264b39;color:#e2f1d3;border-radius:7px 7px 0 0;padding:7px 18px 3px;font-size:10px;font-weight:bold;letter-spacing:1px}.win-celebration>strong{background:#264b39;color:#ffe79c;min-width:65%;padding:3px 14px 6px;border:2px solid #e0be5f;border-radius:12px;font-size:46px;line-height:1.1;font-variant-numeric:tabular-nums;box-shadow:0 4px #19342d}.win-celebration>span{margin-top:6px;background:#fff2c7;color:#305c40;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:bold}.wallet.rewarded{animation:wallet-reward .65s ease-in-out 5 alternate}@keyframes wallet-reward{to{box-shadow:0 0 0 3px #ffe88a,0 0 18px #ffe18a}}@keyframes win-arrive{from{transform:scale(.55) translateY(18px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@media(max-height:740px){.game{--road-height:75px}.road{height:40px}.history-chip b{font-size:14px}.machine .machine-timer{width:116px;min-height:46px;top:-27%;padding:4px 8px}.machine-timer #countdown{font-size:31px}.scene-labels .comparison .monitor-screen strong{font-size:25px}.monitor-screen>span{font-size:6px}.win-celebration img{max-height:150px}.win-celebration>strong{font-size:39px}}
@media(max-height:600px){.game{--road-height:69px}.road{height:36px}.road-panel{padding:4px 9px}.history-chip b{font-size:13px;line-height:16px}.history-chip small{font-size:6px}.road-tabs button{font-size:7px;padding:3px 5px}.machine .machine-timer{width:102px;min-height:41px;top:-28%;padding:3px 6px}.machine-timer #countdown{font-size:27px}.machine-timer #round-label{font-size:9px}.scene-labels .comparison .monitor-screen strong{font-size:21px}.monitor-screen>span{font-size:5px}.win-celebration{top:32%}.win-celebration img{max-height:120px}.win-celebration>strong{font-size:33px}.win-celebration>small{font-size:8px}}

/* Countdown is the machine display while bets are open; never covers a face. */
.machine .machine-timer{display:none;left:25%;top:21%;translate:none;width:50%;height:19%;min-height:0;padding:3px 7px;border:0;border-radius:5px;background:#28374a;box-shadow:none;color:#ffe59b;grid-template-columns:1fr auto;gap:0 5px}.machine.taking-bets .machine-timer{display:grid}.machine.taking-bets .lcd{visibility:hidden}.machine-timer #round-label{color:#e3dfc9;font-size:11px}.machine-timer #countdown{color:#ffe298;font-size:36px}.machine-timer .round-progress{height:3px;background:#536174}.machine-timer.urgent{background:#69352b;animation:timer-pulse .55s ease-in-out infinite alternate}.machine-timer.urgent #countdown{color:#fff1ab}.lcd strong{font-size:32px}.machine-label{font-size:7px}
@media(max-height:740px){.machine-timer #countdown{font-size:29px}.machine-timer #round-label{font-size:9px}.lcd strong{font-size:27px}.machine-label{font-size:6px}}
@media(max-height:600px){.machine-timer #countdown{font-size:24px}.machine-timer #round-label{font-size:8px}.lcd strong{font-size:23px}.machine-label{font-size:5px}}

/* Primary information: previous deposit, current timer/result, acknowledged bet. */
.scene-labels .comparison{left:-8%;width:43%;top:44%;aspect-ratio:1.18;transform:translateY(-62%)}
.scene-labels .comparison .monitor-screen strong{font-size:44px}
.monitor-screen>span{font-size:8px}
.machine .lcd,.machine .machine-timer{left:20%;top:20%;width:60%;height:26%;border:2px solid #748297;border-radius:7px;box-shadow:inset 0 0 0 2px #1d2638;padding:4px 8px}
.machine .lcd strong{font-size:44px;line-height:1}.machine-timer #countdown{font-size:44px}.machine-timer #round-label{font-size:12px}.machine-label{font-size:8px}
.bet-heading{min-height:26px;display:flex;align-items:center;justify-content:center}
#prompt.bet-confirmed{display:block;background:#246549;color:#fff6c7;border:2px solid #e6d28e;border-radius:7px;padding:5px 9px;font-size:11px;box-shadow:0 2px 0 #183d30}
.choice.selected:disabled{opacity:1;filter:none;outline:3px solid #fff7bd;box-shadow:0 0 12px #ffe8a7,inset 0 3px #fff5,0 5px #414555}
@media(max-height:740px){.scene-labels .comparison .monitor-screen strong{font-size:37px}.machine .lcd strong,.machine-timer #countdown{font-size:36px}.monitor-screen>span{font-size:7px}.machine-timer #round-label{font-size:10px}.machine-label{font-size:7px}#prompt.bet-confirmed{font-size:10px;padding:4px 7px}}
@media(max-height:600px){.scene-labels .comparison .monitor-screen strong{font-size:31px}.machine .lcd strong,.machine-timer #countdown{font-size:29px}.monitor-screen>span{font-size:6px}.machine-label{font-size:6px}.machine-timer #round-label{font-size:9px}#prompt.bet-confirmed{font-size:9px;padding:3px 6px}}

/* History remains available on demand; the main scene focuses on the current round. */
.game{--road-height:0px}.road-panel{display:none}

/* Fake action uses scene depth, not an overlay containing the customer. */
.fake-fx.active{display:contents}
.fake-target-plane{position:absolute;inset:0;z-index:10;clip-path:inset(0 0 38% 0);pointer-events:none}
.fake-fx .fake-stamp{z-index:28;top:25%}.fake-fx .impact-stars{z-index:27;top:45%}
.game>.teller-gun{display:none;z-index:45;bottom:-5%;width:76%;left:12%;pointer-events:none;animation-delay:var(--fake-delay,0ms)}
.game:has(.fake-scene)>.teller-gun{display:block}
.game>.teller-gun .muzzle-flash{animation-delay:var(--fake-delay,0ms)}
.game:has(.fake-scene)::after{content:'';position:absolute;inset:calc(var(--brand-height) + var(--road-height)) 0 0;background:url('assets/hg-bank-no-hands.webp') center/100% 100% no-repeat;clip-path:inset(84% 0 0);z-index:-1;pointer-events:none}
@keyframes fake-hit{0%,22%{transform:translateY(0)}27%,35%,43%{transform:translateX(-3px) rotate(-3deg)}31%,39%,47%{transform:translateX(3px) rotate(3deg)}55%{transform:translateY(5%) rotate(-8deg);opacity:1}78%,100%{transform:translate(-12%,55%) rotate(-25deg);opacity:0}}

/* Larger counter customer; painted flame sprite anchored at the barrel tip. */
.customer{width:44%}
.muzzle-flash{left:35%;top:-12%;width:26%;height:27%;background:url('assets/muzzle-flash.webp') center/contain no-repeat;clip-path:none;filter:drop-shadow(0 0 5px #ffc94c);transform-origin:50% 100%}
.fake-fx .impact-stars{left:47%;top:56%;width:6%;height:6%;background:url('assets/muzzle-flash.webp') center/contain no-repeat;transform:rotate(28deg);filter:drop-shadow(0 0 3px #ffd354)}
@keyframes gun-flash{0%,23.2%,27.3%,31.3%,35.4%,39.4%,43.5%,47.5%,51.6%,100%{opacity:0;scale:.8}21.2%,29.3%,37.4%,45.5%{opacity:1;scale:1.1}25.3%,33.4%,41.5%,49.6%{opacity:1;scale:.94}}

#prompt{font-size:11px;font-weight:900;color:#375844}#prompt.bet-waiting{color:#6b472c;background:#fff0cddd;border-radius:6px;padding:4px 9px}

/* Clear stake-exclusive reward preview. */
.choice .net-profit{display:block!important;font-size:clamp(10px,1.8vw,14px);line-height:1.2;font-weight:900;color:#fff;letter-spacing:0;text-shadow:0 1px 2px #0008;margin-top:3px}
.side-choices .choice .net-profit{font-size:clamp(9px,1.5vw,12px);margin-top:1px}
.choice.fake .net-profit{color:#453111;text-shadow:none}
.live-choices>.choice{height:126px;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.side-choices{height:126px;grid-template-rows:1fr 1fr}
.side-choices .choice{display:flex;flex-direction:column;align-items:center;justify-content:center}
.side-choices .choice .net-profit{font-size:9px;white-space:nowrap}
@media(max-width:360px){.side-choices .choice .net-profit{font-size:8px}.choice .net-profit{font-size:10px}}
@media(max-height:600px){.live-choices>.choice{height:112px;min-height:112px}.side-choices{height:112px}}

.choice .net-profit span,.choice .net-profit strong{display:block;font-style:normal;line-height:1.1}.choice .net-profit span{font-size:8px;letter-spacing:.3px}.choice .net-profit strong{font-size:14px;margin-top:2px}.side-choices .choice .net-profit span{font-size:7px}.side-choices .choice .net-profit strong{font-size:10px;margin-top:1px}.side-choices #fake .net-profit span,.side-choices #fake .net-profit strong{display:inline;margin:0 2px}

.table-strip{position:absolute;z-index:8;left:12px;right:12px;top:calc(var(--brand-height) + 5px);display:flex;justify-content:space-between;gap:6px;padding:6px 9px;border:1px solid #b79d6f;border-radius:8px;background:#fff4dceF;color:#57462b;font-size:9px;font-weight:800;box-shadow:0 2px 4px #4d392226}.table-strip span:last-child{color:#28764c}.table-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.table-metrics>div{background:#e5eedc;border-radius:9px;padding:10px;text-align:center}.table-metrics small{display:block;font-size:9px}.table-metrics b{display:block;font-size:22px;margin-top:4px}.table-round{font-size:11px;font-weight:bold}.table-options{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.table-options>div{background:#f0eadc;border-radius:6px;padding:8px 2px;text-align:center}.table-options b,.table-options span,.table-options strong{display:block;font-size:9px}.table-options span{margin:5px 0;color:#777}.table-round-results{border:1px solid #cbbd9f;border-radius:8px;margin:8px 0;padding:9px}.table-round-results summary{cursor:pointer;font-size:11px;font-weight:800}.table-result-total{display:flex;justify-content:space-between;gap:8px;margin:12px 0;font-size:8px}.table-result-total b{display:block;font-size:15px;color:#267548}.table-ledger-head,.table-player{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #dfd8c7;font-size:10px}.table-player small{display:block;font-size:9px;margin-top:4px}.table-player>span:last-child,.table-ledger-head>span:last-child{text-align:right}.table-player.winner>span:last-child{color:#227345}.table-player>span:last-child{color:#a44d39}.table-ledger-head{font-size:8px;color:#777}

/* One header entry for presence, stakes and settled player returns. */
.statusbar{gap:7px}.statusbar .game-logo{width:105px;flex:none}.statusbar .wallet{margin-left:0;flex:none}.statusbar #settings{margin-left:0;flex:none}
.statusbar .header-table{position:static;inset:auto;z-index:auto;flex:1;min-width:0;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 0;background:transparent;border:0;border-radius:7px;box-shadow:none;color:#5c513e;line-height:1.15;font-size:8px}
.header-table>span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-table .table-online{display:flex;align-items:center;gap:5px;color:#3b6d53}.header-table .online-count{display:flex!important;gap:4px}.header-table .online-count svg{width:12px;height:12px}.header-table .online-count #online{font-size:11px;font-weight:900}.header-table .live-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#4ea467;box-shadow:0 0 0 2px #4ea46722}.header-table #table-wins{color:#28764c;font-size:8px}.header-table:focus-visible{outline:2px solid #3b775a;outline-offset:2px}
@media(max-width:350px){.statusbar{gap:5px}.statusbar .game-logo{width:80px}.statusbar .header-table{font-size:7px;gap:2px}.header-table #table-wins{font-size:7px}}
.statusbar .header-table{font-size:10px;gap:4px}.header-table #table-wins{font-size:9px}.header-table .online-count #online{font-size:12px}@media(max-width:350px){.statusbar .header-table{font-size:9px;gap:3px}.header-table #table-wins{font-size:8px}}

.modal-heading>div:first-child{flex:1}.menu-home{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#dfe9cc;color:#506d45;flex:none;margin-right:8px}.menu-home[hidden]{display:none}.menu-home svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-home:focus-visible{outline:2px solid #426b4c;outline-offset:2px}.menu-links{display:grid;gap:8px;margin-top:18px}.menu-links button{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid #c8d2b5;border-radius:10px;background:#e5ecd7;color:#405c3f;font-size:14px;font-weight:700;text-align:left}.menu-links button span{font-size:23px;line-height:1;color:#7c916b}
