body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#f7f7f0;display:block;}*{transition:all .2s ease-in .0s;box-sizing:border-box;}a{color:#007bff;text-decoration:none;background-color:transparent;}a:hover{text-decoration:underline;}.w{margin:1rem auto;width:98%;}.w div{display:block;}.l{text-align:left;}.fl{float:left;}.fr{float:right;}@media(min-width:847px){.w{width:850px;}}#face{border:2px solid #808080;border-left-color:#fff;border-top-color:#fff;}#face:active{border:2px solid #808080;border-bottom:1px solid #808080;border-right:1px solid #808080;}table{border-collapse:collapse;}.pad{border:2px solid #808080;border-right-color:#fff;border-bottom-color:#fff;}input[type=number]{vertical-align:middle;height:1.19rem;width:3rem;}input[type=checkbox]{vertical-align:middle;height:1.19rem;width:1.5rem;}#night,#volume,.user{cursor:pointer;}#sun,#volumeonicon{display:none;}.shake-red{background-color:red;color:white;font-weight:bold;transition:all .2s ease-in .1s;}.shake-white{background-color:white;color:red;font-weight:bold;transition:all .2s ease-in .1s;}.animate-color-change{animation:redTextShadowAnimation 2s infinite;color:red;}@keyframes redTextShadowAnimation{0%{text-shadow:0 0 10px rgba(255,0,0,0.6);}50%{text-shadow:0 0 20px rgba(255,0,0,0.8),0 0 30px rgba(255,0,0,0.9);}100%{text-shadow:0 0 10px rgba(255,0,0,0.6);}}.hidden{display:none;}#minebox{position:relative;}#overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:20px;color:#FFF;border:5px solid #FFF;background-color:rgba(106,124,197,0.9);box-shadow:0 0 5px #000;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;height:fit-content;padding:20px;}#overlay p{white-space:nowrap;margin-top:-10px;margin-bottom:30px;font-size:1.2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5);animation:colorChange 10s infinite;}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite;margin:20px auto;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.button-container{display:flex;justify-content:center;gap:10px;margin-bottom:0px;}.button{padding:10px 20px;font-size:1rem;cursor:pointer;background-color:#0000FF;color:white;border:none;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:shineAnimation 2s infinite;transition:box-shadow 0.3s ease-in-out;}.button:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);}@keyframes shineAnimation{0%{box-shadow:0 0 10px rgba(255,255,255,0.6);}50%{box-shadow:0 0 20px rgba(255,255,255,0.8),0 0 30px rgba(255,255,255,0.9);}100%{box-shadow:0 0 10px rgba(255,255,255,0.6);}}@keyframes redTextShadowAnimation{0%{text-shadow:0 0 10px rgba(255,0,0,0.6);}50%{text-shadow:0 0 20px rgba(255,0,0,0.8),0 0 30px rgba(255,0,0,0.9);}100%{text-shadow:0 0 10px rgba(255,0,0,0.6);}}@keyframes colorChange{0%{color:#ff4d4d;}14%{color:#4dff4d;}28%{color:#4dffff;}42%{color:#ffdb4d;}57%{color:#4d4dff;}71%{color:#ff4df4;}85%{color:#f4ff4d;}100%{color:#ff4d4d;}}.animate-color-change{animation:redTextShadowAnimation 2s infinite;color:red;}.ranklist{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}.level{width:32%;//33.333%;height:auto;box-sizing:border-box;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.level table{width:100%;border-collapse:collapse;table-layout:fixed;}.level table th{border-bottom:1px solid gray;padding:10px;background-color:#f0f0f0;font-weight:bold;color:#333;}.level table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:5px;border-bottom:1px solid #ddd;color:#555;}.level .title{font-size:130%;text-align:center;font-weight:bold;padding:10px;background-color:#007bff;color:white;border-radius:10px 10px 0 0;}@media (max-width:800px){.level{width:49%;height:auto;}}@media (max-width:500px){.level{width:100%;height:auto;}}