:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#172c27;background:#e7efe7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(120deg,#e7efe7 0,#e7efe7 58%,#dfe9df 58%)}button{font:inherit}main{max-width:1180px;margin:auto;padding:42px 28px 54px}header{display:flex;justify-content:space-between;align-items:flex-start;border-top:8px solid #172c27;padding-top:22px}h1{font-size:clamp(52px,8vw,110px);line-height:.8;margin:24px 0 34px;letter-spacing:-.075em;text-transform:uppercase}h1 i{color:#e75132;font-style:normal}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800}.score{border:1px solid #172c27;width:130px;height:130px;display:grid;place-content:center;text-align:center;box-shadow:7px 7px #172c27;background:#f8f5e8}.score b{font-size:52px;line-height:1}.score span{font-size:12px}.brief{display:grid;grid-template-columns:190px 1fr auto;border-block:1px solid #789087;padding:18px 0;gap:24px;align-items:center}.brief div:first-child{display:grid}.brief span{font-size:11px;letter-spacing:.15em}.brief strong{font-size:24px}.brief p{margin:0;max-width:520px}.hint{background:#172c27;color:#fff;padding:11px 16px;font-size:13px}.board{padding:34px 0}.scale{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.scale i{height:1px;background:#789087;flex:1}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.cards article{min-height:210px;background:#f8f5e8;border:1px solid #789087;padding:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:grab;transition:.2s}.cards article:hover{transform:translateY(-4px);box-shadow:0 7px #b5c5b6}.cards article.right{background:#d5edc8;border:2px solid #2c682b}.cards article.wrong{background:#ffd8cf;border:2px solid #c94227}.position{font-size:12px;border-bottom:1px solid #b8beb7;padding-bottom:8px}.cards article>strong{font-size:clamp(20px,2.2vw,31px);letter-spacing:-.04em}.controls{display:flex;align-items:center;justify-content:space-between}.controls button{border:1px solid #789087;background:transparent;width:32px;height:32px;cursor:pointer}.controls span{font-size:11px;color:#66736d}.result{display:grid;gap:5px}.result b{font-size:14px}.result span{font-size:11px;line-height:1.3}.primary{background:#e75132;color:#fff;border:0;padding:18px 24px;min-width:210px;text-align:left;display:flex;justify-content:space-between;font-weight:800;cursor:pointer}.primary:hover{background:#c83b20}footer{display:flex;justify-content:flex-end;gap:20px;align-items:stretch}.verdict{border-left:6px solid #c94227;padding:8px 16px;display:grid;max-width:500px}.verdict.win{border-color:#2c682b}.verdict b{font-size:21px}.verdict span{font-size:13px}@media(max-width:800px){main{padding:22px 16px}.score{width:92px;height:92px}.score b{font-size:38px}.brief{grid-template-columns:1fr}.hint{justify-self:start}.cards{grid-template-columns:repeat(2,1fr)}.cards article{min-height:170px}footer{flex-direction:column}.primary{width:100%}}@media(max-width:390px){.cards{grid-template-columns:1fr}.cards article{min-height:140px}h1{font-size:52px}}