.slots-view{width:min(490px,100%);margin:8px auto;background:#ecf1fa;border:3px solid #9cb9d3;border-radius:12px;overflow:hidden}.slots-view[hidden]{display:none}.sl-top{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#bfd5eb}.sl-top h1{font-size:19px;margin:0}.sl-tabs{display:flex}.sl-tabs button{flex:1;border:1px solid #8b9fbd;border-radius:0;padding:12px;color:#3d5988;font-weight:bold;background:#ebf2ff}.sl-tabs button.on{background:#507bc5;color:#fff}.sl-money{display:flex;justify-content:space-around;padding:10px;font-size:12px;font-weight:bold;color:#3a527b;gap:8px}.sl-stage{background:center/cover no-repeat;min-height:550px;padding:12px}.sl-grid{display:grid;grid-template:repeat(3,minmax(115px,1fr))/repeat(3,minmax(0,1fr));gap:12px;margin:25px 0;background:url('/assets/slots/gb_normal_mid_bg.png') center/100% 100% no-repeat}.sl-prize{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url('/assets/slots/gb_icon_bg.png') center/100% 100% no-repeat;padding:10px;color:#34436b;font-size:11px;text-align:center}.sl-prize img{width:54px;height:54px;object-fit:contain}.sl-prize b{font-size:15px}.sl-prize span{line-height:1.2}.sl-prize.exhausted{filter:grayscale(1);opacity:.5}.sl-refresh{display:flex;align-items:center;justify-content:center}.sl-stage button{border-radius:9px;border:2px solid #cfe4ff;background:#427abd;color:white;padding:9px;font-weight:bold;cursor:pointer}.sl-stage button:disabled{opacity:.55;cursor:default}.sl-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sl-actions button{background:linear-gradient(#efb762,#d18c38);color:#fff}.sl-note{background:#ffffffe8;padding:10px;border-radius:7px;line-height:1.5;font-size:12px;color:#43526e}.sl-history{background:#ffffffe8;padding:10px;margin:10px 0;border-radius:8px;font-size:12px}.sl-history-item{display:inline-flex;align-items:center;gap:4px;margin:4px}.sl-history-item img{width:30px;height:30px}.sl-history-item span{max-width:85px;font-size:10px}@media(max-width:380px){.sl-grid{gap:6px;grid-template-rows:repeat(3,110px)}.sl-prize img{width:44px;height:44px}.sl-refresh button{font-size:10px;padding:4px}}

/* Readable reward labels over original dark Slot assets. */
.sl-prize{color:#fff;text-shadow:0 1px 2px #000}.sl-prize.exhausted{opacity:.68}.sl-prize span{background:#0007;padding:2px 4px;border-radius:3px}.sl-prize small{color:#ffe2a4}

.sl-actions{position:relative;padding-right:42px}.sl-actions .sl-bulk-selector{position:absolute;right:0;top:0;bottom:0;width:38px;min-height:50px;padding:5px 2px;background:linear-gradient(#fff1ad,#f8c455);color:#975527;border-color:#dfab61;border-radius:4px;writing-mode:vertical-rl}.sl-bulk-selector:focus-visible{outline:3px solid #2955a5;outline-offset:3px}

/* Original dealer Spines; controls retain normal/senior distinctions. */
.sl-toolbar{display:flex;align-items:center;gap:5px;justify-content:flex-end}.sl-toolbar button{font-size:10px;padding:5px}.sl-toolbar .sl-illustrated{display:flex;flex-direction:column;align-items:center;background:#ffffffd9;color:#364d77}.sl-illustrated img{height:32px;max-width:50px;object-fit:contain}.sl-dealer{height:255px;position:relative;overflow:hidden}.sl-dealer-model{height:100%;width:100%;display:flex;justify-content:center}.sl-dealer-model canvas{height:100%;width:auto;max-width:100%;object-fit:contain}.sl-dealer-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.sl-skip{background:#ffffffdf;padding:6px 12px;color:#3a537e;border-radius:6px;display:flex;align-items:center;gap:4px}.sl-grid{margin:8px 0 16px}.sl-refresh{flex-direction:column;gap:7px;min-width:0}.sl-refresh button{background:#5eae8a;font-size:11px;padding:7px 3px;max-width:100%}.sl-clock{font-size:13px;color:#f8ea61;text-shadow:0 1px 2px #000;text-align:center}.sl-lit{filter:drop-shadow(0 0 5px #ffe557);outline:3px solid #ffe557;border-radius:10px}.sl-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.sl-shop-item{display:flex;flex-direction:column;align-items:center;background:#f3f2ffff;border:2px solid #c3c5dc;border-radius:10px;padding:12px;gap:5px;color:#3b4e77;text-align:center;font-size:12px}.sl-shop-item img{width:70px;height:70px;object-fit:contain}.sl-shop-item button{width:100%;font-size:12px}.sl-shop-refresh{display:flex;flex-direction:column;align-items:center;gap:7px;margin:16px}.sl-probability{display:grid;grid-template-columns:50px 50px 1fr 70px;align-items:center;gap:5px;background:#fffffff0;border-radius:8px;padding:8px;margin:7px 0;color:#405678;font-size:11px}.sl-probability img{width:45px;height:45px;object-fit:contain}.sl-probability small{grid-column:2/-1}.sl-dealer-fallback{background:#fff;padding:15px;height:fit-content}.sl-stage h2{color:#3e5881;background:#ffffffdb;padding:8px;border-radius:8px;font-size:20px}
@media(max-width:380px){.sl-toolbar{gap:3px}.sl-toolbar button{font-size:9px}.sl-dealer{height:225px}.sl-actions{gap:5px}.sl-actions button{font-size:11px;padding:8px}.sl-probability{grid-template-columns:45px 35px 1fr 60px}}
/* GambleWindow chrome (WAVE-045): ticket bar with the back button, nav_btn sprite tabs (grey + lock when High Stakes is
   closed) and the round Probability / Help buttons. */
.slots-view .sl-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(#f4f8ff,#dfe9f7);border:0}
.slots-view .sl-res{display:inline-flex;align-items:center;gap:5px;padding:2px 12px 2px 3px;border-radius:18px;background:#fff;font:800 14px system-ui;color:#34466a}.slots-view .sl-res img{width:26px;height:26px;object-fit:contain}
.slots-view .sl-back{margin-left:auto;border:0;background:none;padding:0;width:62px;cursor:pointer}.slots-view .sl-back img{width:100%}
.slots-view .sl-navsprite{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px 12px;background:none}
.slots-view .sl-navsprite button{position:relative;height:40px;border:0;border-radius:0;background:center/100% 100% no-repeat;color:#6b7a95;font:800 17px system-ui;box-shadow:none}
.slots-view .sl-navsprite button.on{color:#fff;text-shadow:0 1px 2px #1d4f9a}
.slots-view .sl-navlock{position:absolute;right:22%;top:6px;height:26px}
.slots-view .sl-round{width:46px;height:46px;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;cursor:pointer}.slots-view .sl-round img{width:100%;height:100%}

/* WAVE-046: GambleWindow at prefab coordinates (docs/references/2026-09-30-user-b/01 and 05). One 720-unit canvas. */
.slots-view{container-type:inline-size;background:#eef2f9}.slots-view .sl-board{--u:calc(100cqw / 720);position:relative;height:calc(1014 * var(--u));min-height:0;padding:0;margin:0 calc(8 * var(--u)) calc(8 * var(--u));background-size:cover;background-position:center top;border-radius:calc(10 * var(--u));overflow:hidden;box-shadow:0 0 0 2px #c9d6e8}
.sl-board>*{position:absolute;box-sizing:border-box}
.sl-board .sl-dealer-model{display:flex;justify-content:center;cursor:pointer}.sl-board .sl-dealer-model canvas{width:100%!important;height:100%!important;object-fit:contain}
.sl-board .sl-bubble{border:0;padding:calc(18 * var(--u)) calc(28 * var(--u)) calc(34 * var(--u));background:url('/assets/slots/gb_dialog_bg.png') center/100% 100% no-repeat;color:#7a5a3a;font:600 calc(19 * var(--u))/1.35 system-ui;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
.sl-board .sl-skipbtn{border:0;border-radius:calc(8 * var(--u));background:#fffffff0;box-shadow:0 1px 3px #0003;display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(12 * var(--u));color:#4a6590;font:700 calc(20 * var(--u)) system-ui;cursor:pointer}
.sl-board .sl-skipbtn i{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:calc(4 * var(--u));background:#e9eef6;box-shadow:inset 0 0 0 1px #aab8cc;display:grid;place-items:center;font-style:normal;color:#3d80d6;font-weight:900}.sl-board .sl-skipbtn.on i::after{content:'✔';font-size:calc(22 * var(--u))}
.sl-board .sl-go{border:0;background:url('/assets/slots/common_btn_icon_1.png') center/100% 100% no-repeat;color:#4a6590;font:700 calc(20 * var(--u)) system-ui;cursor:pointer;white-space:nowrap}
.sl-mid{background:center/100% 100% no-repeat;pointer-events:none}
.sl-cell{background:url('/assets/slots/gb_icon_bg.png') center/100% 100% no-repeat;display:grid;place-items:center}
.sl-cell.sl-lit{outline:0;filter:none;background-image:url('/assets/slots/gb_icon_select_bg.png');background-size:108% 108%}
.sl-cell.exhausted .sl-icon{filter:grayscale(1);opacity:.6}.sl-cell small{position:absolute;left:0;right:0;bottom:calc(-2 * var(--u));text-align:center;font:800 calc(15 * var(--u)) system-ui;color:#ffe2a4;text-shadow:0 1px 2px #000}
.sl-icon{position:relative;width:calc(100 * var(--u));height:calc(100 * var(--u));background:center/100% 100% no-repeat;border-radius:calc(8 * var(--u))}
.sl-icon img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;border-radius:calc(6 * var(--u))}
.sl-icon b{position:absolute;right:calc(5 * var(--u));bottom:calc(1 * var(--u));font:800 calc(20 * var(--u)) system-ui;color:#fff;-webkit-text-stroke:calc(4 * var(--u)) #3b3355;paint-order:stroke fill}
.sl-next{display:block;text-align:center;font:800 calc(22 * var(--u)) system-ui;color:#f3c24a}.sl-board .sl-clock{display:block;text-align:center;font:800 calc(24 * var(--u)) system-ui;color:#e9f36b;text-shadow:none}
.sl-board .sl-refresh-btn{border:0;background:url('/assets/slots/green_btn148.png') center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--u));color:#fff;font:800 calc(22 * var(--u)) system-ui;-webkit-text-stroke:calc(3 * var(--u)) #2f7e5c;paint-order:stroke fill;cursor:pointer;padding:0}
.sl-board .sl-refresh-btn img{width:calc(34 * var(--u));height:calc(34 * var(--u))}.sl-board .sl-refresh-btn small{font-size:calc(16 * var(--u))}.sl-board .sl-refresh-btn.free span{font-size:calc(19 * var(--u))}
.sl-board button:disabled{filter:grayscale(.7);opacity:.75;cursor:default}
.sl-board .sl-use{border:0;background:url('/assets/slots/gb_btn_use_bg.png') center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));padding:0;color:#6b4a2b;font:800 calc(28 * var(--u)) system-ui;cursor:pointer}
.sl-board .sl-use img{width:calc(50 * var(--u));height:calc(50 * var(--u));object-fit:contain}.sl-board .sl-use small{position:absolute;left:calc(56 * var(--u));bottom:calc(10 * var(--u));font:800 calc(16 * var(--u)) system-ui;color:#fff;-webkit-text-stroke:calc(3 * var(--u)) #6b4a2b;paint-order:stroke fill}
.sl-board .sl-side{border:0;background:url('/assets/slots/gb_side_btn.png') center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(50 * var(--u));color:#b8563a;font:800 calc(26 * var(--u)) system-ui;cursor:pointer}.sl-board .sl-side span{font-size:calc(24 * var(--u))}
.sl-board .sl-round{border:0;background:none;padding:0;border-radius:50%}.sl-board .sl-round img{width:100%;height:100%}
.sl-board .sl-deco{border:0;background:none;padding:0}.sl-board .sl-deco img{width:100%;height:100%;object-fit:contain}.sl-deco span{position:absolute;left:-20%;right:-20%;bottom:calc(-4 * var(--u));text-align:center;font:800 calc(17 * var(--u)) system-ui;color:#fff;-webkit-text-stroke:calc(3 * var(--u)) #7a3d2b;paint-order:stroke fill}
.sl-board .sl-load{border:0;border-radius:calc(8 * var(--u));background:#4d8ad1;color:#fff;font:700 calc(18 * var(--u)) system-ui}
.sl-panel{left:calc(30 * var(--u));right:calc(30 * var(--u));top:calc(100 * var(--u));bottom:calc(30 * var(--u));background:#f7f9fdf5;border-radius:calc(14 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) #b9cbe3,0 6px 20px #0005;overflow:auto;padding:calc(16 * var(--u));z-index:5}
.sl-panel h2{margin:0 0 calc(10 * var(--u));text-align:center;color:#4a6590;background:none;font-size:calc(28 * var(--u))}
.sl-board .sl-panel-close{position:sticky;float:right;top:0;width:calc(40 * var(--u));height:calc(40 * var(--u));border:0;background:url('/assets/slots/close_btn_2.png') center/70% no-repeat,#e5ecf6;border-radius:50%;cursor:pointer}
.sl-history-grid{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u))}.sl-history-grid .sl-icon{width:calc(80 * var(--u));height:calc(80 * var(--u))}
.sl-board .sl-msg{left:calc(60 * var(--u));right:calc(60 * var(--u));bottom:calc(120 * var(--u));text-align:center;z-index:6}.sl-board .sl-locked{left:calc(60 * var(--u));right:calc(60 * var(--u));top:calc(400 * var(--u))}
.slots-view .sl-navsprite button{font-size:calc(22 * 100cqw / 720)}

.sl-board button{border-radius:0;box-shadow:none}.sl-board .sl-skipbtn{border-radius:calc(8 * var(--u));box-shadow:0 1px 3px #0003}.sl-board .sl-load{border-radius:calc(8 * var(--u))}.sl-board .sl-panel-close{border-radius:50%}
