:root{color:#28231f;background:#eee8dd;font-family:Georgia,Noto Serif SC,serif}*{box-sizing:border-box}body{background-color:#eee8dd;background-image:linear-gradient(#d9d0c1 1px,#0000 1px);background-size:100% 32px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:auto;padding:28px 28px 50px}header{border-bottom:3px double #312b25;justify-content:space-between;align-items:flex-end;padding-bottom:20px;display:flex}header h1{letter-spacing:-4px;margin:0;font-size:clamp(30px,5vw,65px);font-weight:500;line-height:.88}header h1 i{color:#c7352d;font-weight:400}header p{text-align:right;max-width:350px;margin:0;font-size:13px;line-height:1.7}.setup{background:#f7f2e8;border:1px solid #4c443b;grid-template-columns:1.1fr .9fr;gap:0;margin-top:22px;display:grid;box-shadow:8px 8px #c9bfb0}.setup>div{padding:22px}.setup>div+div{border-left:1px solid #4c443b}.cap{letter-spacing:2px;text-transform:uppercase;color:#746b60;font-family:Arial,sans-serif;font-size:10px}.controls{grid-template-columns:1fr 1fr;gap:13px;margin-top:12px;display:grid}.controls label{gap:6px;font-size:12px;display:grid}.controls input,.controls select{background:#fffdf8;border:1px solid #6f655a;min-width:0;padding:10px}.controls .full{grid-column:1/-1}.start{color:#fff;letter-spacing:1px;background:#28231f;border:0;padding:13px 18px;font-weight:700}.recent{color:#696057;gap:6px;margin:10px 0 0;padding:0;font:12px Arial,sans-serif;list-style:none;display:grid}.lab{margin-top:28px;display:none}.lab.active{grid-template-columns:250px 1fr;gap:22px;display:grid}.leftcol{flex-direction:column;gap:16px;display:flex}.bag-card,.guess-card,.chart-card,.result-card{background:#f9f5ec;border:1px solid #51483f}.bag-card{text-align:center;padding:20px}.bag{background:#e5dbca;border:2px solid #3e3832;border-radius:8px 8px 44px 44px;flex-wrap:wrap;align-content:flex-start;gap:5px;height:160px;padding:22px 16px;display:flex;position:relative;overflow:hidden}.bag:before{content:"";border-top:7px double #3e3832;position:absolute;top:8px;left:9px;right:9px}.ball{border:1px solid #342e29;border-radius:50%;width:18px;height:18px;animation:.25s ease-out drop}@keyframes drop{0%{opacity:0;transform:translateY(-20px)}}.count{margin:13px 0 0;font-size:44px}.count small{color:#776d62;font-size:13px}.draw{color:#fff;background:#c7352d;border:1px solid #312b25;width:100%;margin-top:13px;padding:12px;font-weight:700}.draw:disabled{cursor:not-allowed;background:#948a7f}.guess-card{padding:18px}.guess-card h2{margin:4px 0 5px;font-size:18px}.guess-card p{color:#6f665c;font-size:11px;line-height:1.5}.guess-fields{gap:8px;display:grid}.guess-fields label{grid-template-columns:1fr 70px;align-items:center;font-size:12px;display:grid}.guess-fields input{background:#fff;border:1px solid #796f64;width:70px;padding:7px}.guess-fields span:after{content:"%";margin-left:-19px}.guess-submit{color:#fff;background:#28231f;border:0;width:100%;margin-top:10px;padding:10px}.guess-submit:disabled{opacity:.4}.maincol{flex-direction:column;gap:16px;display:flex}.chart-card{min-width:0;padding:18px}.chart-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.chart-head h2{margin:0;font-size:20px}.chart-head span{color:#776f65;font:11px Arial,sans-serif}canvas{background:#fffdf7;border-bottom:1px solid #7d746a;border-left:1px solid #7d746a;width:100%;height:340px;display:block}.swatches{flex-wrap:wrap;gap:14px;margin-top:12px;font:11px Arial,sans-serif;display:flex}.swatches b{align-items:center;gap:6px;display:flex}.swatches i{width:15px;height:3px}.checkpoints{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.checkpoint{background:#ded6c8;border-top:4px solid #aaa;min-height:76px;padding:12px}.checkpoint.done{background:#f8f1e6;border-color:#c7352d}.checkpoint b{font-size:15px}.checkpoint p{color:#645c54;margin:7px 0 0;font:11px Arial,sans-serif}.result-card{padding:20px;display:none}.result-card.show{display:block}.truth{flex-wrap:wrap;gap:12px;display:flex}.truth b{background:#fff;border:1px solid #444;padding:9px 12px}.errors{border-collapse:collapse;width:100%;margin-top:14px;font:12px Arial,sans-serif}.errors th,.errors td{text-align:left;border-bottom:1px solid #d2c8b9;padding:8px}.again{background:0 0;border:1px solid #332d27;margin-top:13px;padding:10px 16px}.error{color:#b12823;min-height:16px;font:12px Arial,sans-serif}@media (width<=800px){.shell{padding:18px 14px}header{display:block}header h1{letter-spacing:-2px}header p{text-align:left;margin-top:15px}.setup{grid-template-columns:1fr}.setup>div+div{border-top:1px solid #4c443b;border-left:0}.lab.active{grid-template-columns:1fr}.leftcol{grid-template-columns:1fr 1fr;display:grid}.chart-card{padding:11px}canvas{height:260px}.checkpoints{gap:5px}.checkpoint{padding:8px}.checkpoint p{font-size:10px}}@media (width<=480px){.leftcol,.controls{grid-template-columns:1fr}.controls .full{grid-column:auto}.checkpoints{grid-template-columns:1fr}}