body,html{color:#ffffffde;background-color:#272730;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0}#root{width:100%;height:100%}.ui-panel{position:absolute;left:20px;top:200px;font-family:Noto Sans TC,sans-serif;font-optical-sizing:auto;z-index:10;font-size:12px;color:#fffc}.ui-panel h2,.ui-panel h3{font-weight:400}.ui-panel h3{font-size:12px;margin-top:30px}.ui-panel h2:after{content:"";display:block;width:90%;height:1px;background-color:#ffffff40;margin-top:4px}.ui-panel ul{padding:0;list-style:none;display:flex;gap:10px}.ui-panel ul li{padding:6px 10px;cursor:pointer;min-width:40px;font-size:20px;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-color:#0006}.ui-panel ul li:hover{background-color:#000000e6}.ui-panel .flow{display:flex;gap:10px;align-items:center}.ui-panel .flow .arrow{color:#fffc;font-weight:700;font-size:20px;position:relative;top:26px}.play-btn{position:absolute;left:100px;right:100px;top:100px;bottom:100px;z-index:10;display:flex;justify-content:center;align-items:center}.play-btn img{cursor:pointer}.navbar{position:absolute;top:20px;left:0;right:0;z-index:10;margin:0 auto;width:400px;border-radius:100px;background-color:#fff3}.navbar{display:flex;gap:20px;padding:10px 0 12px;justify-content:center}.navbar a{color:#fff9;text-decoration:none;font-weight:700;font-family:Noto Sans TC,sans-serif}.navbar a.cur{color:#ffffffe6;text-decoration:underline}