.toontone-game{display:block;width:100%;margin:0;padding:0;color:#111417}.toontone-game *{box-sizing:border-box}.toontone-progress{text-align:right;font-size:14px;color:#3f454c;margin:0 0 4px}.category{margin-top:4px;font-size:12px;text-transform:uppercase;color:#606872}.prompt{margin:8px 0 12px;text-align:center;font-size:23px;line-height:1.18;color:#111417}.target-card{height:330px;border:1px solid #d6dbd4;border-radius:8px;background:#f8f8f6;display:grid;place-items:center;overflow:hidden}.mascot{width:min(100%,430px);aspect-ratio:360/260;display:grid;place-items:center}.toon-svg{display:block;width:100%;height:auto;max-height:100%;overflow:visible}.toon-svg *{vector-effect:non-scaling-stroke}.paint-target{transition:fill .08s linear,background-color .08s linear}.control-stage{margin:14px 0}.controls{height:150px;padding:12px;border:1px solid #d6dbd4;border-radius:8px;background:#fff}.control{display:block;margin-bottom:16px}.control:last-child{margin-bottom:2px}.range{display:block;width:100%;height:30px;margin:0;padding:0;border:1px solid #aeb5ad;border-radius:7px;appearance:none;background:linear-gradient(90deg,#999,#fff);touch-action:pan-y}.range.hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.range::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border-radius:50%;border:3px solid #111417;background:#fff}.range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;border:3px solid #111417;background:#fff}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.actions button,.result button{height:48px;border:0;border-radius:8px;background:#14171a;color:#fff;font-size:17px;font-weight:700}.panel{border:1px solid #d6dbd4;border-radius:8px;background:#fff;padding:14px;margin-top:12px}.control-stage .panel{margin-top:0}.result{height:150px;display:grid;grid-template-rows:auto auto 1fr;gap:8px;align-content:center;overflow:hidden}.toontone-game [hidden]{display:none!important}.score{text-align:center;font-size:48px;line-height:1;font-weight:800}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-swatch{height:42px;border-radius:6px;border:1px solid #c4cac2}.result p{margin:0;color:#48505a;font-size:13px;line-height:1.25;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.leaderboard h3{margin:0 0 8px;font-size:19px}.leaderboard ol{margin:0;padding-left:22px;color:#48505a;font-size:14px}.leaderboard li{margin:7px 0}@media(max-width:720px){.target-card{height:300px}.prompt{font-size:21px}.controls{padding:10px}.mascot{width:100%}}