*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#08030e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
button{border:0;padding:0;background:none;color:inherit;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#舞台{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at center,#2d1748,#08030e 75%)}
#游戏{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0;isolation:isolate}
.满屏{position:absolute;inset:0;width:1920px;height:1080px;object-fit:fill;pointer-events:none}
.背景{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.框架{z-index:20}

.玩家区{position:absolute;left:24px;top:24px;width:360px;height:126px;z-index:30;display:flex;align-items:center;gap:18px;padding:8px 20px 8px 8px;border:3px solid #dcae4b;border-radius:60px;background:linear-gradient(90deg,#1b0929e8,#3d1759bf);box-shadow:0 0 24px #6f37b788}
.头像框{position:relative;width:104px;height:104px;flex:0 0 104px;border:4px solid #ffd86d;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#7a38a3,#190524)}
#玩家头像{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
#头像占位{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;color:#ffe49a}
.玩家文字{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:24px;color:#f4dfff}
.玩家文字 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:32px;color:#fff0a8}
.玩家文字 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.文字按钮{border:3px solid #e8bd5d;border-radius:24px;background:linear-gradient(#632d84,#2c0b41);box-shadow:inset 0 0 12px #e9bc6b77,0 4px 12px #0008;color:#fff1ad;font-weight:800;cursor:pointer}
.文字按钮:active{transform:translateY(3px);filter:brightness(.86)}
.返回按钮{position:absolute;left:36px;top:164px;width:164px;height:58px;z-index:31;font-size:26px}
.客服按钮{position:absolute;left:216px;top:164px;width:132px;height:58px;z-index:31;font-size:26px}
.公告{position:absolute;left:540px;top:104px;width:840px;height:50px;z-index:22;display:flex;align-items:center;justify-content:center;border:2px solid #d8a947;border-radius:25px;background:#250d3bcc;color:#ffeaa0;font-size:26px;text-shadow:0 2px 5px #000}
.彩金{position:absolute;right:44px;top:142px;width:360px;height:64px;z-index:30;display:flex;align-items:center;justify-content:center;gap:20px;border:3px solid #e5b54e;border-radius:28px;background:#2b0b3ee8;font-size:27px;color:#dcbcff}
.彩金 strong{width:220px;white-space:nowrap;text-align:center;color:#ffea8a}

#转轴视口{position:absolute;left:408px;top:168px;width:1104px;height:588px;z-index:10;overflow:hidden;contain:layout paint;transform:translateZ(0)}
#滚轮画布{position:absolute;inset:0;width:1104px;height:588px;display:block;transform:translateZ(0);will-change:transform}
#中奖层{position:absolute;inset:0;pointer-events:none}
.中奖格{position:absolute;width:208px;height:188px;background:url("../特效/中奖/中奖光效.png") center/100% 100% no-repeat;opacity:0;transform:scale(.92);will-change:opacity,transform}
.中奖格.亮起{animation:中奖闪耀 .7s ease-in-out infinite alternate}
@keyframes 中奖闪耀{to{opacity:1;transform:scale(1.06);filter:brightness(1.25)}}

#提示{position:absolute;left:420px;top:790px;width:1100px;height:62px;z-index:32;display:flex;align-items:center;justify-content:center;color:#fff3a6;font-size:34px;font-weight:900;text-shadow:0 0 14px #9f54ff,0 3px 4px #000}
#免费栏{position:absolute;left:600px;top:842px;width:720px;height:72px;z-index:32;display:none;align-items:center;justify-content:space-around;border:3px solid #f7aa3e;border-radius:30px;background:#3b0b34e8;color:#ffe9a4;font-size:29px;box-shadow:0 0 25px #fe5f4977}
#免费栏>span{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;line-height:26px}
#免费栏 strong{display:block;width:90%;text-align:center;white-space:nowrap;color:#fff;font-size:30px;line-height:34px}
#大奖提示{position:absolute;left:560px;top:330px;width:800px;height:250px;z-index:110;display:none;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;text-shadow:0 0 18px #7d35ff,0 5px 8px #000}
#大奖提示 strong{font-size:100px;line-height:1;color:#ffe377}
#大奖提示 span{width:90%;margin-top:18px;font-size:62px;font-weight:900;color:#fff6ca;white-space:nowrap;text-align:center}
#大奖提示.播放{display:flex;animation:大奖出现 1.8s cubic-bezier(.2,.9,.2,1) both}
@keyframes 大奖出现{0%{opacity:0;transform:scale(.35)}25%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}

.数据区{position:absolute;left:220px;top:918px;width:1110px;height:104px;z-index:32;display:flex;gap:10px}
.数据框{position:relative;width:270px;height:104px;text-align:center}
.数据框 img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.数据框 span,.数据框 strong{position:absolute;left:14%;right:14%;z-index:1;display:block;text-align:center;white-space:nowrap;text-shadow:0 2px 4px #000}
.数据框 span{top:26px;height:24px;color:#d8bfff;font-size:21px;line-height:24px}
.数据框 strong{top:50px;height:26px;color:#fff1a1;font-size:28px;line-height:26px;font-variant-numeric:tabular-nums}

.图片按钮,.圆形文字按钮{position:absolute;cursor:pointer;transform:translateZ(0);will-change:transform,filter}
.图片按钮 img,.圆形文字按钮 img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.图片按钮:active,.圆形文字按钮:active{transform:translateY(4px) scale(.97);filter:brightness(.82)}
.图片按钮.开启,.圆形文字按钮.开启{filter:drop-shadow(0 0 15px #e7baff) brightness(1.12)}
.减注{left:1350px;top:915px;width:120px;height:120px;z-index:34}
.加注{left:1470px;top:915px;width:120px;height:120px;z-index:34}
.短标签{position:absolute;left:10%;right:10%;bottom:5px;z-index:2;text-align:center;color:#fff4b7;font-size:22px;font-weight:900;text-shadow:0 2px 4px #000}
.主按钮{left:1605px;top:790px;width:270px;height:270px;z-index:34}
.主按钮 span{position:absolute;left:23%;right:23%;bottom:41%;z-index:2;display:flex;align-items:center;justify-content:center;height:52px;border-radius:26px;background:#260733d9;color:#fff0a4;font-size:34px;font-weight:900;text-shadow:0 3px 5px #000}

.左侧控制{position:absolute;left:28px;top:820px;width:390px;height:126px;z-index:34;display:flex;gap:4px}
.左侧控制 .圆形文字按钮{position:relative;width:126px;height:126px}
.圆形文字按钮 span{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff0aa;font-size:25px;font-weight:900;text-shadow:0 3px 5px #260025}
.右上控制{position:absolute;right:24px;top:14px;width:650px;height:88px;z-index:34;display:flex;gap:5px}
.右上控制 .小按钮{position:relative;width:88px;height:88px;flex:0 0 88px}
.右上控制 .小按钮 span{font-size:19px}

.弹窗{position:absolute;left:400px;top:170px;width:1120px;max-height:740px;z-index:130;display:none;overflow:auto;padding:48px 58px;border:6px solid #e8ba54;border-radius:42px;background:#180625f5;box-shadow:0 0 80px #000;color:#f9ecff;font-size:30px;line-height:1.65}
.弹窗 h2{margin:0 0 22px;color:#ffe58e;font-size:48px;text-align:center}
.弹窗 p{margin:12px 0}
.赔率表{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:27px}
.赔率表 th,.赔率表 td{border-bottom:1px solid #805b94;padding:10px 8px}
.赔率表 th{color:#ffe58e}.赔率表 img{display:block;width:88px;height:88px;object-fit:contain;margin:auto}
.赔率图标{display:flex;align-items:center;justify-content:center;gap:10px}
.线路示意{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}
.线路列{display:grid;gap:10px}.线路格{height:70px;border:2px solid #9f7c42;border-radius:8px;display:flex;align-items:center;justify-content:center}
.线路格 img{width:64px;height:64px;object-fit:contain}.线路格.命中{border-color:#ffe480;background:#704197}
.弹窗 .文字按钮{display:block;width:190px;height:64px;margin:32px auto 0;font-size:28px}
.转场{display:none;z-index:120;opacity:0}
#加载遮罩{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle,#5b2479,#12041e 70%);color:#ffeaa0}
#加载遮罩 strong{font-size:76px;text-shadow:0 0 24px #e4b3ff}
#加载遮罩 span{font-size:30px}

@media (prefers-reduced-motion:reduce){.中奖格.亮起{animation-duration:1.4s}}

/* 竖屏使用同一设计坐标和统一比例，框架、滚轮、中奖格不分别拉伸。 */
#舞台[data-portrait="true"]{overflow-x:hidden;overflow-y:auto}
#游戏[data-portrait="true"]{height:2070px;overflow:visible}
#游戏[data-portrait="true"] .玩家区{left:350px;top:-360px;width:570px;height:156px}
#游戏[data-portrait="true"] .返回按钮{left:1030px;top:-350px;width:250px;height:82px;font-size:36px}
#游戏[data-portrait="true"] .客服按钮{left:1320px;top:-350px;width:260px;height:82px;font-size:36px}
#游戏[data-portrait="true"] .彩金{left:980px;right:auto;top:-230px;width:600px;height:78px;font-size:36px}
#游戏[data-portrait="true"] .公告{left:350px;top:-120px;width:1230px;height:84px;font-size:34px}
#游戏[data-portrait="true"] #提示{left:350px;top:900px;width:1230px;height:66px;font-size:40px}
#游戏[data-portrait="true"] #免费栏{left:365px;top:980px;width:1210px;height:100px}
#游戏[data-portrait="true"] .右上控制{left:365px;right:auto;top:1100px;width:1212px;height:156px;gap:20px}
#游戏[data-portrait="true"] .右上控制 .小按钮{width:156px;height:156px;flex:0 0 156px}
#游戏[data-portrait="true"] .右上控制 .小按钮 span{font-size:36px}
#游戏[data-portrait="true"] .数据区{left:414px;top:1280px;width:1112px;height:432px;display:grid;grid-template-columns:540px 540px;grid-template-rows:208px 208px;gap:16px 32px}
#游戏[data-portrait="true"] .数据框{transform:scale(2);transform-origin:0 0}
#游戏[data-portrait="true"] .左侧控制{left:355px;top:1760px;width:580px;height:180px;gap:20px}
#游戏[data-portrait="true"] .左侧控制 .圆形文字按钮{width:180px;height:180px;flex:0 0 180px}
#游戏[data-portrait="true"] .左侧控制 .圆形文字按钮 span{font-size:36px}
#游戏[data-portrait="true"] .减注{left:950px;top:1780px;width:150px;height:150px}
#游戏[data-portrait="true"] .加注{left:1110px;top:1780px;width:150px;height:150px}
#游戏[data-portrait="true"] .短标签{font-size:30px}
#游戏[data-portrait="true"] .弹窗{left:350px;top:-180px;width:1230px;max-height:1950px}
#游戏[data-portrait="true"] #加载遮罩{left:324px;top:-360px;right:auto;bottom:auto;width:1293px;height:2430px}