@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#101d30;color:#f3f2e9;font:14px 'DM Sans',sans-serif}main{max-width:1440px;margin:auto;padding:20px 36px 12px;height:100dvh;display:flex;flex-direction:column;gap:14px}header{display:flex;align-items:center;justify-content:space-between}.brand{color:#f2f1e9;text-decoration:none;font-weight:900;font-size:32px;display:flex;align-items:center;gap:12px}.brand span{font-size:9px;line-height:1.7;letter-spacing:1.6px;font-weight:500;border-left:1px solid #627081;padding-left:12px}.tools{display:flex;gap:7px}button,select{font:inherit;color:inherit;border:1px solid #596473;background:#ffffff08;border-radius:6px;padding:9px 14px;cursor:pointer}button:hover{background:#ffffff18}button:focus-visible,select:focus-visible{outline:3px solid #ffd260}.top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:700;color:#b8c4c7}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(38px,5.2vw,76px);line-height:.95;letter-spacing:-1px;margin:7px 0 3px;font-weight:900}h1 em{font-style:normal;color:#ffca65}h1>span{font:12px 'DM Sans',sans-serif;vertical-align:top;margin-left:14px;color:#99a6b3}.top p{color:#b0bdc7;line-height:1.6;margin:0}.arena{position:relative;flex:1;min-height:180px;border:1px solid #516878;border-radius:12px;overflow:hidden;background:#162e42}canvas{width:100%;height:100%;display:block;object-fit:contain}.score{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;pointer-events:none;background:#101d30bb;padding:10px 23px;border-radius:9px;backdrop-filter:blur(10px)}.score>div{display:flex;align-items:center;gap:12px}.score b{font-family:'Barlow Condensed',sans-serif;font-size:38px;line-height:1}.score span{font-size:10px;letter-spacing:2px}.score i{width:7px;height:7px;border-radius:50%;background:#62e3ca}.score>div:last-child i{background:#ffb975}.scoreline{color:#8197a0}.overlay{position:absolute;inset:0;background:#0c192b77;display:grid;place-items:center;backdrop-filter:blur(5px);z-index:3}.overlay.hidden{display:none}.panel{background:#14283aee;border:1px solid #56717c;padding:27px 34px;border-radius:12px;text-align:center;width:min(440px,94%);box-shadow:0 20px 100px #05152477}.panel h2{font-family:'Barlow Condensed',sans-serif;font-size:40px;margin:6px 0 10px}.panel p{color:#c4d0d5;font-size:13px;line-height:1.6;margin:0 0 16px}.choices{display:flex;gap:8px;margin-bottom:12px}.choices button{flex:1}.selected{background:#5ee1c5!important;color:#102b35;border-color:#5ee1c5}label{display:flex;align-items:center;justify-content:space-between;color:#c4d0d5;font-size:12px}select{background:#172c3f;font-size:12px}.primary{background:#ffca65;color:#1e2d36;font-weight:800;letter-spacing:1.5px;display:flex;width:100%;justify-content:space-between;margin:18px 0 12px}.primary:hover{background:#ffda8f}small{font-size:10px;color:#a7b9c5}.bottom{display:flex;gap:30px}.bottom>div{display:flex;flex-direction:column;gap:5px}.bottom b{font-size:10px;letter-spacing:1.3px;color:#77ddcb}.bottom span{font-size:11px;color:#abbac6}.bottom .record{margin-left:auto;text-align:right}.record b{color:#ffca65}footer{display:flex;justify-content:space-between;color:#768b9c;font-size:10px;margin-top:3px}footer a{color:#a8bac6;text-decoration:none}.notice{position:absolute;left:50%;top:29%;transform:translateX(-50%);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(24px,4vw,50px);text-align:center;pointer-events:none;text-shadow:0 3px 14px #102339;white-space:nowrap}.touch{display:none}.touch>div{display:flex;gap:6px}.touch button{touch-action:none;user-select:none;min-height:46px;flex:1;background:#243c4f}.touch button:nth-child(3){color:#68e2c8}.touch button:nth-child(4){color:#ffca65}#touch2{display:none}body.duo #touch2{display:flex} @media(pointer:coarse){.touch{display:flex;gap:10px}.touch>div{flex:1}.bottom{display:none}}@media(max-width:700px){main{padding:12px;gap:10px}.top p{display:none}.brand{font-size:25px}.tools button{padding:7px 10px;font-size:11px}.top h1{font-size:46px}.eyebrow{font-size:8px}.score{top:8px;padding:7px 15px;gap:16px}.score b{font-size:27px}.score>div{gap:7px}.score span{font-size:8px}.panel{padding:20px}.panel h2{font-size:32px}footer{font-size:9px}footer>span:last-child{display:none}.bottom{gap:12px}.bottom span{font-size:9px}.bottom .record{display:none}.touch button{padding:5px;font-size:10px}body.duo .touch{flex-direction:column}}@media(max-height:580px){main{gap:7px;padding-top:8px}.top{display:none}.bottom{display:none}.panel{padding:13px 24px}.panel h2{font-size:29px}.panel p{margin-bottom:8px}.primary{margin-top:10px}.score{top:6px}}

.touch .jump-key{display:block;color:#ffca65}.touch button{min-width:60px}canvas{touch-action:none}