:root{font-family:Arial,PingFang SC,sans-serif;color:#17141f;background:#ff6849;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#ff6849;background-image:radial-gradient(#b83926 1px,transparent 1px);background-size:18px 18px}button,input{font:inherit}main{min-height:100vh;display:flex;flex-direction:column;width:min(1180px,calc(100% - 36px));margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #17141f}.logo{text-decoration:none;color:#17141f;font:900 16px/1 Arial;letter-spacing:-.04em;transform:rotate(-4deg)}.logo span,.logo b{display:block}.logo b{background:#d8ff57;padding:3px}.records{display:flex;border:2px solid #17141f;background:#ffb99d;box-shadow:4px 4px #17141f}.records div{display:flex;align-items:center;gap:15px;padding:9px 14px}.records div+div{border-left:2px solid #17141f}.records small{font:700 9px monospace;text-transform:uppercase}.records strong{font:900 28px monospace}.setup{display:grid;grid-template-columns:1fr 480px;gap:70px;align-items:center;flex:1;padding:50px 0}.label{font:800 11px monospace;letter-spacing:.12em}.intro h1{font-size:clamp(68px,10vw,132px);line-height:.75;letter-spacing:-.09em;margin:35px 0}.intro h1 i{font-style:normal;color:#d8ff57;text-shadow:5px 5px 0 #17141f}.intro>p:last-child{font-size:17px;line-height:1.6;max-width:440px;font-weight:600}.settings{background:#f6ead3;border:3px solid #17141f;box-shadow:10px 10px #17141f;padding:26px}.step>span{font:800 10px monospace;letter-spacing:.12em}.step+.step{margin-top:24px}.op-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.op-grid button,.levels button{border:2px solid #17141f;background:transparent;cursor:pointer}.op-grid button{padding:10px 4px}.op-grid b,.op-grid small{display:block}.op-grid b{font-size:29px}.op-grid small{font:9px monospace}.op-grid button.active{background:#17141f;color:#d8ff57;transform:rotate(-2deg)}.levels{display:grid;gap:7px;margin-top:10px}.levels button{display:flex;align-items:center;justify-content:space-between;padding:11px 13px}.levels b{font-size:15px}.levels small{font:10px monospace}.levels button.active{background:#8f7dff;color:#fff;box-shadow:3px 3px #17141f}.launch{margin-top:26px;width:100%;height:70px;border:3px solid #17141f;background:#d8ff57;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;box-shadow:4px 4px #17141f}.launch span{font-weight:900;font-size:18px}.launch b{font-size:38px}.arena{flex:1;background:#f6ead3;border:3px solid #17141f;margin:38px 0;position:relative;display:flex;flex-direction:column;justify-content:center;padding:60px clamp(24px,6vw,80px);box-shadow:10px 10px #17141f}.timer{position:absolute;left:0;right:0;top:0;height:18px;border-bottom:3px solid #17141f;background:#fff}.timer div{height:100%;background:#d8ff57;transition:width .05s linear}.timer span{position:absolute;right:8px;top:24px;font:900 12px monospace}.round-meta{position:absolute;top:42px;left:30px;right:30px;display:flex;justify-content:space-between;font:800 11px monospace}.round-meta button{border:0;background:none;text-decoration:underline;cursor:pointer}.problem{display:flex;justify-content:center;align-items:center;gap:clamp(10px,3vw,34px);font:900 clamp(35px,7vw,84px)/1 monospace;letter-spacing:-.08em}.problem i{font-style:normal;color:#8f7dff}.problem em{font-style:normal;font-size:.5em}.problem strong{color:#ff6849}form{margin:55px auto 0;width:min(620px,100%)}form label{font:800 10px monospace;text-transform:uppercase}.answer-line{display:grid;grid-template-columns:1fr 120px;border:3px solid #17141f;margin-top:8px;box-shadow:5px 5px #17141f}.answer-line input{border:0;background:#fff;padding:17px;font:900 26px monospace;min-width:0;outline:0}.answer-line button{border:0;border-left:3px solid #17141f;background:#d8ff57;font-weight:900;cursor:pointer}form p{font:11px monospace}.result{flex:1;background:#17141f;color:#f6ead3;margin:38px 0;padding:clamp(30px,6vw,70px);display:flex;flex-direction:column;justify-content:center}.result-top{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center}.score{border:2px solid #625c70;padding:22px}.score small{display:block;font:10px monospace}.score strong{font:900 clamp(70px,11vw,130px)/.9 monospace;color:#d8ff57}.score span{font:12px monospace}.verdict p{color:#ff8065;font-weight:800}.verdict h2{font-size:clamp(28px,4vw,50px);line-height:1.15;margin:0}.verdict b{color:#8f7dff;font:900 1.25em monospace}.comparison{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #625c70;border-bottom:1px solid #625c70;margin:44px 0}.comparison div{padding:18px}.comparison div+div{border-left:1px solid #625c70}.comparison small,.comparison strong{display:block}.comparison small{font:9px monospace;color:#9d96aa}.comparison strong{font:900 25px monospace;margin-top:8px}.result-actions{display:flex;justify-content:flex-end;gap:10px}.result-actions button{padding:13px 18px;border:1px solid #f6ead3;background:transparent;color:#f6ead3;cursor:pointer}.result-actions .next{background:#d8ff57;color:#17141f;border-color:#d8ff57;font-weight:900}footer{height:58px;border-top:2px solid #17141f;display:flex;justify-content:space-between;align-items:center;font:700 9px monospace}@media(max-width:760px){main{width:min(100% - 20px,1180px)}header{height:80px}.records small{display:none}.setup{grid-template-columns:1fr;gap:35px;padding:35px 0}.intro h1{font-size:72px;margin:25px 0}.intro>p:last-child{font-size:14px}.settings{box-shadow:6px 6px #17141f}.arena{margin:20px 0;padding:80px 18px 35px;box-shadow:5px 5px #17141f}.problem{font-size:clamp(27px,8vw,48px);gap:10px;flex-wrap:wrap}.answer-line{grid-template-columns:1fr 90px}.answer-line input{font-size:20px}.result{margin:20px 0}.result-top{grid-template-columns:1fr}.score{width:220px}.comparison strong{font-size:17px}.comparison div{padding:12px 6px}.result-actions{justify-content:stretch}.result-actions button{flex:1}footer span:last-child{display:none}}