.sgcw20{--green:#008832;--deep:#07551f;--ink:#17321e;max-width:1040px;margin:20px auto;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(4,57,20,.16);border:1px solid #dbe9de}.sgcw20 *{box-sizing:border-box}.sgcw20 [hidden]{display:none!important}.sgcw20 button,.sgcw20 input{font:inherit}.sgcw20__hero{padding:14px 18px;background:linear-gradient(135deg,#07551f,#008832);color:#fff;text-align:center}.sgcw20__hero h2{margin:0!important;color:#fff!important;font-size:clamp(25px,4vw,38px)!important}.sgcw20__hero p{margin:5px 0 0;font-size:14px}.sgcw20__screen{padding:24px 16px;background:#f4faf5}.sgcw20__card{max-width:560px;margin:auto;padding:22px;border-radius:18px;background:#fff;border:1px solid #dce9de;box-shadow:0 8px 24px rgba(5,80,25,.08);text-align:center}.sgcw20__card p{line-height:1.5}.sgcw20__card label{display:block;text-align:left;font-weight:800;margin:10px 0 6px}.sgcw20__card input{width:100%;min-height:50px;border:2px solid #cfe1d3;border-radius:12px;padding:10px 13px;font-size:17px;margin-bottom:12px}.sgcw20__record{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;border-radius:12px;background:#fff9df;border:1px solid #ecd982}.sgcw20__record span{font-size:10px;font-weight:950;letter-spacing:.12em}.sgcw20__record strong{font-size:22px;color:#956f00}.sgcw20__record small{font-weight:800}.sgcw20-btn{border:0;border-radius:11px;padding:11px 15px;font-weight:900;cursor:pointer}.sgcw20-btn--primary{width:100%;min-height:50px;color:#fff;background:linear-gradient(#10a444,#008832);box-shadow:0 5px 14px rgba(0,136,50,.22)}.sgcw20-btn--small{padding:8px 11px;background:#eaf6ec;color:#0b6425}.sgcw20__message{min-height:20px;margin-top:8px;color:#a32a2a;font-size:13px;font-weight:800}.sgcw20__play{padding:0 0 18px;background:#edf5ef}.sgcw20__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d1e3d5}.sgcw20__stats>div{padding:9px 5px;text-align:center;background:#fff}.sgcw20__stats span{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#68806d}.sgcw20__stats strong{font-size:23px;color:#0c6a29}.sgcw20__stats small{font-weight:800;margin-left:2px}.sgcw20__canvas-wrap{position:relative;padding:10px}.sgcw20 canvas{display:block;width:100%;height:auto;aspect-ratio:900/500;border-radius:15px;background:#3f9137;touch-action:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}.sgcw20__countdown{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:100px;font-weight:950;color:#fff;text-shadow:0 6px 20px #000}.sgcw20__controls{text-align:center}.sgcw20-btn--hit{min-width:220px;font-size:21px;color:#fff;background:linear-gradient(#ffb52e,#e27b00);box-shadow:0 6px 16px rgba(170,93,0,.25)}.sgcw20__controls span{display:block;margin-top:7px;font-size:12px;color:#5d7563}.sgcw20__finish .sgcw20__flag{font-size:52px}.sgcw20__finish h3{font-size:29px;margin:3px 0}.sgcw20__finish strong{font-size:29px;color:#008832}.sgcw20__leaders{padding:22px 18px}.sgcw20__leader-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px}.sgcw20__leader-head span{font-size:10px;color:#008832;font-weight:950;letter-spacing:.12em}.sgcw20__leader-head h3{margin:0!important;font-size:23px}.sgcw20__table-wrap{overflow:hidden;border:1px solid #dce8de;border-radius:13px}.sgcw20 table{width:100%;border-collapse:collapse;margin:0!important}.sgcw20 th,.sgcw20 td{padding:10px 12px;border-bottom:1px solid #e7efe8;text-align:left}.sgcw20 th{background:#f1f8f2;font-size:11px;text-transform:uppercase;color:#57715e}.sgcw20 td:nth-child(3),.sgcw20 th:nth-child(3),.sgcw20 td:nth-child(4),.sgcw20 th:nth-child(4){text-align:right}.sgcw20 tbody tr:first-child{background:#fff8df}@media(max-width:620px){.sgcw20{margin:10px 0;border-radius:14px}.sgcw20__stats strong{font-size:17px}.sgcw20__stats>div{padding:7px 2px}.sgcw20__canvas-wrap{padding:5px}.sgcw20__leaders{padding:18px 8px}.sgcw20 th,.sgcw20 td{padding:9px 6px}.sgcw20__leader-head{align-items:center}}

.sgcw20 canvas{cursor:grab}.sgcw20 canvas:active{cursor:grabbing}.sgcw20__controls{padding:2px 12px 0}.sgcw20__controls strong{display:block;color:#125c28;font-size:15px}.sgcw20__controls span{display:block;margin-top:5px;font-size:12px;color:#5d7563}.sgcw20-btn--hit{display:none!important}