*{box-sizing:border-box}body{margin:0;background:#0d1020;color:#f0f2ff;font-family:system-ui,sans-serif}header{padding:25px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff16;align-items:center}header b{letter-spacing:2px}em{color:#58dfdd;font-style:normal}header span,small{font-size:10px;letter-spacing:1px;color:#9199b5}main{max-width:1240px;margin:auto;padding:28px 35px}.top{display:flex;justify-content:space-between;align-items:center}h1{font-size:32px;letter-spacing:-1px;margin:10px 0 22px}button,input{font:inherit;border-radius:9px;border:1px solid #ffffff25;background:#232940;color:#fff;padding:11px 15px}button{cursor:pointer;font-weight:650}button:hover{filter:brightness(1.2)}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #5ce3df;outline-offset:3px}.names{display:flex;gap:18px;align-items:center;margin:0 0 20px}.names label{font-size:11px;color:#aeb7cb}.names input{display:block;margin-top:6px;width:150px}.names p{font-size:12px;color:#9ea9c1}.scorewrap{overflow-x:auto;margin-bottom:20px;background:#171c30;border:1px solid #ffffff15;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:center;font-size:12px;min-width:650px}th,td{border:1px solid #ffffff12;padding:8px;min-width:40px}th{font-size:10px;color:#a3adc7}td b{display:block;margin-top:3px}tr.active{background:#21404a}td:first-child{text-align:left;min-width:100px}td:last-child{color:#5de2dc;font-size:19px}.stage{position:relative;overflow:hidden;border-radius:16px;border:1px solid #ffffff15}canvas{display:block;width:100%;aspect-ratio:1100/649;background:#111629}.turn{position:absolute;left:24px;top:20px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.turn span{font-weight:750;font-size:18px;color:#78e9e2}#camera{position:absolute;right:18px;top:18px;font-size:11px}#toast{position:absolute;top:42%;text-align:center;width:100%;padding:0 10px;font-size:28px;font-weight:800;text-shadow:0 3px 15px #000;pointer-events:none}.bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:20px 0}.bottom p{font-size:12px;color:#a2afc6}kbd{font-family:inherit;color:#fff;background:#283149;padding:4px 8px;border-radius:5px}.charge{width:350px;max-width:100%}.charge>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.meter{height:14px;background:#283149;border-radius:12px;margin:12px 0;overflow:hidden}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#59dcdd,#c8f16d,#ffb05f)}.charge small{letter-spacing:0}#throw{display:block;margin-top:10px;width:100%;touch-action:none;user-select:none;background:#256e79}#next{background:#28767b}footer{color:#77839e;font-size:11px;border-top:1px solid #ffffff12;padding:20px 0}[hidden]{display:none!important}@media(max-width:750px){main{padding:20px 12px}header span{display:none}.names{flex-wrap:wrap;gap:10px}.names p{margin:0}.bottom{flex-direction:column;align-items:stretch}.charge{width:100%}h1{font-size:24px}.turn{left:12px;top:12px}.turn span{font-size:13px}#toast{font-size:20px}#camera{padding:7px;top:10px;right:10px}}