:root{color-scheme:dark;font-family:Arial,'Malgun Gothic',sans-serif;background:#101511;color:#f5f6ef}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c2f76b;outline-offset:5px}[hidden]{display:none!important}header{height:94px;max-width:1200px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2e382e}.brand{text-decoration:none;color:#f5f6ef;font-size:23px;font-weight:900;letter-spacing:-1px}.brand span{margin-left:7px;color:#c2f76b}.brand small{font-size:10px;border:1px solid #45533e;padding:4px;margin-left:9px;vertical-align:middle}nav{display:flex;gap:12px}nav button{background:none;border:0;color:#9da697;padding:12px 20px;border-radius:24px}nav button[aria-current]{color:#101511;background:#c2f76b}main{max-width:1200px;margin:auto;padding:72px 36px 40px;min-height:calc(100vh - 170px)}#home{position:relative;isolation:isolate}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:3px;color:#b9caab}h1{font-size:clamp(42px,6vw,78px);letter-spacing:-4px;line-height:1.16;margin:28px 0}h1 em{font-style:normal;color:#c2f76b}.intro{color:#b0bbac;line-height:1.8;font-size:17px}.primary{margin-top:26px;padding:19px 24px;background:#c2f76b;color:#17200d;border:0;border-radius:6px;font-weight:bold;display:inline-flex;gap:50px;align-items:center}.primary:hover{background:#d3ff91}.primary span{font-size:23px}.facts{display:flex;gap:55px;padding:50px 0 24px;margin-top:52px;border-top:1px solid #2e382e;font-size:12px;color:#7d8b75}.facts b{color:#d3dace;font-size:15px;margin-left:12px}.arena{position:absolute;right:0;top:0;width:46%;height:380px;background:radial-gradient(ellipse,#34442655,transparent 68%);display:flex;align-items:center;justify-content:center;gap:34px;z-index:-1}.ring{position:absolute;width:310px;height:310px;border:1px solid #4c603b;border-radius:50%;transform:rotateX(25deg)}.ring:before{content:'';position:absolute;inset:28px;border:1px dashed #455638;border-radius:50%}.arena span{text-align:center;letter-spacing:3px;font-size:11px}.arena b{font-size:76px;letter-spacing:-5px}.arena .a{color:#c2f76b}.arena .b{color:#d4ddcb}.versus{color:#8c9e7c}.team-title{font-size:44px;letter-spacing:-2px}.inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px;max-width:800px}label{font-size:10px;letter-spacing:2px;color:#b1c39e}input{display:block;width:100%;margin-top:9px;border:1px solid #40503a;background:#192019;color:#f5f6ef;padding:16px;border-radius:5px;letter-spacing:normal}input::placeholder{color:#7e8d77}.note{color:#9aaa91;font-size:13px;line-height:1.7}#error{color:#ffb4a6;min-height:20px}#result{margin-top:45px}h2{font-size:24px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px}article{padding:24px;background:#1a2318;border:1px solid #465c35;border-radius:8px}h3{color:#c2f76b;font-size:17px;display:flex;justify-content:space-between;gap:12px}h3 small{color:#a6b29c;font-size:10px}ol{padding-left:24px}li{padding:10px 4px;overflow-wrap:anywhere}footer{max-width:1128px;margin:0 auto;padding:25px 0;border-top:1px solid #2e382e;display:flex;justify-content:space-between;color:#86937e;font-size:12px}footer span:first-child{font-weight:bold;letter-spacing:2px}@media(max-width:700px){header{height:78px;padding:0 20px}.brand{font-size:18px}nav{gap:0}nav button{padding:10px 14px}main{padding:42px 22px 28px}h1{letter-spacing:-2px}.arena{position:relative;width:100%;height:250px;margin-top:24px}.ring{width:235px;height:235px}.arena b{font-size:60px}.facts{gap:10px;justify-content:space-between;padding-top:28px;margin-top:25px}.facts b{display:block;margin:8px 0 0}.inputs{gap:16px 12px}.team-title{font-size:34px}.team-grid{grid-template-columns:1fr}footer{margin:0 22px;font-size:10px;gap:15px}.intro{font-size:15px}.primary{margin-top:18px}article{padding:18px}}