*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#140d15;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55}button:focus-visible{outline:3px solid #fff}button{border:0} [hidden]{display:none!important}#stage{position:relative;margin:0 auto;overflow:hidden;background:#201523;width:100%;height:100%}#poster,#background,#overlay{position:absolute;left:0;top:0;width:100%;height:100%}#poster{background-position:center;background-size:100% 100%}#background{object-fit:fill;pointer-events:none}#overlay{z-index:2}#sound{position:absolute;right:8px;bottom:7px;z-index:8;font-size:11px;background:rgba(0,0,0,.48);border:1px solid #d5b373;color:#ffedb5;border-radius:12px;padding:5px 10px}.art-button{position:absolute;background:transparent;padding:0;min-height:44px}.art-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.member-title{position:absolute;top:1.8%;left:4%;width:92%;height:7%}.member-title img{width:100%;height:100%;object-fit:contain}.member{top:10%;left:29%;width:42%;height:9%}.member.active{font-size:28px;font-weight:bold;color:#f8d577;text-shadow:2px 2px #530b0b}.play-0{left:1%;top:20%;width:49%;height:10%}.play-1{left:51%;top:20%;width:47%;height:10%}.play-2{left:1%;top:36%;width:49%;height:10%}.play-3{left:51%;top:36%;width:47%;height:10%}.play-4{left:1%;top:52%;width:49%;height:10%}.play-5{left:51%;top:52%;width:47%;height:10%}.home-return{left:19%;top:67%;width:62%;height:11%}.history-button{left:1%;top:81%;width:48%;height:9%}.hk-button{left:51%;top:81%;width:48%;height:9%}.title{position:absolute;text-align:center;left:3%;width:94%;top:12%;font-size:22px;line-height:1.5;color:#fff2af;font-weight:bold;text-shadow:1px 2px 3px #380000}.title small{display:block;font-size:17px}.title.oneArt{left:47%;width:51%;top:11%;font-size:17px}.title.oneArt small{font-size:16px}.back{position:absolute;left:12px;top:10px;z-index:4;background:rgba(30,10,10,.65);border:1px solid #dbb770;color:#fff0bf;border-radius:20px;padding:8px 15px;min-height:40px}.previous{position:absolute;left:4%;top:43%;width:92%;text-align:center;text-shadow:1px 2px 3px #300;font-size:22px;color:#ffefa9;font-weight:bold}.previous .balls{margin-top:10px;white-space:nowrap}.ball{width:11%;max-width:50px;vertical-align:middle}.plus{display:inline-block;font-size:22px;vertical-align:middle}.start{position:absolute;right:8%;top:29%;border:1px solid #ffe9a6;border-radius:26px;background:#8a151de6;background:rgba(138,21,29,.9);color:#ffe8a0;font-size:22px;padding:12px 23px;box-shadow:0 3px 14px #210c0c}.number{position:absolute;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}.lantern-word{position:absolute;text-align:center;color:#fff1ab;font-size:26px;font-weight:bold;text-shadow:2px 2px 3px #650909;transform:translate(-50%,-50%);white-space:nowrap}.counting{position:absolute;bottom:12%;left:10%;width:80%;font-size:16px;text-align:center;color:#ffe7ac;text-shadow:1px 2px #300}.skip{display:block;margin:12px auto 0;padding:9px 16px;border-radius:20px;color:#ffefc0;background:rgba(0,0,0,.65);border:1px solid #dbb770}.modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:50;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:24px}.modal section{width:100%;max-width:360px;background:#fff8e9;border:1px solid #d8b679;border-radius:16px;padding:25px;color:#341c18;box-shadow:0 20px 80px #000}.modal h2{margin:0 0 14px}.modal p{font-size:14px;line-height:1.7}.modal input{width:100%;padding:13px;border:1px solid #c9ae8d;border-radius:7px;color:#321;background:#fff;text-transform:uppercase}.modal button{width:100%;padding:13px;margin-top:14px;background:#8d2025;color:#fff2d5;border-radius:7px}.modal .secondary{background:transparent;border:1px solid #b8a190;color:#65483b}#mediaNote{position:absolute;bottom:40px;left:8%;width:84%;z-index:8;text-align:center;font-size:12px;color:#ffeaba;background:rgba(0,0,0,.6);padding:7px;border-radius:8px}#mediaNote button{color:#ffefc3;background:transparent;text-decoration:underline}#notice{position:absolute;top:3%;left:10%;width:80%;padding:12px;background:#fff2c9;color:#491918;border-radius:8px;z-index:12;font-size:14px;text-align:center}.records{position:absolute;top:14%;bottom:6%;left:5%;width:90%;overflow-y:auto;-webkit-overflow-scrolling:touch}.record{background:rgba(18,10,25,.87);border:1px solid #b49561;border-radius:10px;padding:15px;margin:0 0 14px}.record h3{margin:0 0 12px;color:#ffe29c;font-size:17px}.record p{margin:8px 0;font-size:14px}.record img{height:35px;max-width:14%;object-fit:contain;vertical-align:middle}.record span{display:inline-block;min-width:90px}.record .date{color:#bbaa99;font-size:12px}.retry{padding:10px 20px;border-radius:6px;background:#eed69b;color:#321}.offline{padding:20px;line-height:1.8;background:rgba(0,0,0,.7)}@media(max-width:340px){.title{font-size:19px}.title small{font-size:15px}.previous{font-size:19px}.lantern-word{font-size:22px}.member.active{font-size:24px}}

.native-connection{position:absolute;left:8px;bottom:7px;z-index:9;padding:5px 10px;font-size:11px;color:#ffedb5;background:rgba(0,0,0,.5);border:1px solid #b49363;border-radius:12px}

.previous small{display:block;font-size:14px;margin-top:12px}#lanternNumber{background:radial-gradient(ellipse,rgba(255,244,195,.9) 0%,rgba(255,244,195,.65) 35%,rgba(255,244,195,0) 70%)}

@media(max-height:450px){.art-button{min-height:30px}.back{min-height:32px;padding:5px 12px}.member.active{font-size:22px}}
@font-face{font-family:MinfuBrush;src:url('/fonts/MaShanZheng-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
.title,.previous,.member.active,.lantern-word,.back,.start,.counting,.modal h2,.record h3,.record p span{font-family:MinfuBrush,KaiTi,STKaiti,serif;font-weight:normal;text-shadow:-1px -1px 0 #4b1008,1px -1px 0 #4b1008,-1px 1px 0 #4b1008,1px 1px 0 #4b1008,0 3px 4px #210703;-webkit-text-stroke:1px #5d2308}
.title{top:10%;line-height:1.13;color:#ffe69a;pointer-events:none}.title span,.title small{display:block;white-space:nowrap;line-height:1.16;font-weight:normal}.title small{margin-top:9px;color:#ffeab0}.title.oneArt{left:34%;width:64%;top:11%}.title.threeArt{top:11%}.title.hk{top:9%}.title.history{top:9%}.records{top:23%}.previous{font-size:32px}.lantern-word{font-size:32px}.back{font-size:23px}.start{font-size:31px}.title.sixArt{top:13%}.title.three{top:13%}.title.six{top:9%}.record h3{font-size:27px}.record p span{font-size:20px}.member.active{font-size:36px}#lanternNumber{width:16%!important;height:8%!important;transition:none}.lantern-word{transition:none}.number{animation:none}.art-button,button{transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}button:active{transform:scale(.93);filter:brightness(1.25)}.tap-feedback{animation:button-feedback .35s ease-out}.art-button img{transition:filter .12s ease}.art-button:active img{filter:brightness(1.5) drop-shadow(0 0 8px #ffd267)}@keyframes button-feedback{0%{filter:brightness(1.6);transform:scale(.92)}55%{filter:brightness(1.2);transform:scale(1.035)}100%{filter:brightness(1);transform:scale(1)}}
@media(max-height:450px){.back{font-size:17px}.title{top:13%}.title small{margin-top:3px}.title.oneArt{top:16%}.member.active{font-size:25px}}