body,html{margin:0}#root{text-align:center;width:100%;max-width:500px;margin:0 auto}.app{width:100%;margin:0 auto}.scene-container{width:100%;padding-bottom:100%;position:relative;margin:10% 0}.scene-inner{position:absolute;left:0;right:0;bottom:0;top:0;overflow:visible;font-size:28px}.symbol{width:12.5%;padding-bottom:12.5%;position:absolute;transition:.15s;left:0;top:0;border-radius:8px}.symbol-inner{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center;border-radius:8px;border:2px solid #444;transition:.3s;overflow:hidden;user-select:none}.symbol-inner img{width:100%;height:100%;object-fit:cover}.queue-container{border-radius:8px;width:100%;padding-bottom:15%;border:2px solid gray;margin-bottom:16px}.modal{position:fixed;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;backdrop-filter:blur(10px);background:rgba(0,0,0,.1);top:0;left:0}.modal>button{margin-top:16px}.modal input{border-radius:8px;padding:.6em 1.2em;font-size:1em;width:200px;border:2px solid #000}.modal.rank-list{background:rgba(0,0,0,.9);color:#fff}.rank-list-table{width:600px;color:#fff;max-height:400px;overflow-y:auto}.rank-list-table .rank-list-row{display:flex;flex-direction:row;font-size:22px}.rank-list-table .rank-list-row:nth-child(2){font-size:20px}.rank-list-table .rank-list-row:nth-child(3){font-size:18px}.rank-list-table .rank-list-row:nth-child(n+4){font-size:16px}.rank-list-table .rank-list-row .rank-list-col{margin:8px}.rank-list-table .rank-list-row .rank-list-col:nth-child(1){flex:0 0 auto;text-align:left;min-width:24px}.rank-list-table .rank-list-row .rank-list-col:nth-child(2){flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.rank-list-table .rank-list-row .rank-list-col:nth-child(3){flex:0 0 auto;text-align:center;min-width:60px}.rank-list-table .rank-list-row .rank-list-col:nth-child(4){flex:0 0 auto;text-align:right;min-width:80px}.bgm-button{position:fixed;left:0;top:0;padding:4px;width:36px;height:36px;border-radius:0}.player-name{position:fixed;right:0;top:0;padding:4px;height:24px;line-height:24px;border:2px solid #9f9f9f}h2{margin-top:50px}.zhenghuo-button{width:100%;margin-top:8px}.game-status-box{border:2px solid #9f9f9f;padding:8px}.game-status-tag:not(:first-child){margin-left:16px}.game-status-tag span{display:inline-block;border-radius:4px;background-color:#6f6f6f;padding:0 8px;margin:0 4px}@media (prefers-color-scheme: light){.game-status-tag span{background-color:#efefef;color:#000}}@media screen and (max-width: 600px){.rank-list-table{width:95%}}@media screen and (max-width: 500px){.game-status-box{font-size:14px;flex-wrap:nowrap;padding:8px 4px}.game-status-tag:not(:first-child){margin-left:4px}span{padding:0 4px;margin:0 2px}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0 32px}h1{font-size:3.2em;line-height:1.1}select{border:1px solid gray;border-radius:4px;padding:4px 8px}input{border:1px solid gray;border-radius:4px;padding:8px 12px}button{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;word-break:keep-all;outline:none;color:#fff;border:2px solid #aaa;transition:all .25s ease-in-out}button.primary{background-color:#646cff;color:#fff}button:hover:not(.primary){color:#000;border-color:#fff;background-color:#fff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.flex-container{display:flex;gap:8px;flex-wrap:wrap}.flex-center{justify-content:center;align-items:center}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-grow{flex-grow:1}.flex-between{justify-content:space-between;align-items:center}.flex-spacer{flex:1 1 auto}