.player .number,.player .score{color:#f0f0f0;font-weight:700}#tableFee,.player{transition:opacity 1s}#antiGamblingNotice,#tableFee{padding:3px 10px;border-radius:10px;margin:0}#doButton button,#setButton button,.refresh-button button{padding:6px 10px;font-size:14px;box-shadow:0 2px 4px rgba(0,0,0,.1)}#doButton button,#setButton button,.notification,.refresh-button button{box-shadow:0 2px 4px rgba(0,0,0,.1)}#tableFee,.image-container:hover .upload-btn,.notification.show,.tip.show{opacity:1}#mycontent,#tipcontent{text-shadow:-1px -1px 0 rgba(255,255,255,.7),1px 1px 2px rgba(0,0,0,.4),2px 2px 2px rgba(0,0,0,.4),3px 3px 2px rgba(0,0,0,.4),5px 5px 10px rgba(0,0,0,.2)}#explanation,#scaleDisplay,.close,.close-button,.player .number,.player .score{font-weight:700}.coin,.custom-tooltip,.gold-bean{pointer-events:none}body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;overflow:hidden;height:96vh;background-color:#04356d}.scoreboard{position:relative;text-align:center}.player{cursor:move;position:absolute;width:150px;height:70px;background:#ccc;border-radius:4px;text-align:center;user-select:none;line-height:1.2;margin-left:-20px;z-index:2}.rotate-circle{display:none;position:absolute;top:-10px;left:95%;transform:translateX(-50%);cursor:pointer;z-index:9}.player:hover .rotate-circle{display:block}.player .number,.player .score{display:block;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.player .number{font-size:30px}.player .score{font-size:35px}@keyframes changeScore{0%,100%{transform:scale(1)}}.animate{animation:.8s ease-in-out changeScore}.addition-score,.subtraction-score{text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff;animation-name:damageEffect}@-webkit-keyframes moveUpAndFadeOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes moveUpAndFadeOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@-webkit-keyframes bounceOut{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,20deg);transform:rotate3d(0,0,1,20deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes bounceOut{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,20deg);transform:rotate3d(0,0,1,20deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@-webkit-keyframes damageEffect{0%{opacity:.1;-webkit-transform:scale(.1) translateY(0);transform:scale(1) translateY(0)}50%{opacity:1;-webkit-transform:scale(1) translateY(-20px);transform:scale(1) translateY(-20px)}100%{opacity:0;-webkit-transform:scale(.8) translateY(-100px);transform:scale(.8) translateY(-100px)}}@keyframes damageEffect{0%{opacity:.1;transform:scale(.1) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-20px)}100%{opacity:0;transform:scale(.8) translateY(-100px)}}.addition-score,.subtraction-score{position:absolute;font-size:38px;font-weight:700;animation-duration:2s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-fill-mode:forwards;z-index:1005;will-change:transform,opacity,filter;backface-visibility:hidden;perspective:1000px}.addition-score{color:#f56726}.subtraction-score{color:#2bac69}.table-fee-panel{position:absolute;top:38%;left:50%;z-index:9999;transform:translate(-50%,-50%);display:inline-block}.circle{width:300px;height:150px;z-index:1;position:relative}.do-button,.set-button{opacity:.5;z-index:1003;transform:translate(380%,260%);display:inline-block;transition:opacity .3s;left:50%}#antiGamblingNotice,#tableFee,.do-button,.set-button{position:absolute}#tableFee{width:auto;transform:translate(-190%,-300%);white-space:nowrap;font-size:24px;color:#fff;background:rgba(76,175,80,.9)}#antiGamblingNotice{bottom:10px;left:-10px;transform:translateX(-35%);font-size:18px;color:#fff;background:rgba(76,175,80,.6);transition:.3s;box-shadow:0 4px 6px rgba(0,0,0,.1);text-shadow:1px 0 0 #333,-1px 0 0 #333,0 1px 0 #333,0 -1px 0 #333,1px 1px 0 #333,-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333}.set-button{top:45%}.do-button:hover,.set-button:hover{opacity:1;background-color:red}#setButton img{width:40px;height:40px}.do-button{top:56%}#doButton button,#setButton button{background-color:rgba(76,175,80,.4);color:#fff;border:none;border-radius:5px;cursor:pointer}#doButton button:hover,#setButton button:hover,.refresh-button button:hover{background-color:#45a049}.refresh-button{position:fixed;bottom:10px;right:10px;z-index:1002}.refresh-button button{background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.notification{position:fixed;top:0;left:50%;width:300px;transform:translateX(-50%);background-color:red;color:#fff;font-size:20px;border:1px solid #ddd;padding:4px 20px;border-radius:5px;z-index:1001;opacity:0;transition:opacity .3s ease-in-out}#explanation,#passcontent{width:auto;padding:4px;border-radius:4px;text-align:right;box-sizing:border-box}.corner-image,.tip,.top-image{border-radius:25px}#explanation,#mycontent,#passcontent,.top-image{position:fixed;transition:opacity 1s;transform:translate(-50%,-50%)}.corner-image{position:fixed;bottom:50px;right:30px;width:140px;height:140px3 object-fit: cover;z-index:7}.top-image{top:13%;left:50%;width:450px;height:119px;object-fit:cover;z-index:100}.bottom-text{position:fixed;bottom:0;left:0;width:100%;background-color:#bbb;z-index:6;padding:10px;text-align:left;font-size:12px;color:#000}@media (max-width:810px) and (min-width:570px){body,html{background-color:transparent!important}.bottom-text,.chat-box,.corner-image,.refresh-button{display:none}}@media (max-width:569px){body,html{background-color:#04356d}.bottom-text,.chat-box,.corner-image,.refresh-button{display:none}}@media (max-height:550px){#explanation,#localtime,#mycontent,#passcontent,.bottom-text,.chat-box,.corner-image,.refresh-button,.top-image{display:none}}#draggableImg,#draggableserchImg{height:auto;display:inline-block;vertical-align:middle}.scroll-tip-box{position:fixed;top:65%;left:0;bottom:0;right:0;width:380px;max-width:90%;margin:auto;z-index:99;gap:10px}.tip{display:flex;align-items:center;justify-content:space-between;background-color:rgba(0,0,0,.75);color:#fff;padding:10px 16px;margin-bottom:10px;font-size:18px;transition:transform .3s ease-in-out,opacity .5s;opacity:0;transform:translateX(-100%)}.tip.show{transform:translateX(0)}.tip.hide{opacity:0;transform:translateX(-100%)}.close-btn{cursor:pointer;color:#e2e2e2;font-size:16px}.close-btn:hover{background-color:rgba(0,0,0,.5)}#explanation{top:8%;left:57%;color:#000;font-size:26px;background:linear-gradient(to right,#fff1ca,#ffd19d);z-index:99999}#mycontent{top:16%;left:53%;text-align:right;color:#fff;font-size:28px;background-color:transparent;box-sizing:border-box;z-index:99999;width:270px}@keyframes scrollText{0%{transform:translateX(-50%)}100%{transform:translateX(-130%)}}#passcontent{top:21%;left:55%;color:#000;font-size:24px;background:linear-gradient(to right,#d7f7ff,#0fafe5);box-shadow:5px 5px 10px rgba(0,0,0,.1);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:9999;display:none;white-space:nowrap;text-shadow:-1px -1px 0 rgba(255,255,255,.9),1px 1px 2px rgba(0,0,0,.4),2px 2px 2px rgba(184,177,177,.4),3px 3px 2px rgba(157,152,152,.4),5px 5px 10px rgba(250,246,246,.2);transform:rotate(2deg)}#draggableImg{width:40px}#draggableserchImg{width:56px}#tipcontent,.modal{display:none;position:fixed}#passcontent::before{content:'';position:absolute;top:0;right:0;border-width:10px;border-style:solid;border-color:#fff3b8 #fff3b8 transparent transparent;box-shadow:-2px -2px 5px rgba(0,0,0,.1)}#tipcontent{top:47%;left:50%;transform:translate(-50%,-50%);text-align:right;color:#fff;border-radius:6px;font-size:18px;width:350rpx;padding:9px;box-sizing:border-box;z-index:999;transition:opacity 1s ease-in-out}.modal{z-index:999999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fff;margin:5% auto;padding:20px;border-radius:8px;width:300px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.custom-tooltip,.draggable,.loader{position:absolute}.modal-footer,.modal-header{display:flex;justify-content:space-between;align-items:center}#customModal,.hidden,.upload-btn input[type=file]{display:none}.modal-header h2{margin:0;font-size:18px}.close{color:#aaa;font-size:28px;cursor:pointer}.close:focus,.close:hover{color:#000;text-decoration:none}.modal-body{margin:20px 0}.modal-body input[type=text]{width:calc(100% - 22px);padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.modal-footer button{padding:10px 55px;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}#cancelAngle,.modal-footer #cancelBtn,.modal-footer #cancelSettings{background-color:#ff6b6b;color:#fff}#confirmAngle,.modal-footer #applySettings,.modal-footer #saveBtn{background-color:#4caf50;color:#fff}.modal-buttons button:hover,.modal-footer #applySettings:hover,.modal-footer #cancelBtn:hover,.modal-footer #cancelSettings:hover,.modal-footer #saveBtn:hover{opacity:.8}.draggable{cursor:move;margin:0;user-select:none}.messages,label{margin-bottom:10px}.custom-tooltip{display:none;padding:5px;background-color:rgba(0,0,0,.75);color:#fff;border-radius:4px;z-index:100000}.loader{top:9%;left:25%;z-index:999999999;width:100px;aspect-ratio:1;display:grid;color:#8d7958;opacity:.75;-webkit-mask:radial-gradient(circle 5px,#0000 90%,#000);animation:1.5s linear infinite l3}#customModal,.chat-box{position:fixed;z-index:999999}.colon,.panel{font-size:1.4em;color:#fff;display:flex}.loader:after,.loader:before{content:"";grid-area:1/1;background:radial-gradient(farthest-side at bottom left,currentColor 94%,#0000) top left,radial-gradient(farthest-side at top right,currentColor 94%,#0000) bottom right;background-size:63% 50%;background-repeat:no-repeat;-webkit-mask:radial-gradient(65% 110% at bottom left,#0000 94%,#000) top left,radial-gradient(65% 110% at top right,#0000 94%,#000) bottom right;-webkit-mask-size:62% 50%;-webkit-mask-repeat:no-repeat}.loader:after{transform:rotate(90deg)}@keyframes l3{100%{transform:rotate(1turn)}}.chat-box{bottom:0;width:250px;right:10%;background-color:#f8f8f8;border-top:1px solid #ddd;border-radius:10px;padding:10px;opacity:.5}.messages{max-height:400px;overflow-y:auto}#messageInput{width:calc(100% - 60px);padding:5px}#sendMessage{width:50px}label{font-size:20px;color:#555}.coin{position:absolute;width:30px;height:30px;background:url('coin.png') center center no-repeat;border-radius:50%;box-shadow:0 0 8px rgba(255,215,0,.7);will-change:transform,opacity,filter;transition:none;z-index:1000000}.clock{display:flex;align-items:center;background:rgba(0,0,0,.6);padding:4px;border-radius:4px}.front,.panel{background:#444}.digit-group{position:relative;width:26px;height:26px;perspective:1000px;overflow:hidden}.close-button,.flipper,.panel{position:absolute}#customModal,.flipper,.panel{width:100%;height:100%}.flipper{transform-style:preserve-3d}.panel{backface-visibility:hidden;justify-content:center;align-items:center;border-radius:1px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.3)}.front{z-index:2}.back{transform:rotateX(180deg);background:#555}.colon{align-items:center}@keyframes flip{0%{transform:rotateX(0)}100%{transform:rotateX(-180deg)}}#customModal{top:0;left:0;background-color:rgba(0,0,0,.5)}.close-button{top:10px;right:15px;font-size:28px;cursor:pointer;color:#aaa}.close-button:focus,.close-button:hover{color:#000}#angleInput{width:80%;padding:8px;margin:10px 0;border:1px solid #ccc;border-radius:4px;font-size:16px}#angleButtonsContainer button,#zoomInButton,#zoomOutButton{border:none;margin:5px;padding:5px 10px;color:#fff;cursor:pointer}#angleButtonsContainer button{background-color:#007bff;border-radius:5px}#angleButtonsContainer button:hover{background-color:#0056b3}#zoomInButton,#zoomOutButton{background-color:#28a745;border-radius:5px;font-size:16px}#zoomInButton:hover,#zoomOutButton:hover{background-color:#1e7e34}#resetButton{margin:5px;padding:5px 10px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer}#resetButton:hover{background-color:#bd2130}#scaleDisplay{margin:0 10px;font-size:16px}#announcement{display:flex;justify-content:center;align-items:center}.character{margin:0 2px;opacity:0;animation:2s ease-in-out forwards hinge}@keyframes hinge{0%{transform:rotate(0);opacity:0}20%,60%{transform:rotate3d(0,0,1,80deg);opacity:1}40%,80%{transform:rotate3d(0,0,1,60deg);opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.image-container{position:fixed;top:19%;left:50%;transform:translate(-50%,-50%);width:450px;height:119px;border-radius:25px;object-fit:cover;transition:opacity 1s;z-index:100}.upload-btn{position:absolute;bottom:70px;left:20%;transform:translateX(-50%);padding:10px 20px;background-color:rgba(0,0,0,.7);color:#fff;text-decoration:none;border-radius:5px;opacity:0;transition:opacity .3s;cursor:pointer;z-index:101}.gold-bean{position:absolute;width:12px;height:12px;background:gold;border-radius:50%;box-shadow:0 0 8px rgba(255,215,0,.7);z-index:999999}